Títulos são a estrutura do documento
H1, H2 e H3 são elementos de título HTML que organizam o conteúdo visível da página. Um H1 normalmente declara o tema principal da página; os H2 dividem as grandes perguntas; os H3 subdividem um H2 quando o nível seguinte acrescenta sentido. Eles ajudam o leitor a percorrer o texto, a navegar com tecnologias assistivas e a entender a relação entre as seções. Não são uma cota, uma configuração de tamanho de fonte nem uma promessa de resultado no ranqueamento.
Uma página pode ter um H1 eficaz sem repetir uma palavra-chave de busca palavra por palavra. O teste mais forte é se o título descreve com precisão o conteúdo que vem abaixo dele. O Google pode usar os títulos visíveis ao formar os resultados de pesquisa, mas os títulos dos links e os snippets são gerados a partir de vários sinais da página. A marcação de títulos não compensa uma página vaga nem uma seção enganosa.
Escolha o esboço da página
Redija a sequência do conteúdo antes de estilizá-la. Para uma entrada de glossário, o H1 fornecido pelo template pode nomear o termo; os H2 podem cobrir definição, mecanismo, implementação e erros; e os H3 podem separar detalhes dentro de um mecanismo. Para uma categoria de produto, um H1 pode nomear a categoria, enquanto os H2 explicam critérios de escolha, variantes e informações de entrega. O esboço correto segue a tarefa, não uma receita fixa de SEO.
| Nível do título | Use quando | Não use para |
|---|---|---|
| H1 | O assunto central da página | Um slogan decorativo sem relação com o conteúdo |
| H2 | Uma pergunta principal ou uma fase da página | Uma frase única que pertence a um parágrafo |
| H3 | Uma subdivisão real de um tema H2 | Criar recuo visual sem hierarquia |
| Texto estilizado | Um rótulo ou uma ênfase secundária | Fingir que um rótulo é uma nova seção do documento |
Exemplo concreto: uma página sobre renderização no servidor pode usar H2 para ‘O que o SSR retorna’, ‘Quando o SSR muda o caminho de entrega’ e ‘Como testar a resposta’. Dentro do H2 de teste, os H3 podem distinguir o HTML inicial, o código de status HTTP e a hidratação. Um H3 chamado ‘SSR’ sob um H2 sem relação seria um esboço quebrado.
Verifique a hierarquia renderizada
- Leia a página na ordem do esboço e diga qual pergunta cada título introduz.
- Inspecione o DOM renderizado, não apenas o editor do CMS, para conferir os elementos h1, h2 e h3 reais.
- Confirme que a navegação do template, os cards e os rótulos do rodapé não criam sequências de títulos enganosas.
- Verifique acordeões e conteúdo injetado dinamicamente no estado renderizado que o rastreador e o usuário recebem.
- Use a lista de títulos de um leitor de tela ou a árvore de acessibilidade do navegador para encontrar rótulos pulados ou duplicados.
O critério mensurável é estrutural: cada título tem uma seção relacionada, os níveis não implicam uma relação falsa de pai e filho, e o conteúdo principal continua compreensível quando lido como um esboço. Uma página pode estar perfeitamente válida com um H1 e vários H2, mas sem nenhum H3.
Erros comuns com títulos
O erro comum é escolher um título pelo tamanho visual e depois repetir a mesma frase em todos os H2 para atingir uma palavra-chave. Outro é criar vários H1 em componentes reutilizáveis separados, sem revisar a página montada. Uma auditoria de conteúdo deve sinalizar títulos vazios, duplicados, desconectados do conteúdo seguinte ou usados para esconder texto sem relação.