Cuándo utilizar esta comprobación
Lea la estructura sin los párrafos. Si el tema y la secuencia no están claros, corrija la redacción y la jerarquía. El número de H1 por sí solo no demuestra una penalización en búsquedas.
Sepa qué está comprobando.
Los encabezados organizan un documento. El H1 identifica su contenido principal y los niveles inferiores estructuran las secciones. El HTML determina su significado; el tamaño y la negrita por sí solos no lo hacen.
Ejemplo práctico
H1: Reparación de cafeteras
H2: Proceso de diagnóstico
H3: Qué debe traer
H2: Aprobación del coste de reparación
H2: Recogida y contactoError frecuente
Convertir cada frase en negrita en un H2 empeora la estructura. Revise los saltos de nivel en su contexto en lugar de reescribir el contenido mecánicamente.
Entienda el resultado. Aplique el cambio adecuado.
Cómo comprobar la jerarquía de encabezados
La lista debe explicar el tema y la secuencia de preguntas. «Más», «Nuestra oferta» e «Información adicional» suelen ocultar el contenido real de las secciones.
- Haga que el encabezado principal identifique esta página concreta.
- Use H2 para preguntas principales y H3 para sus subtemas.
- Contraste cada encabezado con el contenido siguiente.
Por qué el nivel no equivale al tamaño de letra
Un eslogan grande no es necesariamente un encabezado del documento. Uno pequeño puede identificar una subsección importante; ajuste su aspecto sin cambiar su significado HTML.
- No elija H4 solo porque su tamaño predeterminado encaja.
- Mantenga como párrafo una frase destacada que no introduce una sección.
- Compruebe el diseño móvil tras cambiar el marcado.
Cómo corregir encabezados en tarjetas y plantillas
Una tarjeta de producto puede estar bajo H2 en una categoría y dentro de una sección más profunda en otra página. Un nivel fijo en el componente puede crear una estructura incoherente.
- Inspeccione títulos de tarjetas, navegación, pie y logotipo.
- Elija el nivel del componente reutilizable según su sección superior.
- No elimine un encabezado útil solo para cumplir un recuento.
Cómo probar navegación por encabezados
Una estructura coherente ayuda a navegar con lector de pantalla. Compruebe el orden real del DOM, no solo la disposición visual de columnas.
- Recorra los encabezados desde el inicio hasta el final del contenido principal.
- Compruebe si el menú móvil oculto introduce duplicados innecesarios.
- Tras cambiar la plantilla, revise artículo, servicio y categoría.
Referencia principal: www.w3.org ↗
Preguntas frecuentes
¿Por qué un encabezado visual evidente no aparece en la auditoría?
El texto puede ser un div, una imagen o un pseudoelemento. Inspeccione el HTML y el árbol de accesibilidad. Si nombra una sección, utilice un encabezado adecuado y aplíquele estilo con CSS. Añadir un H1 oculto solo para ganar puntos no crea una estructura útil. Los lectores y las tecnologías de asistencia necesitan la misma estructura comprensible.
Cuándo puede cerrar la tarea
Leer solo la estructura de encabezados permite entender la página. Los logotipos, banners y etiquetas repetidas de navegación no ocultan el encabezado principal del contenido concreto.