Categoría: Desarrollo

Verificador de estructura de encabezados HTML

Idea propia¿Falta una herramienta?

Esquematiza los encabezados H1-H6 y marca problemas estructurales

Pega HTML para ver sus encabezados H1 a H6 como un esquema del documento, y marca un H1 faltante, varios H1, niveles de encabezado omitidos y encabezados vacíos. Funciona completamente en tu navegador.

Cantidad de H11Problemas2
Esquema de encabezados
  • H1 How local browser tools work
  • H2 Why run tools in the browser
  • H4 A skipped level
  • H2 Another section
  • H3 (encabezado vacío)
Problemas
  • Un encabezado H3 no tiene texto.
  • El nivel de encabezado salta de H2 a H4, omitiendo un nivel.

Todo lo de esta página se procesa en tu navegador. No se sube nada.

Para qué sirve

Tanto los lectores de pantalla como los motores de búsqueda se apoyan en los niveles de encabezado para entender la estructura de una página, así que un H1 faltante, dos H1 en competencia, o un salto directo de H2 a H4 pueden hacer que una página bien escrita sea más difícil de navegar. Esta herramienta extrae cada encabezado del HTML pegado en el orden del documento, lo muestra como un esquema con sangría y marca los problemas estructurales que son fáciles de introducir por accidente al editar una plantilla.

Cómo se usa

  1. Pega el HTML de una página o artículo en el cuadro de entrada.
  2. Revisa el esquema de encabezados para confirmar que coincide con la estructura prevista de la página.
  3. Corrige cualquier problema marcado, como un H1 faltante o un nivel de encabezado omitido.

Privacidad

Esta herramienta funciona íntegramente en tu navegador. Lo que introduces nunca se sube, se guarda ni se comparte: al cerrar la pestaña desaparece.

Preguntas frecuentes

¿Se sube mi HTML a algún sitio?
No. El documento solo se lee como texto mediante un tokenizador en la pestaña de tu navegador; nada se renderiza ni se envía a un servidor.
¿Por qué importa un nivel de encabezado omitido?
Los usuarios de tecnología de asistencia suelen navegar saltando entre encabezados de un nivel dado; un salto de H2 directamente a H4 puede dar la impresión de que se omitió una sección o hacer que la estructura sea confusa de seguir.
¿Un atributo alt vacío es lo mismo que un encabezado vacío?
No, no están relacionados. Un encabezado vacío, como un <h3></h3> sin texto, siempre es un error y se marca como tal aquí; un atributo alt vacío en una imagen es un patrón distinto, y a menudo intencional, cubierto por el Auditor de texto alternativo de imágenes.