En la mayoría de las páginas web encontrarás anchor links, también conocidos como enlaces ancla o enlaces de anclaje.
Estos ayudan tanto a los lectores como a los motores de búsqueda a entender qué información contiene la página y a acceder rápidamente al contenido que buscan.
Para poder usarlos de manera eficiente y mejorar el rendimiento de tu sitio web, primero debes entender qué hacen y cómo contribuyen a la optimización para motores de búsqueda. Lo tienes todo en este artículo.
¿Qué es un anchor link?
Los enlaces ancla o enlaces de anclaje son enlaces que llevan a un punto específico de una página web, normalmente a una sección determinada del contenido. Por ejemplo, un índice puede incluir varios anchor links para que el lector salte directamente a los apartados que le interesan, o un enlace «Volver arriba» puede llevarlo de nuevo al inicio de la página.
Los anchor links funcionan como herramientas de navegación que facilitan el acceso a distintas partes del contenido, ayudan a organizar páginas extensas y mejoran la experiencia de usuario. A diferencia de los enlaces internos, que conectan distintas páginas de un mismo sitio web, los anchor links permiten desplazarse directamente hasta una ubicación concreta dentro de una página, aunque esa ubicación se encuentre en otra URL del mismo sitio.
Los enlaces ancla son atajos útiles para blogs, newsletters y otros contenidos largos, ya que facilitan la navegación.
Puedes crear un anchor link directamente en el código HTML de una página mediante una etiqueta <a>. Esta etiqueta define el enlace, mientras que el atributo href (href="") indica su destino, ya sea una URL o un punto concreto dentro de una página.
¿Cómo afectan los anchor links al SEO?
Bien empleados, los anchor links pueden ayudar a mejorar tu optimización para motores de búsqueda (SEO), ya que aportan contexto y estructura a tu contenido.
Un texto ancla rico en palabras clave enseña a los motores de búsqueda cómo categorizar tu contenido en las búsquedas, y los enlaces internos aclaran la jerarquía y la importancia del texto. Además, los enlaces de anclaje pueden contribuir a reducir la tasa de rebote al facilitar que los visitantes encuentren rápidamente contenido relevante y sigan navegando por la página.
Greg Bernhardt, SEO strategist en Shopify, afirma: «El texto ancla de un enlace es una señal contextual importante para Google sobre el tema de la página enlazada.
Piensa en ello como un respaldo temático. Cuanto más sólido y claro sea ese respaldo, más fuerte será el SEO. Si tu texto ancla es "Comprar widgets azules canadienses", le estás indicando a Google de qué trata esa página. Un texto ancla vago o poco descriptivo, como "Haz clic aquí", genera menos confianza en el usuario y no le da a Google ninguna pista temática sobre esa página».
Cómo crear un anchor link
Muchos programas de software para sitios web y editores de texto incluyen herramientas integradas que facilitan la inserción de enlaces de anclaje en el texto, pero también puedes crearlos por tu cuenta si aprendes a utilizar las etiquetas de anclaje en HTML. El proceso que verás a continuación puede llevarse a cabo en programas de codificación compatibles con Shopify, como Visual Studio Code, Sublime Text o Atom.
1. Crea el elemento ancla
En tu ventana de HTML, localiza la sección o el elemento de destino al que quieres que enlace tu texto ancla. Conviene crear una ID única para esa sección, de modo que puedas identificarla y enlazarla con facilidad.
Por ejemplo, podrías etiquetar la sección de destino como «part1». A continuación, insertarías el código id="part1" en la etiqueta de apertura de tu sección de destino. Ten en cuenta que las comillas rectas son importantes para delimitar la ID del ancla en tu código. Aquí tienes un ejemplo sencillo de cómo emplear este código:
<html>
<body>
<h1 id="part1">Parte uno</h1>
<p>Este es el contenido de la parte uno.</p>
</body>
</html>
2. Crea el anchor link
Puedes usar la ID del elemento ancla creado en el paso anterior dentro de un atributo href (referencia de hipertexto) que enlaza el texto ancla con el elemento de destino. Deberás emplear el código a href="#part1" para crear tu anchor link en la página. Ahora tu código se verá más o menos así:
<html>
<body>
<a href="#part1">Ir a la parte uno</a>
<h1 id="part1">Parte uno</h1>
<p>Este es el contenido de la parte 1.</p>
</body>
</html>
3. Prueba tu anchor link
Haz clic en «Guardar» en tu archivo HTML y ejecuta el código en una nueva pestaña del navegador. Tu enlace ancla debería aparecer como texto con un hipervínculo funcional que te lleve directamente a la sección designada como elemento ancla.
Cómo optimizar los anchor links para el SEO
Usar los enlaces ancla de forma estratégica es una excelente manera de aumentar tus probabilidades de posicionarte más alto en las páginas de resultados de los motores de búsqueda (SERP). Estas son algunas de las mejores prácticas a la hora de crear tus enlaces ancla:
1. Usa palabras clave relevantes
Los motores de búsqueda se fijarán en el texto de tu enlace ancla para determinar el contenido de tu página y categorizar tu sitio. El uso de palabras clave en los enlaces ancla ayuda a los motores de búsqueda a identificar los temas de tu contenido y puede favorecer su posicionamiento en los resultados de búsqueda relacionados.
2. Coloca los enlaces en un lugar destacado de la página
Tus enlaces de anclaje deben ser fácilmente accesibles y claramente visibles en la página, para que los visitantes de tu sitio web puedan encontrarlos rápidamente. Así, los motores de búsqueda verán que tus lectores priorizan los enlaces ancla y los considerarán importantes para la navegación y el contenido de tu sitio.
3. Estructura tu página de forma estratégica
Los anchor links facilitan la navegación por páginas extensas y permiten dirigir a los usuarios directamente hacia las secciones más relevantes del contenido. Utilízalos para destacar la información relacionada con tus palabras clave objetivo y para llevar a los lectores hasta las partes de la página que mejor responden a sus preguntas, algo que también te beneficiará en términos de SEO.
4. Comprueba los anchor links en todos los dispositivos
Una vez que hayas comprobado que tus enlaces ancla funcionan, pruébalos en distintos dispositivos, como ordenadores, tablets y móviles, y en los navegadores que suelen utilizar tus lectores, incluidos los navegadores móviles. También conviene verificar su funcionamiento en lectores de ebooks. Los enlaces rotos o el código incompatible pueden dificultar la navegación, hacerte perder lectores y afectar al posicionamiento SEO.
Preguntas frecuentes sobre los anchor links
¿Cuál es la diferencia entre anchor links, enlaces de anclaje y enlaces ancla?
No hay ninguna diferencia: anchor links, enlaces de anclaje y enlaces ancla son tres formas de referirse al mismo tipo de enlace, que dirige a un punto concreto de una página web. «Anchor links» es el término en inglés, mientras que «enlaces de anclaje» y «enlaces ancla» son sus equivalentes en español.
¿Se pueden usar los anchor links con imágenes y vídeos?
Sí, puedes crear un enlace ancla usando una imagen o un vídeo. Para ello, seguirías los mismos pasos que con el texto, pero añadiendo el código id="anchor" dentro de la etiqueta de párrafo o de encabezado de la imagen o el vídeo para convertirlo en tu elemento ancla.
¿Cómo puedo comprobar si mis anchor links funcionan correctamente?
Abre el código en un navegador de escritorio o móvil y haz clic en cada enlace ancla por separado. Comprueba que todos funcionan correctamente y que te llevan al punto correspondiente de la página, sin errores ni desplazamientos hacia una ubicación diferente.
¿Los enlaces ancla afectan a los tiempos de carga de la página?
No, los anchor links no influyen en los tiempos de carga de un sitio web, ya que no requieren ninguna recuperación de datos ni de una solicitud adicional al servidor.
¿Cómo garantizar la accesibilidad de los enlaces ancla?
Para garantizar la accesibilidad de los enlaces ancla, utiliza textos claros y descriptivos que indiquen a dónde dirige cada enlace. Además, comprueba que funcionan correctamente en distintos dispositivos, navegadores y tecnologías de asistencia, como los lectores de pantalla, para facilitar la navegación a todos los usuarios.
