Saltar al contenido

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.

Gratis · Sin registro · Se ejecuta en tu navegador
100% en tu navegador — tu contenido nunca sale de tu dispositivo.

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

  1. Introduce la URL de una página o pega su HTML

  2. Obtenemos el HTML en vivo y extraemos cada H1–H6 en el orden del documento

  3. Validamos el número de H1, el orden de los encabezados y los encabezados vacíos

  4. Devolvemos una puntuación, el esquema de encabezados y las comprobaciones que han fallado

Ejemplo de entrada y salida

ENTRADA
url: https://rankproof.eu/es/tools
SALIDA
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

  1. 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>
  2. 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>
  3. 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.

  4. 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.

  5. 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.