O que é heading (H1, H2, H3)?
Heading, também chamado de intertítulo, é o elemento HTML de título que estrutura o conteúdo de uma página em níveis hierárquicos, do H1 ao H6. O H1 é o título principal da página; os H2 marcam as seções; os H3 subdividem as seções, e assim por diante.
Os headings cumprem três funções ao mesmo tempo. Para o leitor, eles criam pontos de parada visual que permitem escanear a página e pular direto para o que interessa. Para os buscadores, eles descrevem o tema e a organização do conteúdo, o que influencia o entendimento da página no SEO. Para a acessibilidade, leitores de tela usam os headings como mapa de navegação.
A hierarquia funciona como o sumário de um livro: o H1 é o título da obra, os H2 são os capítulos e os H3 são os subcapítulos. Quando essa lógica é respeitada, qualquer pessoa ou robô entende a estrutura de um blog post em segundos.
Como funciona na prática?
Para estruturar bem os headings de uma página:
- Um H1 por página: o H1 carrega o tema central e costuma coincidir com o título editorial, a headline da página.
- H2 para as seções principais: cada bloco de assunto ganha um H2 descritivo. Em conteúdo para busca, intertítulos em formato de pergunta funcionam bem, porque espelham o que as pessoas pesquisam.
- H3 para subdivisões: detalhes dentro de uma seção, como itens de uma lista comentada ou perguntas de um FAQ.
- Sem pular níveis: de H2 vá para H3, e apenas volte a subir de nível ao abrir nova seção. Pular de H2 para H4 quebra a lógica do documento.
- Heading como resumo: escreva cada intertítulo de modo que, lidos em sequência, eles contem a história completa da página.
Heading vs headline: qual a diferença?
| Aspecto | Heading | Headline |
|---|---|---|
| Natureza | Elemento estrutural de HTML (H1 a H6) | Conceito editorial de título persuasivo |
| Função | Hierarquia, escaneio, SEO, acessibilidade | Atrair o clique e a leitura |
| Quantidade | Vários por página, em níveis | Uma principal por peça |
Veredito: a headline é o texto que convence a ler, e o heading é a marcação que estrutura a página; o H1 costuma ser o lugar onde a headline vive.
Exemplos de uso
- Um artigo sobre financiamento imobiliário usa o H1 “Financiamento imobiliário: guia completo”, H2 para cada etapa do processo e H3 para os documentos exigidos em cada etapa.
- Uma página de serviço de contabilidade organiza com H2 as seções “Para quem é”, “O que está incluso” e “Perguntas frequentes”, cada pergunta em H3.
- Um conteúdo pilar de 4.000 palavras usa a hierarquia de headings para gerar um sumário clicável no topo da página.
Erros comuns
- Usar vários H1 na mesma página ou nenhum.
- Escolher headings pelo tamanho visual da fonte em vez da hierarquia lógica; tamanho se ajusta com CSS.
- Escrever intertítulos vagos como “Saiba mais”, que não informam nada no escaneio nem na busca.
- Pular níveis da hierarquia, indo de H2 direto para H4.
- Transformar frases inteiras em heading só para destacá-las; destaque de texto usa negrito.
Perguntas frequentes sobre heading
Quantos H1 uma página pode ter?
A prática recomendada é um único H1 por página, carregando o tema central. O HTML5 tecnicamente permite mais de um em contextos de seção, mas manter um só evita ambiguidade para buscadores, leitores de tela e para a própria organização do conteúdo. Os demais níveis ficam para H2 em diante.
Headings ajudam no SEO?
Ajudam. Os buscadores usam os headings para entender o tema da página e a relação entre as seções, e intertítulos claros aumentam a chance de trechos aparecerem em resultados destacados e respostas geradas por IA. O efeito vem da clareza estrutural, sem necessidade de repetir palavra-chave em todo intertítulo.
Qual a diferença entre H2 e H3?
O H2 marca uma seção principal da página, um assunto de primeiro nível dentro do tema do H1. O H3 subdivide um H2, detalhando um aspecto daquela seção. Se o conteúdo do intertítulo responde diretamente ao tema da página, use H2; se aprofunda uma seção existente, use H3.