Comprobador de encabezados
Respuesta breve
Verifica la jerarquía de encabezados (H1-H6) para una estructura y SEO correctos.
Lo que no hace: Comprueba orden, presencia y encabezados vacíos, no su longitud, redacción ni los landmarks ARIA, y lee el HTML sin procesar, así que no ve encabezados añadidos por scripts.
Qué hace
Enumera los encabezados de tu página en orden y comprueba tres cosas: exactamente un H1, ningún nivel saltado (como un H2 seguido de un H4) y ningún encabezado vacío. Devuelve una puntuación, el esquema de encabezados y las comprobaciones que han fallado.
Por qué importa
Los encabezados cumplen dos funciones. Los usuarios de lectores de pantalla saltan entre ellos para orientarse en una página, y los buscadores los leen para entender cómo está organizado el contenido. Un H1 ausente, encabezados vacíos o saltos entre niveles complican ambas cosas.
Cómo funciona
-
Introduce la URL de una página o pega su HTML
-
Obtenemos el HTML en vivo y extraemos cada H1–H6 en el orden del documento
-
Validamos el número de H1, el orden de los encabezados y los encabezados vacíos
-
Devolvemos una puntuación, el esquema de encabezados y las comprobaciones que han fallado
Ejemplo de entrada y salida
url: https://rankproof.eu/es/tools
número de h1: 1 OK
texto del h1: "44 herramientas. Una plataforma."
encabezados totales: 56
profundidad máxima: H3
niveles saltados: ninguno OK
encabezados vacíos: 0 OK
H1 44 herramientas. Una plataforma.
H2 Análisis SEO
H3 Comprobador de título y meta descripción
H3 Comprobador de encabezados
… Cómo leer el resultado
- Número de h1 (1 en el ejemplo)
- Cuántos encabezados H1 tiene la página. Exactamente uno pasa. Varios H1 son HTML válido y Google dice que no son un problema para la búsqueda, pero la herramienta espera uno, porque un único H1 que nombra la página es lo más claro para lectores y usuarios de lectores de pantalla.
- Texto del h1
- El encabezado principal tal como lo encontró la herramienta, para que compruebes que dice de qué trata la página. En el ejemplo es el encabezado del catálogo de herramientas.
- Encabezados totales (56) y profundidad máxima (H3)
- Cuántos elementos H1–H6 tiene la página y el nivel más profundo usado. Una página larga con muchos H2 y H3 es normal; las cifras solo muestran la forma del esquema.
- Niveles saltados (ninguno)
- Un encabezado más de un nivel más profundo que el anterior, como un H2 seguido de un H4, recibe una advertencia: los usuarios de lectores de pantalla que se mueven por niveles pueden pensar que falta una sección. Volver varios niveles hacia arriba, de H4 a H2, está bien.
- Encabezados vacíos (0)
- Encabezados sin texto, a menudo restos de un campo de contenido vacío o de un encabezado que solo contiene un icono. Los lectores de pantalla los anuncian como encabezados en blanco.
- Esquema
- Los primeros 40 encabezados en el orden del documento, sangrados por nivel y con los vacíos marcados. Léelo como un índice: si no tiene sentido por sí solo, la estructura de la página probablemente tampoco.
Quién lo usa
-
Editor de contenidos
Revisa cada entrada de blog antes de publicarla para lograr una estructura H1 → H2 → H3 limpia, que ayuda tanto a los lectores como a los usuarios de lectores de pantalla.
-
Especialista en accesibilidad
Revisa el orden de los encabezados página por página como parte de las pruebas del criterio WCAG 1.3.1.
-
Especialista en SEO
Comprueba que cada página de destino tenga un único H1 que diga de qué trata la página.
Problemas frecuentes y cómo solucionarlos
-
No hay H1, o el logotipo es el H1
Haz H1 el título propio de la página —el nombre del producto, el título del artículo o el de la herramienta— y marca el logotipo como imagen o enlace, no como encabezado. Una plantilla que mete el logotipo en un H1 da a todas las páginas el mismo encabezado principal.
<header> <a href="/"><img src="/logo.svg" alt="Example Ltd – home"></a> </header> <main> <h1>Running Shoes and Trail Shoes</h1> -
Encabezados elegidos por su tamaño
Elige el nivel por la estructura y ajusta el tamaño con CSS. Un título de barra lateral que parece pequeño puede seguir siendo un H2; una frase de introducción grande que no abre una sección debería ser un párrafo.
<h2 class="sidebar-title">Related guides</h2> <p class="lead">A larger introduction is a paragraph, not a heading.</p> -
Niveles saltados
Cambia el encabezado más profundo al siguiente nivel (H2 y luego H3, no H4) o añade el encabezado de sección que falta si de verdad falta contenido.
-
Encabezados vacíos
Encuentra la plantilla o el bloque de contenido que imprime un encabezado cuando su campo está vacío y no imprimas nada en ese caso. Un encabezado que solo contiene un icono necesita texto visible o no debería ser un encabezado.
-
Encabezados añadidos con JavaScript
La herramienta lee el HTML tal como se entrega, así que los encabezados que un script muestra después faltan en el esquema. Genera el contenido principal en el servidor para que también los rastreadores que no ejecutan scripts reciban la estructura.
Preguntas frecuentes
- ¿Cada página debería tener exactamente un H1?
- El HTML permite más de uno, y Google ha dicho que varios H1 no son un problema para la búsqueda. Un único H1 que nombre el tema de la página sigue siendo la opción más clara para los lectores y los usuarios de lectores de pantalla, y es lo que espera esta comprobación.
- ¿Puedo saltarme niveles de encabezado?
- Evítalo. Un salto de H2 a H4 sugiere a los usuarios de lectores de pantalla que falta una sección, y los tutoriales de accesibilidad del W3C recomiendan anidar los encabezados en orden.
- ¿El H1 necesita la palabra clave principal?
- Un H1 que diga con claridad de qué trata la página ayuda a lectores y buscadores, y normalmente contiene el tema principal. Escríbelo primero pensando en las personas.
- ¿Qué longitud es ideal para los encabezados?
- No hay un límite fijo. Mantén los encabezados cortos y fáciles de escanear; un encabezado muy largo suele significar que la sección debería dividirse. Esta herramienta no mide la longitud de los encabezados.
- ¿Comprueba los landmarks ARIA?
- No — esta herramienta solo comprueba el orden y la presencia de encabezados. Los roles de landmark ARIA (main, nav, aside) son una comprobación aparte que esta herramienta no realiza.
Fuentes
La documentación en la que se basan esta herramienta y las explicaciones de esta página.
- Headings — W3C Web Accessibility Initiative
- Understanding Success Criterion 1.3.1: Info and Relationships — W3C Web Accessibility Initiative
- Understanding Success Criterion 2.4.6: Headings and Labels — W3C Web Accessibility Initiative
- <h1>–<h6>: HTML section heading elements — MDN Web Docs
- SEO Starter Guide: The Basics — Google Search Central