Hierarquia de títulos, como usar H1, H2 e H3 corretamente

Hierarquia de títulos é a ordem dos cabeçalhos da página: o H1 é o título principal, os H2 são as seções e os H3 dividem uma seção em partes menores. Cada nível fica dentro do anterior, como os capítulos e subcapítulos de um livro. Para o Google, a ordem dos títulos ajuda a entender o assunto de cada trecho, e para quem usa leitor de tela ela funciona como o índice da página.

• Uma página tem um H1 que diz do que ela trata, e o ideal é manter um só.
• Os H2 organizam as seções, e os H3 entram dentro de um H2 quando a seção tem partes.
• Os níveis seguem o aninhamento: depois de um H2 vem H2 ou H3, sem pular para H4.
• O Google afirma que a ordem dos títulos não muda o resultado na busca, e que mais de um H1 na página não causa problema.
• Quem navega por leitor de tela depende dessa estrutura para se locomover na página.
• Título serve para organizar o conteúdo. Escolher o nível pelo tamanho da letra atrapalha essa função.

Quem estuda HTML quer saber qual regra manda em cada nível. Quem tem um site quer saber se a estrutura da página ajuda a aparecer no Google.

Este artigo responde às duas dúvidas com base na especificação HTML, na documentação do Google e nas diretrizes de acessibilidade do W3C. Depois mostra como montar a estrutura de uma página de serviço e de um post, e como o WordPress e o Elementor tratam os títulos. Quem quer ver o assunto dentro de um trabalho completo de otimização para o Google em Florianópolis encontra o contexto na página de SEO local da Virtual Floripa.

O que é hierarquia de títulos no HTML

Em HTML existem seis níveis de título, do <h1> ao <h6>, e o número indica a profundidade do título dentro do documento. A especificação HTML Living Standard, mantida pelo WHATWG, define que quanto menor o nível, menos seções ancestrais o título tem.

Na prática, o H1 abre a página e os H2 abrem as seções principais. Um H3 só aparece dentro de uma seção que já começou com um H2, e um H4 só dentro de um H3.

A mesma especificação traz uma regra de conformidade sobre a sequência: cada título que segue outro deve ter nível menor, igual ou no máximo uma unidade acima do anterior. Ir de H2 direto para H4 pula um degrau e a especificação registra isso como estrutura fora do padrão. Subir de volta é livre, e um H2 pode aparecer depois de qualquer H4.

Nível	Papel na página	Exemplo de uso
H1	Título principal	O nome do assunto da página
H2	Seção principal	Uma dúvida que a página responde
H3	Parte de uma seção	Um tipo, um passo ou um caso dentro da seção
H4 a H6	Detalhe dentro do H3	Raro em página comum

A tabela resume o que o texto já disse: o nível descreve a posição do título na estrutura, e a aparência dele fica por conta do CSS. Um H3 pode ter fonte maior que um H2 se o design pedir, e a hierarquia continua correta.

O que o Google diz sobre títulos e posicionamento

O Google recomenda títulos em ordem semântica pensando em leitor de tela, e afirma que para a busca a ordem não faz diferença. O Guia de Introdução ao SEO da Central de Pesquisa Google diz que ter os títulos em ordem é ótimo para leitores de tela, e que do ponto de vista da Pesquisa Google não importa se eles aparecem fora de ordem.

O mesmo guia diz que não existe quantidade ideal de títulos por página. Se você acha que são títulos demais, provavelmente são.

Isso tira o H1 e o H2 da lista de fatores mágicos de posicionamento. O que eles fazem é dar ao Google um mapa de qual trecho responde a qual pergunta, e esse mapa ajuda a mostrar o trecho certo para a pesquisa certa.

Por isso o texto do título pesa mais que a etiqueta. Um H2 que repete a dúvida real do leitor, como Quanto tempo leva para o site aparecer no Google, entrega mais que um H2 genérico como Saiba mais, seja qual for o nível usado.

Posso usar mais de um H1 na mesma página

Pode, e a documentação e as declarações públicas do Google indicam que isso não prejudica o posicionamento. John Mueller, do Google, disse que os sistemas do Google não têm problema com vários H1 na página, e que um site ranqueia bem sem H1 ou com cinco, conforme relatado pelo Search Engine Journal.

A especificação HTML também aceita mais de um título de nível 1 no documento, e traz um exemplo com três H1 para assuntos paralelos. O que ela não faz é definir o H1 como exclusivo.

