SEO técnico

Hierarquia de headings: estruturando H1, H2 e H3

Como organizar H1, H2 e H3 para o Google entender a página: regras de aninhamento, erros comuns e como escrever H2 que ganha featured snippet.

Por Marco Antonio Claro Santos · Fundador e estrategista de SEO B2B da MarkSaint.

Hierarquia de headings: estruturando H1, H2 e H3

hierarquia de headings é o foco deste guia prático, que organiza os fundamentos, decisões e próximos passos para aplicar o tema com critério.

Headings são a parte do HTML que mais gente acha que domina e que mais aparece quebrada nas auditorias. Não porque seja difícil, mas porque na maioria dos sites eles foram escolhidos por tamanho de fonte, não por função. Alguém queria um título menor, aplicou H4, e a página passou a declarar uma estrutura que não corresponde ao conteúdo.

Isso importa por dois motivos que ficaram mais concretos nos últimos anos: rastreadores usam a estrutura de cabeçalhos para entender do que a página trata e qual trecho responde a qual pergunta, e modelos de linguagem usam a mesma estrutura para decidir qual pedaço do texto extrair quando geram uma resposta. Uma página bem hierarquizada é mais fácil de citar. Uma página achatada é um bloco indistinto.

O que é hierarquia de headings?

Hierarquia de headings é a ordem aninhada das tags de cabeçalho de uma página, de H1 a H6, onde cada nível abre uma subseção do nível imediatamente acima e nenhum nível é pulado. Um H1 com o tema da página, H2 para cada bloco principal e H3 apenas para desdobrar um H2. A estrutura correta é H1 → H2 → H3, nunca H1 → H3.

Uma forma prática de testar: se você extrair só os headings da página, o resultado precisa ler como um sumário coerente. Se ler como uma lista de frases soltas, a hierarquia está decorativa, não estrutural.

Vale separar dois conceitos que costumam ser tratados como o mesmo. Hierarquia é a relação de aninhamento entre os níveis — quem está dentro de quem. Hierarquia semântica vai um passo além: exige que o texto de cada heading descreva de fato o conteúdo abaixo dele, e que os headings de um mesmo nível estejam no mesmo grau de generalidade. Uma página pode ter aninhamento tecnicamente correto e ainda assim falhar na segunda parte, quando um H2 chamado "Considerações finais" divide espaço com um H2 chamado "Como calcular o custo por quilômetro rodado". São graus de especificidade incompatíveis, e o rastreador lê essa incoerência.

Outro ponto que gera dúvida: headings não substituem o <title>. O title é o que aparece na SERP e na aba do navegador; o H1 é o título dentro da página. Eles podem ser diferentes, e em geral devem ser — o title costuma precisar de um recorte mais curto e mais orientado à consulta, enquanto o H1 tem espaço para a formulação natural.

Pode ter mais de um H1 na página?

Tecnicamente sim. O HTML5 permite, e o Google já afirmou publicamente que múltiplos H1 não impedem o entendimento da página.

Na prática, um H1 é a escolha melhor, e a razão é de comunicação, não de regra. O H1 declara o assunto único da página. Duas declarações de assunto principal significam que a página não decidiu sobre o que trata — e páginas indecisas ranqueiam mal por competirem consigo mesmas em duas consultas diferentes.

O caso em que múltiplos H1 aparecem sem intenção é o mais comum: o template do site coloca o nome da empresa ou o logotipo dentro de um H1 no cabeçalho. Aí toda página do site declara o mesmo assunto principal, e o título real do conteúdo cai para H2. É um dos achados que mais se repete nas auditorias técnicas que fazemos, e a correção é de uma linha no template.

O segundo caso frequente aparece em construtores visuais e temas de e-commerce, onde cada bloco de seção nasce com H1 por padrão. Uma página de categoria pode terminar com quatro ou cinco H1 sem que ninguém tenha decidido isso. Como o efeito é invisível na tela, o problema atravessa anos.

A checagem leva trinta segundos: abra o console do navegador e rode document.querySelectorAll('h1').length. Se o retorno for maior que 1 em páginas de conteúdo, vale investigar de onde vêm os extras antes de qualquer outra otimização — é correção de template, aplica-se ao site inteiro de uma vez e não custa produção de conteúdo.

Como escrever H2 que ganha featured snippet?

O Google monta featured snippet extraindo um trecho que responda a uma pergunta. Se o H2 já é a pergunta e o parágrafo logo abaixo já é a resposta completa, você entregou o bloco pronto.

Três regras que fazem diferença mensurável:

O H2 em formato de pergunta, com a formulação que a pessoa usa. "Como fazer uma auditoria de SEO técnico?" tem mais chance que "Etapas da auditoria". Vale conferir as perguntas que o próprio Google exibe no bloco de perguntas relacionadas — elas são a formulação real, não a sua suposição sobre ela.

