Respuesta corta: un enlace ancla lleva a quien lee a una sección de la página en lugar de al principio. Dale un id a la sección y enlázala con # y ese id, desde la misma página o desde otra URL. Google también puede mostrar vínculos directos «Más información» en tu fragmento. Sus prácticas recomendadas son un contenido visible, no forzar el desplazamiento arriba al cargar y mantener el # en la dirección.
Qué es un enlace ancla
El elemento <a> puede enlazar a páginas web, archivos y direcciones de correo, y también a ubicaciones dentro de la misma página. La última parte de una URL, que empieza con #, se llama fragmento. Identifica una parte concreta del recurso, como una sección de un documento.
El fragmento no se envía al servidor cuando se pide la página. Lo procesa el navegador, y cuando coincide con el id de un elemento, el navegador se desplaza hasta ese elemento.
| Enlace | A dónde lleva | Para qué usarlo |
|---|---|---|
| href="#precios" | Al elemento con id="precios", sin salir de la página | Listas de capítulos y enlaces dentro de una página larga |
| href="/guia/#precios" | A la misma sección, abierta desde otra página | Enlaces desde otras páginas y desde correos |
| href="#top" o href="#" | Al principio de la página actual | Un enlace para volver arriba |
| Una URL compartida que termina en #precios | A esa sección, cuando alguien abre el enlace | Mensajes, correos y publicaciones en redes |
De las páginas de MDN sobre el elemento <a> y sobre el fragmento de una URL, la segunda en inglés, consultadas el 4 de noviembre de 2026.
Los enlaces ancla en la Búsqueda de Google
Google a veces añade vínculos directos «Más información» a un fragmento: enlaces que llevan a una sección concreta de la página. Da tres prácticas recomendadas para que aparezcan con más probabilidad.
Haz que el contenido sea visible de inmediato, no oculto tras una sección desplegable o unas pestañas. No uses JavaScript para forzar el desplazamiento arriba al cargar la página. Y si tu página cambia la dirección al cargar, no quites el fragmento con #, porque eso rompe la vinculación directa.
Nuestra guía de enlaces internos explica cómo enlazar entre tus páginas, y nuestra guía del texto de anclaje explica las palabras que enlazas.
Cuando una cabecera fija estorba
Una cabecera que se queda fija arriba en la pantalla puede acabar encima del título al que apunta el enlace. La página va a la sección correcta, pero quien lee ve el párrafo de debajo y no su título.
Deja espacio encima de tus destinos para que cada título quede bajo la cabecera. Pruébalo también en un teléfono, donde las cabeceras suelen ocupar más parte de la pantalla.
Cómo añadir enlaces ancla, paso a paso
- Dale a cada título de sección un id corto y estable, como precios o pasos.
- Enlázalo desde la misma página con # y el id.
- Añade una lista de capítulos al principio de las páginas largas, con un enlace a cada sección.
- Desde otras páginas, añade el mismo # y el id al final de la URL completa.
- Mantén el contenido visible, no oculto tras pestañas o acordeones.
- No fuerces el desplazamiento arriba al cargar ni quites el # de la dirección.
- Abre cada enlace en una pestaña nueva y comprueba que el título se ve bajo la cabecera.
Cómo manejan los enlaces ancla nuestras guías
El 4 de noviembre de 2026 probamos 6 de nuestras guías, 3 en inglés y 3 en español, en una pantalla de escritorio y en un teléfono. Cada una empieza con una lista de capítulos que enlaza a sus secciones.
Al abrirlas desde un enlace que termina en #our-case, todas las páginas mantuvieron el # en su dirección y se desplazaron a esa sección, sin volver arriba. El título quedó debajo de nuestra cabecera fija, que termina a poco más de 70 píxeles del borde superior de la pantalla.
Al hacer clic en una entrada de la lista de capítulos pasó lo mismo en las 12 pruebas: la dirección tomó el nuevo #, la página fue a esa sección y nada tapó su título.
Antes de publicar
- Cada sección a la que enlazas tiene un id único.
- Los enlaces usan # y el id exacto, escrito igual.
- La página mantiene el # en su dirección después de cargar.
- Nada fuerza el desplazamiento de vuelta arriba.
- El título de destino se ve bajo cualquier cabecera fija.
- Las secciones se ven sin abrir una pestaña o un acordeón.
RecuerdaUn enlace ancla vale lo que vale el sitio donde cae. Pruébalo desde una pestaña nueva, también en un teléfono, y comprueba que quien lee ve el título que le prometiste.
Una estructura de página clara y cómo la lee Google son parte de nuestro servicio de SEO técnico.
Respuestas rápidas sobre los enlaces ancla
¿Qué es un enlace ancla?
Un enlace a una sección concreta de una página. Al abrirlo se ve esa sección en lugar del principio, así quien lee no tiene que desplazarse. Las listas de capítulos al principio de las guías largas son enlaces ancla, uno por sección.
¿Cómo enlazo a una parte concreta de una página?
Ponle un id al título o al elemento y enlázalo con # y ese id. Desde otra página, añade el mismo # y el id al final de la URL completa. Pruébalo en una pestaña nueva para comprobar que llega a la sección correcta.
¿Google muestra enlaces a secciones de mi página?
A veces. Google los llama vínculos directos «Más información» en tu fragmento. Sus prácticas recomendadas son un contenido visible de inmediato, ningún script que fuerce el desplazamiento arriba al cargar y mantener el # en la URL.
¿Por qué mi enlace ancla cae debajo de la cabecera?
Una cabecera fija se queda arriba en la pantalla, así que el navegador puede dejar la sección justo debajo de ella. Deja espacio suficiente encima de tus destinos para que cada título se vea bajo la cabecera después del salto.
¿La parte después del # llega al servidor?
No. MDN explica que el fragmento, la última parte de la URL que empieza con #, no se envía al servidor. Lo procesa el navegador, que se desplaza hasta la parte de la página que corresponde.
Fuentes
Consultadas el 4 de noviembre de 2026. MDN Web Docs: <a>: elemento de ancla HTML. Central de la Búsqueda de Google: Cómo controlar tus fragmentos en los resultados de la búsqueda. En inglés, MDN Web Docs: URI fragment. Nuestro caso: nuestras propias guías, probadas en un navegador el 4 de noviembre de 2026.
