Enlaces ancla: cómo crear enlaces a una sección en HTML y en su CMS, y qué aportan al SEO

Un enlace ancla, también llamado enlace de salto o ancla de enlace, es una de las funciones más antiguas de HTML y una de las más útiles en contenidos largos. Permite al lector ir directo a la respuesta que busca en lugar de desplazarse. Google trata los enlaces como una señal central de cómo se relacionan las páginas, y sus buenas prácticas sobre enlaces insisten en que deben ser elementos a reales con un href. Esta guía muestra cómo crear enlaces ancla en HTML y en los principales CMS, qué aportan al SEO y a las respuestas de las IA, y cómo se relacionan con el texto ancla.

¿Qué es un enlace ancla?

Un enlace ancla es un hipervínculo cuyo destino es una ubicación dentro de una página. La URL termina con una almohadilla seguida de un identificador, llamado fragmento: ejemplo.com/guia#paso-3. Al hacer clic, el navegador carga la página (o se queda en ella) y se desplaza hasta el elemento cuyo id es paso-3.

Hay tres usos habituales:

• Navegación en la misma página: una tabla de contenidos al inicio de un artículo, o un enlace «volver arriba».
• Enlaces profundos desde otra página: enlazar desde un artículo a una sección precisa de otro, por ejemplo una definición en un glosario.
• Compartir un pasaje concreto: enviar a un compañero directamente al párrafo que responde a su pregunta.

Los buscadores tratan ejemplo.com/guia y ejemplo.com/guia#paso-3 como la misma página. El fragmento nunca crea una URL nueva que indexar, así que los enlaces ancla no pueden causar contenido duplicado.

¿Cómo se crea un enlace ancla en HTML?

Bastan dos fragmentos de código: un id en el destino y un enlace que apunte a él.

1. Añadir un id al destino: <h2 id="precios">Precios</h2>. Use minúsculas, números y guiones, sin espacios ni tildes, y mantenga cada id único en la página.
2. Enlazarlo en la misma página: <a href="#precios">Ver precios</a>.
3. Enlazarlo desde otra página: <a href="/guia#precios">Sección de precios de la guía</a>.
4. Probarlo: haga clic en el enlace y compruebe que el encabezado aparece arriba de la pantalla y no queda oculto bajo una cabecera fija (la propiedad CSS scroll-margin-top lo soluciona).

El método antiguo, <a name="precios"></a>, sigue funcionando en los navegadores, pero está obsoleto en HTML5. Ponga el id en el propio encabezado. Una función relacionada, los fragmentos de texto, permite que un enlace resalte un pasaje sin ningún id, con la sintaxis #:~:text=, tal como documenta MDN. Google usa este mecanismo cuando desplaza a los visitantes hasta el pasaje citado en algunos fragmentos destacados.

¿Cómo se añaden enlaces ancla en WordPress, Shopify, Webflow o Wix?

Todos los grandes CMS permiten definir un id sin tocar la plantilla. Solo cambia el nombre del campo.

Si su CMS genera los id automáticamente, revíselos: algunos usan el texto completo del encabezado, lo que produce fragmentos largos e inestables que se rompen al editar el título.

¿Los enlaces ancla ayudan al SEO?

Los enlaces ancla son ante todo una función de usabilidad. Su valor SEO es indirecto, pero real en contenidos largos:

• Enlaces «Ir a» en los resultados: en páginas largas y bien estructuradas, Google a veces muestra enlaces a secciones bajo el resultado, lo que puede aumentar la visibilidad y los clics. Google decide cuándo mostrarlos.
• Mejor identificación de pasajes: encabezados claros con id ayudan a los buscadores y a los asistentes de IA a localizar una respuesta precisa en una página larga, la misma lógica que la de los fragmentos destacados.
• Interacción: una tabla de contenidos permite al lector llegar a la parte que necesita, en lugar de irse a buscarla a otro sitio.
• Accesibilidad: los enlaces de salto y la navegación interna ayudan a quienes usan teclado o lector de pantalla, un principio recogido en las pautas de accesibilidad del W3C.
• Enlaces internos precisos: apuntar a #definicion en otro artículo lleva al lector al pasaje exacto, lo que refuerza su enlazado interno.

Lo que no hacen los enlaces ancla: no transmiten autoridad adicional, ya que un enlace a pagina#seccion cuenta como enlace a la página, y no sustituyen a un buen contenido. Una advertencia técnica viene directamente de los conceptos básicos de SEO para JavaScript de Google: no use fragmentos para cargar contenido diferente, porque Googlebot no puede resolver esas URL de forma fiable. Use los fragmentos solo para desplazarse dentro de un contenido que ya está en la página.

¿Qué diferencia hay entre un enlace ancla y un texto ancla?

Los dos términos son cercanos y se confunden a menudo. El enlace ancla se refiere a adónde va un enlace (una sección). El texto ancla se refiere a lo que dice el enlace (las palabras clicables). Nuestra entrada del glosario sobre el texto ancla trata a fondo el segundo tema.

¿Qué buenas prácticas aplicar a los enlaces ancla y a su texto?

Todo enlace ancla tiene también un texto ancla, así que ambos conjuntos de reglas se aplican juntos.

• Id cortos y legibles: #precios, #instalacion, en lugar de #seccion-1 o un fragmento de 12 palabras.
• Texto de enlace descriptivo: Google recomienda un texto descriptivo, razonablemente conciso y relevante, y desaconseja fórmulas genéricas como «haga clic aquí».
• Una tabla de contenidos en páginas largas: a partir de unas 1500 palabras, liste las secciones H2 al principio, cada una enlazada a su id.
• Encabezados en forma de pregunta: los encabezados redactados como las preguntas reales de los usuarios hacen los enlaces de sección más útiles y fáciles de citar.
• Id estables: no cambie un id tras la publicación si otras páginas o sitios enlazan a él.
• Revisar la estructura: un analizador de la estructura de encabezados muestra si sus niveles H2 y H3 están limpios antes de añadir anclas.

¿Qué errores hay que evitar?

• Id duplicados: dos elementos con el mismo id hacen que el enlace salte solo al primero.
• Destinos ocultos: un encabezado dentro de una pestaña o un acordeón cerrado puede quedar fuera del alcance del enlace.
• Cabeceras fijas que tapan el encabezado: añada scroll-margin-top en CSS.
• Navegación basada en fragmentos: las aplicaciones de una sola página que cambian de contenido con URL #/pagina son difíciles de rastrear para Google.
• Texto ancla sobreoptimizado: repetir la misma palabra clave exacta en cada enlace parece manipulación.

Conclusión

Un enlace ancla lleva al lector a una sección precisa de una página mediante un fragmento #id. Se crea añadiendo un id al encabezado y enlazándolo, en HTML o desde los ajustes de su CMS. Sus beneficios SEO son indirectos pero concretos en contenidos largos: tablas de contenidos, posibles enlaces de sección en Google, pasajes más claros para las respuestas de las IA y enlaces internos más precisos, siempre que el texto ancla siga siendo descriptivo. Si prefiere no estructurar cada artículo a mano, Sorank, nuestro software de SEO y GEO en autopilot, redacta artículos estructurados con encabezados en forma de pregunta y enlaces internos, y los publica en su CMS: descubra el generador de artículos de blog con IA y pruébelo con 3 días gratis.