Resposta imediata, entre 40 e 60 palavras, no primeiro parágrafo depois do H2. Sem preâmbulo, sem contexto antes, sem repetir a pergunta. A primeira frase já contém a resposta; as seguintes qualificam.

Um formato por pergunta. Pergunta de definição pede parágrafo. Pergunta de processo pede lista ordenada. Pergunta de comparação pede tabela. Misturar formatos no mesmo bloco atrapalha a extração.

Manter cada H2 abaixo de 60 caracteres também ajuda, porque headings longos são truncados nos índices e nas prévias de compartilhamento.

Um detalhe que muda o resultado e quase ninguém aplica: a resposta precisa ser autossuficiente. Se o parágrafo abaixo do H2 começa com "Como vimos acima" ou "Além disso", ele depende de contexto anterior e deixa de servir como bloco extraível. Escreva cada resposta como se ela fosse a única coisa que a pessoa vai ler.

Vale também não disputar snippet com você mesmo. Se dois artigos do site respondem a mesma pergunta em H2 quase idênticos, eles competem entre si e o Google tende a escolher um terceiro resultado. Um H2 por pergunta, em um artigo só — os demais artigos mencionam o tema e linkam.

Quais erros de heading atrapalham o ranqueamento?

O Google não aplica penalidade por heading mal estruturado. O que acontece é mais silencioso: o rastreador entende mal a página, associa o conteúdo a consultas erradas ou não encontra um trecho claro para extrair.

Os quatro que mais vemos:

Pular níveis. Um H3 imediatamente depois de um H1 declara que existe uma seção intermediária que não existe. Leitores de tela também tropeçam nisso, o que transforma o erro em problema de acessibilidade.

Heading escolhido por estética. Aplicar H4 porque a fonte ficou do tamanho desejado é subordinar a estrutura ao CSS. O caminho inverso é o correto: escolher o nível certo e ajustar o estilo.

H1 genérico. "Bem-vindo", "Nossos serviços" ou o nome da empresa não dizem sobre o que é a página. O H1 precisa conter o assunto e, quando natural, o termo pelo qual a página quer ser encontrada — nas primeiras palavras, não no fim.

Heading vazio ou usado para espaçamento. Tags de cabeçalho sem texto, aplicadas para criar espaço vertical, poluem a estrutura sem sinalizar nada.

Excesso de headings. O oposto também acontece: uma página onde cada parágrafo tem seu próprio H3 não hierarquiza nada, porque tudo virou seção. Se uma subseção tem duas linhas, ela é parte do bloco acima, não uma unidade própria. A regra prática que usamos é que um H3 só se justifica quando existe pelo menos um irmão — um H3 solitário sob um H2 quase sempre deveria ser um parágrafo em negrito.

Um teste rápido, que roda em qualquer página sem instalar nada:

Array.from(document.querySelectorAll('h1,h2,h3,h4,h5,h6')) .map(h => ' '.repeat(+h.tagName[1]-1) + h.tagName + ' — ' + h.innerText.trim()) .join('\n')

Cole no console e leia o resultado. Se a indentação mostrar saltos de nível, ou se a lista não fizer sentido como sumário, o problema está aí. Esse é o primeiro item da nossa auditoria de SEO técnico, e é a fase inicial da metodologia justamente por ser barata de corrigir e ampla no efeito: uma correção de template atinge todas as páginas do site ao mesmo tempo.

Como headings ajudam a IA a citar seu conteúdo?

Quando um modelo de linguagem monta uma resposta a partir de páginas da web, ele precisa localizar o trecho que responde à pergunta e decidir se aquele trecho é autossuficiente. Headings resolvem os dois problemas de uma vez: delimitam onde começa e termina uma unidade de sentido e declaram sobre o que ela trata.

Na prática, a página que responde bem em busca generativa costuma ter três características ligadas à estrutura. Cada seção é compreensível fora de contexto, sem depender de um parágrafo anterior para fazer sentido. Cada H2 corresponde a uma pergunta real que alguém faria. E as afirmações verificáveis vêm com fonte próxima, no mesmo bloco, não em uma lista de referências no rodapé.

É a mesma disciplina que ganha featured snippet, aplicada a um destino diferente. O que muda é a unidade de medida — em vez de clique, menção. Esse deslocamento está detalhado em GEO e organizar isso em escala é o que um topic cluster faz no nível do site inteiro.

Em operações B2B, onde cada página costuma cobrir um problema técnico específico, a estrutura pesa ainda mais: é ela que permite a uma consulta muito particular encontrar exatamente a subseção que responde. O contexto completo está em SEO para empresas B2B.

Se você desconfia que a estrutura do seu site está achatada, esse é o tipo de coisa que aparece em minutos numa leitura técnica. Solicite análise e receba o mapa de headings do seu site com os pontos que estão confundindo o rastreador.

Fontes