wtoolsy.com
Rede, DNS, IP
Ferramentas de desenvolvedor
SEO e análise de sites
Finanças e calculadoras
Universal
Artigos
Todos os artigos

Cabeçalhos HTML H1–H6 — hierarquia, SEO e acessibilidade

Os cabeçalhos HTML (headings) são tags H1–H6 que definem a hierarquia do conteúdo numa página. Os motores de pesquisa e os leitores de ecrã utilizam-nos para compreender a estrutura do documento. Uma estrutura correta de cabeçalhos é crucial para o SEO, a acessibilidade e a legibilidade da página.

Verifique a estrutura de cabeçalhos da sua página

A ferramenta analisará automaticamente a hierarquia de cabeçalhos de qualquer página: Headings Checker.

O que são cabeçalhos HTML?

Os cabeçalhos são tags HTML de H1 a H6 que criam uma estrutura hierárquica do conteúdo — semelhante a capítulos e subcapítulos num livro. H1 é o título principal, H2 são as secções, H3 são as subsecções, etc. O browser apresenta-os por predefinição com tamanho de letra decrescente, mas o seu verdadeiro papel vai muito além da aparência.

H1–H6

6 níveis de cabeçalho

número recomendado de H1 por página

~60%

das páginas têm erros nos cabeçalhos

WCAG

requer uma hierarquia correta

Hierarquia de cabeçalhos H1–H6

Cada nível de cabeçalho cumpre um papel diferente na estrutura do documento. Saltar níveis (por ex. passar de H2 para H4) é um erro estrutural.

H1
Título da página

Um por página. Palavra-chave principal. Descreve toda a página.

H2
Secção principal

Principais divisões do conteúdo. Devem cobrir os temas principais da página.

H3
Subsecção

Detalhe da secção H2. Podem conter palavras-chave LSI.

H4
Subsecção de 3.º nível

Menos frequentemente utilizado. Use apenas quando o conteúdo requerer uma divisão mais profunda.

H5
Subsecção de 4.º nível

Muito raro. Na maioria das vezes desnecessário — considere simplificar a estrutura.

H6
Subsecção de 5.º nível

Praticamente não utilizado. Na maioria dos casos pode ser substituído por outro elemento HTML.

Exemplo de estrutura correta

Uma hierarquia correta de cabeçalhos forma uma árvore — cada nível está aninhado no nível superior.

Estrutura correta
H1 Guia de DNS
  H2 O que são registros DNS?
    H3 Registro A
    H3 Registro CNAME
  H2 Como verificar o DNS?
    H3 Ferramentas online
    H3 Comando dig
Estrutura incorreta
H1 Guia de DNS
  H3 O que são registros DNS?  ← H2 omitido
    H5 Registro A             ← H4 omitido
H2 Como verificar o DNS?       ← H2 após H5?
    H4 Ferramentas online     ← H3 ausente

Cabeçalhos e SEO

Os motores de pesquisa analisam os cabeçalhos para compreender sobre o que trata a página e a importância de cada fragmento de conteúdo.

H1

H1 — o sinal SEO mais importante

O Google trata o H1 como a descrição principal da página. Deve conter a palavra-chave principal e ser único — um H1 por página. A ausência de H1 ou vários H1 é um sinal de estrutura fraca.

H2

H2 — temas das secções

Os H2 definem os principais temas abordados na página. Vale a pena incluir variantes e sinónimos da palavra-chave principal (palavras-chave LSI). Aparecem frequentemente em featured snippets.

H3+

H3–H6 — profundidade e detalhe

H3 e níveis inferiores ajudam os robôs a compreender a estrutura detalhada. São particularmente importantes em artigos de guia longos e documentação. Têm menor impacto direto nas classificações do que H1 e H2.

Cabeçalhos e acessibilidade

Para os utilizadores de leitores de ecrã (cegos, com baixa visão), os cabeçalhos são a principal forma de navegar na página.

O padrão WCAG 2.1 requer uma hierarquia correta de cabeçalhos

O critério 1.3.1 (Informações e relações) e o critério 2.4.6 (Cabeçalhos e etiquetas) obrigam a utilizar os cabeçalhos de forma a refletir a estrutura do conteúdo, e não apenas a aparência visual.

Boas práticas

  • Um H1 contendo o tema da página
  • Manutenção da continuidade da hierarquia (sem saltos)
  • Conteúdo dos cabeçalhos descritivo e compreensível
  • Os cabeçalhos refletem a estrutura, não o estilo

Erros frequentes

  • Usar cabeçalhos apenas pelo tamanho de letra grande
  • Saltar um nível (por ex. H2 → H4)
  • Ausência de H1 ou vários H1 na página
  • Cabeçalhos vazios ou cabeçalhos contendo apenas uma imagem

Resumo rápido — H1–H6

Tag Quantos por página Impacto SEO Utilização típica
H1 Exatamente 1 Muito alto Título da página / artigo
H2 Alguns Alto Secções principais do conteúdo
H3 Qualquer Moderado Subsecções dentro de H2
H4 Qualquer Baixo Divisões mais profundas do conteúdo
H5 Raramente Mínimo Documentação, especificações
H6 Quase nunca Mínimo Casos muito raros

FAQ

Pode haver mais do que um H1 numa página?

Tecnicamente, o HTML5 permite vários H1 em diferentes secções, mas na prática de SEO recomenda-se apenas um H1 por página. A Google confirmou repetidamente que prefere uma declaração clara do tema da página. Múltiplos H1 podem diluir o sinal para os motores de busca e desorientar os utilizadores de leitores de ecrã.

O título da página (title) é o mesmo que o H1?

Não. A tag title é invisível na página — aparece no separador do browser e nos resultados do Google. H1 é o cabeçalho visível na página. Devem ser semelhantes em termos de conteúdo, mas não têm de ser idênticos. O title está limitado a cerca de 60 caracteres para os resultados de pesquisa, o H1 pode ser mais longo.

A ordem dos cabeçalhos importa para o SEO?

Sim. O Google analisa a hierarquia de cabeçalhos para compreender a estrutura e as relações temáticas do conteúdo. Saltar níveis (por ex. H2 → H4) não é um erro crítico, mas dificulta a compreensão das relações entre secções por parte de robôs e utilizadores. Auditorias regulares à estrutura de cabeçalhos são uma boa prática de SEO.

Posso estilizar os cabeçalhos para parecerem texto normal?

Sim — pode alterar livremente a aparência de um cabeçalho via CSS. O importante é o papel semântico em HTML, não o visual. A situação inversa é problemática: estilizar um parágrafo normal como texto grande não o torna um cabeçalho para motores de pesquisa nem para leitores de ecrã.

Como verificar os cabeçalhos na sua página?

Pode utilizar a nossa ferramenta Headings Checker, que apresenta visualmente a hierarquia de cabeçalhos de qualquer página. Alternativamente, no Chrome DevTools, digite na consola: document.querySelectorAll('h1,h2,h3,h4,h5,h6'), para ver a lista de todos os cabeçalhos.