Qué es
Las etiquetas de encabezado vienen en seis niveles, desde <h1> (el título principal) hasta <h6> (el subtítulo más pequeño), y están pensadas para usarse en orden para construir un esquema anidado del contenido de una página — un H1 arriba del todo, H2 para sus secciones principales, H3 para subsecciones dentro de esas, y así sucesivamente. "Jerarquía de encabezados" se refiere simplemente a si los encabezados de una página realmente siguen este orden anidado, o si se saltan niveles o se usan fuera de secuencia, como pasar directamente de un H1 a un H3 sin ningún H2 en medio.
Esto es fácil de hacer mal cuando los encabezados se eligen solo por su aspecto (escogiendo el nivel de encabezado que da la casualidad de que se renderiza al tamaño de letra deseado) en lugar de por lo que significan estructuralmente.
En qué afecta
Una jerarquía de encabezados bien estructurada funciona como un índice integrado directamente en la página — tanto los buscadores como los usuarios de lectores de pantalla dependen de ella para entender cómo está organizado el contenido de una página y para saltar directamente a la sección que les interesa. Los niveles de encabezado saltados o desordenados rompen ese esquema, haciendo que la estructura de la página sea genuinamente más difícil de seguir de forma programática, aunque siga leyéndose bien visualmente para un visitante que ve la página y se desplaza con normalidad.
Hacer esto bien no requiere añadir más encabezados de los que una página necesita — simplemente significa usar los niveles que la página ya tiene en el orden anidado correcto, en lugar de saltar según el tamaño de letra.
Cómo solucionarlo
- Enumera todos los encabezados de la página en orden, anotando su nivel (H1, H2, H3, etc.) — la mayoría de herramientas o extensiones de accesibilidad del navegador pueden generar este esquema automáticamente.
- Confirma que la página tiene exactamente un H1, seguido de H2 para las secciones principales.
- Busca si se salta algún nivel de encabezado — por ejemplo, un H2 seguido directamente de un H4 sin ningún H3 en medio — y ajústalo rellenando el nivel que falta o bajando el encabezado saltado.
- Si un encabezado se eligió solo por su tamaño visual y no por su lugar estructural en el esquema, cambia su nivel de encabezado y ajusta el tamaño de letra por separado con estilos.
- Vuelve a ejecutar tu análisis de Launch Readiness para confirmar que la jerarquía ahora es consistente.