Cómo utilizar los anchors HTML para mejorar la experiencia de usuario

Carlos Silva

ene 23, 20235 min de lectura
html anchor
Compartir

TABLA DE CONTENIDOS

¿Qué es un anchor HTML?

En el código HTML, se suelen utilizar etiquetas ancla (o etiquetas "a") para crear hipervínculos. Las etiquetas HTML que incluyen el atributo "href" generan enlaces en los que se puede hacer clic y que puedes dirigir a otras páginas de tu web o a otras webs.

También puedes usar las etiquetas para crear enlaces ancla. Los enlaces anchor (o "saltos de enlace") enlazan con diferentes secciones de la misma página de un sitio. 

Cuando crees enlaces ancla con la etiqueta "a", tendrás que emplear algún tipo de texto ancla, es decir, la parte del enlace en la que se puede hacer clic. Google utiliza este texto para saber más sobre el enlace y el contenido al que apunta.

¿Son buenos los enlaces ancla para la experiencia de usuario?

Sin ninguna duda, pueden ayudar a mejorarla. Los lectores los usan para navegar por las páginas y proporcionan una buena experiencia de navegación.

Normalmente, se emplean en los índices de las páginas largas o visualmente densas. Cuando los lectores llegan en una página, quieren saber al instante si la información que contiene es útil o relevante para su búsqueda. 

Un índice que incluya enlaces ancla claros y sobre los que se pueda hacer clic, resume tu página y ayuda a los lectores a "saltar" a la sección que más les interesa leer.

¿Son los enlaces ancla buenos para el SEO?

Los enlaces ancla por sí mismos no tienen un impacto significativo en tu posicionamiento de Google. Pero ayudan a mejorar tu experiencia de usuario y a conseguir fragmentos destacados, que terminan por mejorar tus posiciones a lo largo del tiempo.

En 2021, Google lanzó una actualización del algoritmo Core Web Vitals, que hace hincapié en la experiencia del usuario a la hora de posicionar una web. El principal objetivo de estas métricas es la interactividad con los usuarios, por lo que Google ahora presta más atención que nunca a cómo interactúan con tus páginas, incluyendo el tiempo que permanecen en ellas.

Si un usuario no puede saber de un vistazo de qué trata tu web, lo más probable es que abandone la página, aumentando la tasa de rebote. 

Google también ha afirmado que los enlaces ancla de tus páginas pueden convertirse en fragmentos destacados en las SERP. Los usuarios podrán ver una lista de enlaces en el fragmento y decidir si tu página es útil y relevante para su intención de búsqueda. 

En el siguiente ejemplo, puedes ver una lista de enlaces ancla (en formato de lista) extraída de una página y convertida en un fragmento destacado:

img-semblog

Cuando creas un anchor HTML, Google también puede incluirlo en el resultado de tu página. A continuación puedes ver que en el ejemplo, Google incluye un enlace ancla a la "Mioglobina" en una página sobre las proteínas, para que los usuarios puedan saltar directamente a esa sección desde los resultados:

img-semblog

Así que, aunque no seas penalizado por no utilizarlos, merece la pena incluir enlaces ancla en tus páginas. Empléalos para dar más información a Google sobre el contenido de tus artículos, y ayudar a los lectores a encontrar y acceder a las secciones que quieren leer.

Cómo crear anchors HTML

Para añadir un anchor HTML, tienes que seguir dos pasos:

1. Asignar el atributo ID con la etiqueta <a> 

Puedes adjuntar un ID a un encabezado con la "etiqueta a" en un proceso similar al que usar para generar hipervínculos. 

Digamos que has creado una página sobre soluciones de SEO, y quieres enlazar a una sección sobre SEO local. Deberías añadir un encabezado H2 para la sección, y posteriormente añadir un enlace ancla con la etiqueta a:

<a id="localSEO"><h2>SEO local</h2></a>

También puedes incluir el anchor ID en la etiqueta del encabezado:

<h2 id="Local-SEO">Section name</h2>

Para añadir un ID a una imagen, inclúyelo en la etiqueta HTML como un atributo:

<img id="anchor-name" src="/images/localseo.jpeg"/>

2. Añade el atributo ID a un enlace HTML

Para generar el enlace ancla, utilizarás el atributo href. Sin embargo, en vez de añadir el enlace a una página, tienes que utilizar el ID con el símbolo de la almohadilla (#):

<a href="#SEOlocal">Local SEO Section</a>

Cuando el usuario haga clic en el enlace anterior, "saltarán" al encabezado H" con el ID "SEOlocal".

Mejores prácticas de enlaces anchor

Puedes añadir enlaces ancla a cualquier texto de tu web. Sin embargo, la mejor opción es añadirlos en los títulos y subtítulos. Ambos resumen el contenido de tu página a los lectores y rastreadores de los motores de búsqueda.

Cuando añades enlaces anchor a tus encabezados, el texto del enlace ancla es el mismo. Así que es importante elegir encabezados y subencabezados relevantes y ricos en palabras clave que indiquen a los lectores y motores de búsqueda de qué trata cada sección.

Intenta elegir una frase clave para tus enlaces de ancla. Los títulos que solo incluyen una palabra clave, a menudo puedes resultar confusos, y no proporcionan a Google contexto sobre el enlace o la página de destino. 

Utiliza palabras descriptivas que den a los lectores una idea de lo que pueden esperar una vez hagan clic. Si tu enlace se titula "SEO local", por ejemplo, los lectores esperarán saltar a la sección que incluye información sobre el SEO local.

Puedes usar la herramienta Topic Research para identificar nuevas ideas e incluirlas en los encabezados de tu contenido. Empieza por tu palabra clave objetivo y selecciona un dominio concreto. 

Si quieres crear contenidos dirigidos a los usuarios de una región o país diferente al tuyo, utiliza la función de ubicación para establecer el país, la región, la ciudad y el idioma que se ajuste a tus necesidades: 

img-semblog

La herramienta te ofrece subtemas relevantes y una lista de palabras clave relacionadas con cada tema.

Puedes hacer clic en cada resultado para profundizar en los artículos y comprender mejor cómo estructuran sus titulares y encabezados tus competidores.

SEO Content Template también puede serte de ayuda a la hora de elegir títulos para tu contenido. La herramienta analiza los 10 artículos mejor posicionados para tus palabras clave y, a continuación, crea una plantilla de recomendaciones que puedes utilizar para crear tu propio contenido.

La plantilla incluye sugerencias de legibilidad, longitud del texto, backlinks y encabezados:

img-semblog

Principales conclusiones

  • Los enlaces ancla estructurados proporcionan una mejor experiencia al usuario y pueden ayudarte a ganar fragmentos destacados.
  • Crea encabezados relevantes, enriquecidos con palabras clave, para que los lectores y los motores de búsqueda puedan comprender fácilmente la estructura de tus páginas.
  • Las herramientas de marketing de contenidos te ayudan a plantear contenidos aptos para el SEO que sean fáciles de leer. 
Compartir
Author Photo
Carlos Silva is a content marketer with over 8 years of experience in writing, content strategy, and SEO. At Semrush, he’s involved in research, editing, and writing for the English blog. He also owns Semrush’s Educational Newsletter (4M+ subscribers).
Más sobre esto