Mesmo assim, a recomendação prática continua sendo um H1 por página. Um H1 único deixa evidente qual é o assunto, facilita a leitura por tecnologia assistiva e evita que o tema visual do site crie H1 sem você perceber.

Por que a hierarquia importa para quem usa leitor de tela

Leitor de tela é um software que lê a página em voz alta ou em braille, e os usuários dele usam os títulos para pular de seção em seção. A pesquisa WebAIM Screen Reader User Survey número 10, de 2024, mostrou que 71,6% dos respondentes navegam por títulos quando precisam achar informação em página longa. A mesma pesquisa registrou que 88,8% consideram a navegação por títulos muito ou um pouco útil.

Quando a estrutura tem degrau pulado ou título escolhido pelo tamanho da fonte, essa pessoa perde a noção de onde está. O W3C, na iniciativa de acessibilidade WAI, orienta aninhar os títulos por nível e escolher o título pela estrutura do documento, e o estilo visual fica no CSS.

Esses cuidados atendem critérios da WCAG 2.2, como o 1.3.1 (informações e relações) e o 2.4.6 (cabeçalhos e rótulos). Na prática, acessibilidade e organização de conteúdo pedem a mesma coisa: título que descreve a seção e níveis coerentes. Para o assunto completo, o artigo sobre como tornar o site acessível trata dos outros pontos além dos títulos.

Como estruturar uma página de serviço

Numa página de serviço, o H1 nomeia o serviço com a cidade quando há foco local, e cada H2 responde uma dúvida de quem está decidindo. A ordem dos H2 acompanha a decisão do visitante: o que é, para quem serve, como funciona, quanto tempo leva, o que está incluído e como contratar.

Um modelo hipotético de estrutura para uma página de fisioterapia pélvica:

1. H1: Fisioterapia pélvica em Florianópolis
2. H2: Para quem a fisioterapia pélvica é indicada
3. H2: Como funciona a primeira consulta
4. H3: O que é avaliado
5. H3: Como é a sessão
6. H2: Quantas sessões o tratamento costuma ter
7. H2: Como agendar

Cada H2 poderia virar a pergunta de uma pesquisa real, e o H3 só aparece onde a seção tem partes distintas. Um botão de agendar, um depoimento ou um telefone não precisam de título: eles ficam dentro da seção a que pertencem.

O artigo sobre como otimizar páginas de serviços detalha o que colocar dentro de cada seção. Aqui vale guardar a regra de estrutura: uma página de serviço, um H1, e H2 na ordem em que a pessoa pergunta.

Como estruturar um post de blog

No post, o H1 é o título do artigo e cada H2 responde uma subdúvida do tema. O texto que vem logo depois do H1 já dá a resposta principal, e os H2 aprofundam.

Uma forma simples de montar: liste as perguntas que o leitor faria sobre o assunto, ordene da mais básica para a mais avançada e transforme cada uma em H2. O H3 entra quando uma resposta tem tipos, passos ou exemplos que merecem divisão própria.

Títulos em forma de pergunta natural, como Como funciona e Quanto custa, funcionam bem porque repetem o jeito como as pessoas digitam no Google. Essa linha combina com o que o artigo sobre conteúdo de blog que gera tráfego e vendas recomenda para a estrutura do texto.

Como o WordPress e o Elementor tratam os títulos

No WordPress, quem define o H1 da página é o tema, e na maioria dos temas o título do post ou da página já sai como H1. Por isso o editor não precisa criar outro H1 dentro do conteúdo: o título que você digita no topo do editor é o H1.

Dentro do corpo do texto, o bloco Título do editor de blocos deixa escolher o nível, de H1 a H6, e o padrão é H2. O nível vai no painel lateral de configurações do bloco, separado do tamanho da fonte.

No Elementor, o widget Título permite escolher a etiqueta HTML do texto, com opções de H1 a H6 e também div, span e p, e o padrão é H2. É aqui que a estrutura costuma se desorganizar, porque muita gente escolhe H1 para aumentar a letra ou H4 para deixar menor. Quem monta a página com construtor visual acaba com vários H1 sem querer, e o inverso também acontece, com página sem nenhum H1 porque o título grande foi feito com div.

Tamanho, cor e peso da fonte ficam nas opções de estilo do widget, e a etiqueta fica na opção de tag. Mexer numa não obriga mexer na outra.

Widgets de cabeçalho e rodapé, listas de posts relacionados e cartões de serviço também geram títulos. Um cartão com o nome do serviço costuma entrar como H3 ou H4, e o ideal é que esses títulos respeitem a posição do bloco na página, em vez de repetir H2 em cada cartão.

