Cómo usar esta herramienta de texto
- Pega el HTML que contiene los encabezados.
- Decide si quieres incluir elementos H1–H6 vacíos.
- Ejecuta la extracción.
- Revisa saltos de nivel y la coherencia del esquema con el contenido real.
Extractor del esquema de encabezados
Extrae los encabezados H1–H6 de un fragmento HTML y los presenta como un esquema jerárquico. Además, señala saltos de nivel, múltiples H1 y ausencia de un encabezado principal. Es una comprobación rápida para revisar la organización del contenido, pero no decide si cada encabezado es semánticamente apropiado ni sustituye una auditoría de la página renderizada.
Entrada de texto
Procesamiento localEspacio publicitario
Qué hace esta herramienta
Muestra el orden de H1 a H6 tal como aparece en el HTML. La sangría ayuda a detectar cambios bruscos de nivel y estructuras difíciles de seguir.
DOMParser crea un documento aislado y consulta h1,h2,h3,h4,h5,h6. Cada encabezado se enumera en orden de documento y se compara su nivel con el anterior.
Saltar un nivel no siempre produce un fallo técnico automático, pero suele merecer una revisión de la estructura y la relación entre secciones.
Ejemplo
Entrada: H1 → H2 → H4
Informe: se marca el salto de H2 a H4 para revisión.
Casos de uso
- Auditar estructura editorial de artículos.
- Revisar plantillas HTML antes de publicar.
- Comparar el outline tras una migración de CMS.
- Localizar encabezados vacíos o H1 duplicados.
Consejos para obtener mejores resultados
- Usa encabezados para describir secciones, no solo para aplicar estilos.
- Mantén una jerarquía que refleje la relación entre contenidos.
- Evita encabezados vacíos.
- Comprueba el nombre principal de la página aunque no siempre tenga que ser el único H1 según tu sistema.
Detalles del procesamiento
El HTML se analiza localmente mediante DOMParser. Los scripts del contenido pegado no se ejecutan en esta herramienta.
No incluye encabezados creados dinámicamente por JavaScript después de cargar una página ni interpreta roles ARIA que imiten encabezados.
Preguntas frecuentes
¿La página debe tener exactamente un H1 para ser accesible?
Tener un encabezado principal claro suele facilitar la navegación, pero la evaluación exacta depende de la estructura del documento y del patrón utilizado.
¿Es siempre un error pasar de H2 directamente a H4?
No necesariamente en todos los contextos, pero es una señal útil para revisar si falta un nivel estructural o si el marcado se eligió por apariencia.
¿El extractor ejecuta el JavaScript del HTML que pego?
No. Analiza un documento aislado con DOMParser y solo consulta los elementos de encabezado presentes en ese HTML.
¿Puede detectar encabezados creados con role="heading"?
No en esta versión; extrae las etiquetas HTML nativas H1 a H6.
¿Por qué un encabezado vacío aparece como aviso?
Porque aporta estructura sin un nombre útil y puede generar una parada confusa al navegar por encabezados con tecnología de asistencia.
Herramientas de texto relacionadas
Resumen del esquema
| Métrica | Qué indica |
|---|---|
| Encabezados | Encabezados extraídos |
| H1 | Encabezados H1 |
| Avisos | Elementos con avisos |
Más herramientas de Herramientas de accesibilidad
Explora herramientas relacionadas dentro de esta categoría.
Ver categoría: Herramientas de accesibilidad