Skip to content
Rankora
Gratis · en tu navegador

Verificador de anclas rotas

Pega el HTML de una página: la herramienta revisa cada enlace de ancla (#seccion) y señala los que apuntan a un destino inexistente, además de los id duplicados.

Privacidad y coste

Esta herramienta funciona en tu navegador. Lo que escribes o pegas no se envía a nuestros servidores y usarla es gratis.

Cómo funciona

  1. Pega el código HTML completo de la página (opcional: su URL, para comprobar también enlaces /pagina#seccion).
  2. La herramienta lista todos los id y <a name> del documento y compara cada fragmento respetando mayúsculas y minúsculas.
  3. Corrige destinos ausentes, diferencias de mayúsculas, «#» vacíos e id duplicados.

Ejemplo

Una página con 5 enlaces de ancla (#features, #pricing, #Contact, #faq, #) y los id features, pricing-plans y contact da: 1 destino encontrado, 2 ausentes (#pricing porque el id es pricing-plans, y #faq), 1 diferencia de mayúsculas (#Contact en lugar de #contact) y 1 «#» vacío.

Qué significa el resultado

Un enlace #id nunca produce un error 404: si el id no existe, el navegador se queda donde está, así que el fallo pasa fácilmente desapercibido. Los id distinguen mayúsculas de minúsculas. Un «#» solo sube al inicio y suele ser un enlace falso para JavaScript; #top es válido aunque no exista el elemento. La comprobación cubre el HTML estático: los id añadidos por JavaScript tras la carga no se detectan.

Problemas habituales que ayuda a resolver

  • Un índice cuyos enlaces dejan de llevar a ningún sitio tras renombrar un título o un id.
  • Id generados por un editor que ya no coinciden con enlaces escritos a mano.
  • Id duplicados, que llevan siempre solo al primer elemento.
  • Enlaces href="#" usados como botones, malos para la accesibilidad con teclado.

Preguntas frecuentes

¿Una ancla rota perjudica al SEO?

No se conoce una penalización, pero es mala experiencia: el lector no encuentra la sección prometida. Google a veces muestra enlaces a secciones de la página, y unos id fiables ayudan.

¿Necesito un id o un atributo name?

Con un id basta en HTML5. La herramienta también acepta <a name="…">, presente aún en muchas páginas antiguas.

¿Qué significa #:~:text=?

Es un fragmento de texto que resalta un pasaje. No es un id, así que la herramienta lo indica pero no puede verificarlo.