Las anclas (o enlaces ancla) permiten crear enlaces que llevan directamente a una parte concreta de una página o entrada. Son muy útiles para índices de contenido, preguntas frecuentes o páginas largas donde queremos facilitar la navegación al lector.
Podemos ver un ejemplo de este tipo de enlaces en el siguiente índice de contenidos para esta entrada
¿Qué es un ancla?
Un ancla es un identificador único que se asigna a un bloque dentro de la página. Después, puedes crear enlaces que apunten directamente a ese punto usando el símbolo #.
Por ejemplo:https://portal.edu.gva.es/centro/entrada#ancla1 llevará al usuario al bloque que tenga el ancla ancla1.
Cómo crear un ancla en Gutenberg
- Selecciona el bloque al que quieras enlazar (por ejemplo, un encabezado).
- En el panel derecho, abre la pestaña Avanzado.
- Busca el campo Ancla HTML.
- Escribe un nombre corto, sin espacios ni acentos (ejemplo:
servicios,faq,contacto).
Cómo crear un enlace hacia el ancla
- Selecciona el texto o botón desde donde quieras enlazar.
- Añade un enlace usando
#nombre-del-ancla.
Ejemplo:
- Si el ancla es
crear_ancla, como en el caso de la segunda entrada de nuestro índice. El enlace será 👉#crear_ancla.
También puedes enlazar desde otra página usando la URL completa:https://portal.edu.gva.es/centro/entrada#crear_ancla
Consejos rápidos
- Usa nombres claros y simples.
- Evita espacios y caracteres especiales.
- Las anclas funcionan especialmente bien con bloques de Encabezado (H2, H3…) para crear índices automáticos.
Las anclas mejoran la experiencia del usuario y hacen que navegar por contenidos largos sea mucho más rápido y cómodo.