O que recomendamos na Virtual Floripa

Recomendamos montar os títulos antes de desenhar a página. Nas páginas que entregamos, o texto vem escrito a partir do que o cliente explica na conversa inicial, e a estrutura de H1, H2 e H3 sai do roteiro das dúvidas que o visitante tem, antes de qualquer decisão de layout.

Usamos um H1 por página e escolhemos o nível pela posição do título, deixando o tamanho da letra por conta do estilo. Antes de entregar, conferimos a lista de títulos de cada página e testamos o resultado em tela pequena.

Também entregamos o site com Search Console configurado na publicação, o que permite acompanhar depois quais consultas levam a cada página e ajustar os H2 conforme as dúvidas reais que aparecem.

Erros comuns e como corrigir

Os erros de hierarquia são poucos e têm correção direta, quase sempre no tema ou no construtor.

• Página sem H1: o título principal foi feito com div ou parágrafo grande. Troque a etiqueta por H1.
• Vários H1 vindos do tema: logotipo, título do post e título do cartão saem como H1. Ajuste o tema ou o widget para H2 ou div.
• H1 escolhido pelo tamanho da letra: o texto fica bonito e a estrutura sai torta. Use o nível pela posição e o CSS pelo tamanho.
• Degrau pulado, como H2 seguido de H4: reveja a seção e use H3, ou suba o H4 um nível.
• H2 genérico como Saiba mais ou Nossos diferenciais: reescreva para a pergunta que a seção responde.
• Título só com palavra-chave repetida: o H2 pode trazer a variação natural da dúvida, e o excesso de repetição cansa o leitor.

Como conferir a hierarquia da sua página

Para ver a estrutura de qualquer página, use uma extensão do navegador que lista os títulos, como a HeadingsMap, ou o menu de inspecionar elemento do próprio navegador. A lista mostra os níveis na ordem em que aparecem e deixa visível o degrau pulado ou o H1 repetido.

Um passo a passo curto:

1. Abra a página no navegador e ative a extensão de títulos.
2. Confirme que existe um H1, e que ele descreve o assunto da página.
3. Confira se os H2 respondem a perguntas diferentes entre si.
4. Procure degraus pulados e H1 duplicados.
5. Leia só a lista de títulos e veja se ela conta a história da página.

O último passo é o mais útil. Se a lista de títulos lida sozinha faz sentido, a estrutura está boa para o leitor, para o leitor de tela e para o Google.

Perguntas frequentes

Qual a diferença entre H1 e H2?

O H1 é o título da página inteira e o H2 é o título de uma seção dentro dela. A página tem um assunto principal e várias seções que o desenvolvem, e cada nível reflete esse papel.

Quantos H2 e H3 posso usar?

Quantos a estrutura pedir. O Google afirma que não existe número ideal de títulos por página, e a medida é a mesma da leitura: um título para cada assunto novo.

Como manter a hierarquia de títulos e uma leitura lógica?

Planeje os títulos em lista antes de escrever o texto, com o H1 no topo e os H2 na ordem das dúvidas do leitor. Depois confira com uma extensão de navegador se a lista de títulos, lida sozinha, conta a história da página.

H1, H2 e H3 mudam o posicionamento no Google?

Eles ajudam o Google a entender o assunto de cada trecho, e o texto do título pesa mais que a etiqueta. O Google diz que a ordem dos títulos não importa para a busca, e não trata a hierarquia como fator de posição.

Os títulos precisam ter a palavra-chave?

O H1 deve deixar claro o assunto, e a palavra-chave costuma entrar de forma natural. Nos H2, o mais importante é reproduzir a dúvida real de quem pesquisa, com as palavras que essa pessoa usaria.

Posso mudar o tamanho do H1 sem prejudicar a estrutura?

Pode. O tamanho é decisão de CSS e a etiqueta é decisão de estrutura, então um H1 pequeno ou um H3 grande continuam corretos do ponto de vista do HTML.

Onde a estrutura começa

A hierarquia de títulos organiza a página para o visitante, para quem usa leitor de tela e para o Google. O critério que decide cada título é a posição dele na estrutura, e a aparência fica no estilo.

Na prática, o conjunto é este: um H1 que diz o assunto, H2 que respondem às dúvidas na ordem certa, H3 só onde a seção tem partes, e nenhum degrau pulado. Esse conjunto também combina com o roteiro do guia sobre como aparecer no Google.

Se o site da sua empresa precisa de uma revisão de estrutura, o caminho é conversar com a Virtual Floripa pelo formulário de contato e descrever o que você tem hoje.