Verificador de hierarquia de headings

Cole uma URL e veja se a sequência de H1 a H6 sobe e desce sem saltos.

URL para analisar

A página é buscada pelo servidor do DevTools. Só funciona com URLs públicas.

O que é

Os headings de H1 a H6 formam o índice do documento. O número não é tamanho de fonte: é profundidade. Um H3 declara que aquele trecho é subseção do H2 anterior, exatamente como um sumário de livro. A hierarquia está correta quando cada nível desce no máximo um degrau por vez — de H2 para H3 tudo bem, de H2 direto para H4 não.

Por que importa

Quem navega com leitor de tela usa a lista de cabeçalhos como sumário: é o atalho para pular direto à seção desejada, sem ouvir a página inteira. Um salto de nível quebra esse sumário e faz uma seção parecer subordinada a algo que não existe. Para o buscador, a hierarquia é o que separa assunto principal de detalhe — uma página onde tudo é H2 entrega uma lista de tópicos soltos, sem informar o que é central e o que é acessório.

Como corrigir

Comece pelo H1 e desça um nível por vez. Se um H4 aparece logo após um H2, ou o H4 vira H3 ou falta um H3 entre eles.
Nunca escolha o nível pelo tamanho da letra. Se o H3 precisa parecer maior, ajuste no CSS — trocar para H2 conserta a aparência e quebra a estrutura.
Não use heading para texto que não abre seção. Rótulos, legendas e frases de destaque são parágrafo com estilo, não cabeçalho.
Cuidado com o rodapé e a barra lateral: muitos temas marcam 'Categorias' ou 'Newsletter' como H2 ou H3, e esses títulos entram na contagem da página.
Escreva headings que descrevam a seção. Um H2 chamado 'Saiba mais' não informa nada nem a quem lê nem a quem indexa.
Subir de volta é permitido: depois de vários H3, o próximo H2 abre uma nova seção normalmente. A regra só proíbe descer pulando degraus.

Salto de nível e a correção

<!-- Errado: pula de H2 para H4 -->
<h1>Guia de cache HTTP</h1>
  <h2>Cabeçalhos de resposta</h2>
    <h4>Cache-Control</h4>

<!-- Certo: desce um degrau por vez -->
<h1>Guia de cache HTTP</h1>
  <h2>Cabeçalhos de resposta</h2>
    <h3>Cache-Control</h3>

Perguntas frequentes

Pular de H2 para H4 é erro grave?: Não derruba o site na busca, mas é falha real de acessibilidade: a navegação por cabeçalhos passa a sugerir uma subseção de algo que não existe. Como a correção costuma ser trocar um número no HTML, o custo de arrumar é baixo demais para justificar deixar quebrado.
Quantos H2 uma página pode ter?: Quantos forem necessários. Diferente do H1, não há motivo para limitar H2 a H6 — eles representam as seções do conteúdo, e um artigo longo naturalmente tem várias. O que importa é que cada um abra de fato uma seção.
Headings do menu e do rodapé contam?: Contam, porque estão no mesmo documento. É uma origem frequente de hierarquia quebrada: o conteúdo está impecável, mas o widget da barra lateral emite um H3 antes do primeiro H2 e o leitor de tela anuncia a estrutura fora de ordem.
Preciso usar todos os níveis até H6?: Não. A maioria das páginas resolve bem com H1, H2 e H3. Precisar de H5 e H6 costuma indicar que o conteúdo deveria ser dividido em páginas separadas, não aprofundado em mais níveis.

Outras checagens

Ferramentas relacionadas

Validador de SEO completo — hierarquia junto com o resto da análise
Todas as checagens de SEO

O que é

Por que importa

Como corrigir

Comece pelo H1 e desça um nível por vez. Se um H4 aparece logo após um H2, ou o H4 vira H3 ou falta um H3 entre eles.

Nunca escolha o nível pelo tamanho da letra. Se o H3 precisa parecer maior, ajuste no CSS — trocar para H2 conserta a aparência e quebra a estrutura.

Não use heading para texto que não abre seção. Rótulos, legendas e frases de destaque são parágrafo com estilo, não cabeçalho.

Cuidado com o rodapé e a barra lateral: muitos temas marcam 'Categorias' ou 'Newsletter' como H2 ou H3, e esses títulos entram na contagem da página.

Escreva headings que descrevam a seção. Um H2 chamado 'Saiba mais' não informa nada nem a quem lê nem a quem indexa.

Subir de volta é permitido: depois de vários H3, o próximo H2 abre uma nova seção normalmente. A regra só proíbe descer pulando degraus.

 <h1>Guia de cache HTTP</h1> <h2>Cabeçalhos de resposta</h2> <h4>Cache-Control</h4>  <h1>Guia de cache HTTP</h1> <h2>Cabeçalhos de resposta</h2> <h3>Cache-Control</h3>

Perguntas frequentes

Pular de H2 para H4 é erro grave?

Não derruba o site na busca, mas é falha real de acessibilidade: a navegação por cabeçalhos passa a sugerir uma subseção de algo que não existe. Como a correção costuma ser trocar um número no HTML, o custo de arrumar é baixo demais para justificar deixar quebrado.

Quantos H2 uma página pode ter?

Quantos forem necessários. Diferente do H1, não há motivo para limitar H2 a H6 — eles representam as seções do conteúdo, e um artigo longo naturalmente tem várias. O que importa é que cada um abra de fato uma seção.

Headings do menu e do rodapé contam?

Contam, porque estão no mesmo documento. É uma origem frequente de hierarquia quebrada: o conteúdo está impecável, mas o widget da barra lateral emite um H3 antes do primeiro H2 e o leitor de tela anuncia a estrutura fora de ordem.

Preciso usar todos os níveis até H6?

Não. A maioria das páginas resolve bem com H1, H2 e H3. Precisar de H5 e H6 costuma indicar que o conteúdo deveria ser dividido em páginas separadas, não aprofundado em mais níveis.