Cómo crear un enlace para ir a una parte específica de una página

Cuando la mayoría de la gente piensa en hipervínculos, piensa en conectar dos páginas web diferentes, como un blog y una página de destino, juntas. Pero eso no es todo lo que los hipervínculos pueden hacer, también pueden vincular a una parte específica de una página.

Entonces, ¿recuerda el glosario realmente exhaustivo que preparó sobre los términos de la industria que su audiencia debería conocer? Ahora, cuando haces referencia a algo que dijiste en otra parte de ese artículo, puedes vincularlo, lo que hace que sea mucho más fácil para tu audiencia descubrir de qué diablos estás hablando. ¿Quieres ver a qué me refiero? Simplemente haga clic aquí.

Muy bien, ¿verdad? La mejor parte de esto es que es muy fácil de hacer tú mismo, incluso si no tienes amplios conocimientos de HTML. Si el lenguaje HTML le parece confuso, siga los ejemplos del mundo real que aparecen a continuación.

Nota: Si eres cliente de HubSpot, siga estas instrucciones.

¿Qué es un hipervínculo HTML?

Un hipervínculo es un enlace en el que se puede hacer clic y que se puede adjuntar a cualquier elemento HTML de una página web, como una imagen o un texto. Estos enlaces se pueden utilizar para dirigir a los usuarios a otras páginas de su sitio web, sitios web externos o incluso partes específicas de una página web.

Los hipervínculos se crean utilizando código HTML, que es el lenguaje utilizado para estructurar su sitio web. El uso estratégico de hipervínculos puede ayudarlo a mejorar la experiencia del usuario en su sitio web guiándolos a través de su contenido y ayudándolos a descubrir información relacionada.

¿Qué es un enlace de anclaje HTML?

También conocido como enlace de salto, un enlace de anclaje HTML es el enlace que lo lleva a una parte específica de una página web. Los enlaces ancla son especialmente útiles para guiar a los usuarios a través de una página larga. Por ejemplo, puede crear una tabla de contenido en la parte superior de su página utilizando enlaces ancla que conducen a diferentes secciones de la publicación de su blog, lo que facilita a los usuarios encontrar la información exacta que buscan.

Es una buena práctica crear un enlace externo al citar información de otra fuente. Esto no sólo otorga crédito a quien lo merece, sino que también ayuda a los usuarios a encontrar más información sobre el tema que están leyendo.

Permitir que las personas “salten” efectivamente a una determinada parte de una página web puede ayudar a que su negocio crezca mejor y hacer que su contenido sea más conveniente para los visitantes del sitio web, pero debe asegurarse de que está haciendo todo bien. Aquí se explica cómo agregar enlaces de salto a su contenido, paso a paso.

1. Nombra el objeto o texto al que deseas vincular.

En un escenario de vinculación normal, todo lo que necesita vincular tiene su propia URL. Sin embargo, en este escenario, no estás vinculando a una nueva página con tu propia URL, por lo que necesitas crear un nombre para el destino del vínculo.

Recomiendo utilizar una palabra o frase que describa el destino del enlace. Si usa una oración, use guiones bajos entre cada palabra en lugar de espacios; de lo contrario, el código no funcionará.

Ejemplo

Digamos que queremos vincularnos a un ejemplo de una empresa que utiliza anuncios de Facebook en una publicación. Esto es lo que usaría como nombre de mi objeto:

facebook_ads_example

Ahora para el siguiente paso.

2. Tome el nombre que eligió e insértelo en una etiqueta de enlace de anclaje HTML de apertura.

En otras palabras, reemplace la sección roja de la etiqueta a continuación con el nombre que eligió en el paso anterior:

INSERT_YOUR_OBJECT_NAME_HERE“>

 
<a id="https://blog.hubspot.com/marketing/facebook_ads_example">

3. Coloca la etiqueta de apertura. complete lo anterior antes del texto u objeto al que desea vincular y agregue una etiqueta de cierre después.

Al hacerlo, se establece la ubicación del enlace. Así es como debería verse su código ahora:

El objeto al que desea vincular.

Ejemplo

 
Este es el ejemplo de anuncio de Facebook al que quiero vincularme.

4. Crea el hipervínculo que te llevará a ese texto u objeto.

Ahora, ve a la parte de la publicación donde te gustaría colocar el hipervínculo. Deberá agregar un atributo href típico, que indica el destino del hipervínculo. Sin embargo, donde normalmente incluirías una URL, incluirás el símbolo de almohadilla (#) y el nombre del objeto al que estás vinculando. Así es como se ve:

<=”https://blog.hubspot.com/marketing/#INSERT_YOUR_OBJECT_NAME_HERE“>Haga clic aquí para ver el contenido a continuación.un>

Ejemplo

 
<a rel="noopener" target="_blank" href="https://blog.hubspot.com/marketing/#facebook_ads_example">Haga clic aquí para ver un ejemplo de cómo una empresa utiliza los anuncios de Facebook.

Y entonces ya está todo listo: tiene un hipervínculo funcional entre dos contenidos en la misma página. Simples así.

¿Por qué crear enlaces ancla para saltar a una parte específica de la página?

Si bien la creación de enlaces ancla agrega algunos pasos más a su proceso antes de publicar una publicación de blog, puede tener un gran impacto en la experiencia del usuario.

Los enlaces de anclaje se pueden utilizar para crear funciones como una tabla de contenido, que puede mejorar la organización de publicaciones de blog largas.

Crear enlaces que lo lleven a una parte específica de la página hace que sea mucho más fácil para los usuarios navegar por su contenido y encontrar la información que buscan. Sin la ayuda de enlaces de anclaje, los usuarios pueden terminar desplazándose durante demasiado tiempo, lo que puede llevarlos a saltar.

En última instancia, sus clientes apreciarán el contenido fácil de leer y es más probable que vuelvan a visitar su sitio o realicen una compra gracias a él.

Crea enlaces de anclaje con facilidad

Vincular a una parte específica de una página es una forma sencilla de hacer que su contenido sea más fácil de usar. En tan solo unos pocos pasos, puede crear enlaces de anclaje que faciliten la navegación por publicaciones de blog largas.

(¡Hola, gente curiosa de la introducción! Haga clic aquí para continuar donde lo dejó).

Nota del editor: esta publicación se publicó originalmente en julio de 2021 y se actualizó para que esté actualizada, sea precisa y esté completa.