Heading Tag <h1>

Uso da Heading Tag <h1>

A tag <h1> representa o título principal de uma página e desempenha papel essencial na comunicação do tema central do conteúdo para usuários e mecanismos de busca.

• Para SEO, o <h1> ajuda buscadores a compreenderem a hierarquia e relevância do conteúdo.
• Melhora a acessibilidade e a experiência de navegação.
• Em páginas de coleções (categorias, listas de produtos, filtros, landing pages), o<h1>normalmente descreve o agrupamento de itens, sendo um dos elementos que mais impacta na interpretação de contexto pelo Google.

Recomendações

Estrutura do <h1>

Todas as páginas devem conter uma única tag <h1>, descritiva e coerente com o conteúdo da página.

Em páginas de coleções (categorias, listas, filtros, landing pages), utilize o nome da coleção como <h1>.

Exemplo:

{{ data.hotsite.name }}

Boas Práticas

• Mantenha apenas uma tag <h1> por página; utilize<h2>e <h3> para subtítulos.
• Mantenha consistência semântica entre <h1>, breadcrumbs e palavras-chave estratégicas.
• Implemente rotinas de validação para assegurar que todas as páginas publicadas incluam um <h1>.
• Teste presença e unicidade da tag <h1> com ferramentas como Lighthouse ou pela aba Elements do navegador.

Benefícios

• Estrutura semântica clara para rastreamento e indexação pelo Google.
• Reforço da relevância de páginas de coleções para palavras-chave estratégicas.
• Maior consistência de SEO em todo o site.
• Melhor acessibilidade e experiência do usuário.

Referência

Google Webmasters: Títulos e cabeçalhos