Qué es Comprobador de jerarquia HTML?
La jerarquía de encabezados (h1 a h6) es la columna vertebral estructural de cualquier documento HTML. Los lectores de pantalla dependen de un orden lógico de encabezados para permitir a los usuarios navegar saltando entre secciones. Saltar niveles, como pasar de h1 a h3, o usar múltiples h1 en una página, puede confundir tanto a la tecnología de asistencia como a los rastreadores.
Respuesta rápida
Pegue su HTML para ver la estructura de encabezados como un árbol visual e identificar niveles saltados, etiquetas h1 faltantes y otros problemas de jerarquía que afectan la accesibilidad y el SEO.
Last updated: 2026-06-11
Limitaciones
- La herramienta solo escanea etiquetas de encabezado en el HTML pegado. No lee contenido generado por CSS ni encabezados inyectados por JavaScript.
- El validador solo verifica nombres de elementos. No evalúa atributos aria-level o role.
- Pegar HTML parcial puede mostrar un árbol incompleto. Pegue el contenido completo de la página.
Sources:MDN Web Docs · W3C Specifications · jquery.app on GitHub
Cómo usar esta herramienta
- Pegue su marcado HTML en el área de texto. La herramienta extraerá todas las etiquetas de encabezado h1 a h6.
- Revise el árbol de encabezados generado. Cada encabezado aparece en su profundidad correcta.
- Busque niveles saltados, etiquetas h1 duplicadas o encabezados fuera de orden lógico.
- Ajuste su HTML para corregir cualquier problema estructural, luego pegue nuevamente para confirmar.
Para qué puedes usarla
- Auditar una plantilla de entrada de blog antes de publicar para asegurar una navegación correcta del lector de pantalla.
- Verificar la estructura de encabezados de una página estática para niveles saltados que podrían confundir a los rastreadores.
- Confirmar que los encabezados de sección dentro de los artículos desciendan lógicamente de h1 a h2 y h3 sin saltos.