Qual é o problema?
Sua página contém mais de uma tag <h1>. Embora o HTML5 tecnicamente permita vários H1 (dentro de elementos de seção), a boa prática de SEO recomenda exatamente um H1 por página.
Por que um H1 é preferível
Clareza de SEO
- Um único H1 dá aos mecanismos de busca um sinal claro e inequívoco sobre o tema principal da página
- Vários H1s podem confundir os algoritmos de ranking sobre do que a página trata principalmente
- John Mueller, do Google, disse que vários H1s não são um erro, mas um H1 é mais limpo
Hierarquia de conteúdo
- O H1 representa o nível superior da hierarquia do conteúdo
- Vários H1s criam uma estrutura plana em vez de uma pirâmide clara
- Subseções devem usar H2, H3, etc.
Acessibilidade
- Leitores de tela anunciam os níveis de heading aos usuários
- Vários H1s podem tornar a navegação mais confusa para quem depende da estrutura de headings
Como corrigir
Mantenha um H1 para o tema principal e mude os outros para H2 ou inferior:
<!-- Before: multiple H1s -->
<h1>Our Products</h1>
<h1>Featured Items</h1>
<h1>New Arrivals</h1>
<!-- After: proper hierarchy -->
<h1>Our Products</h1>
<h2>Featured Items</h2>
<h2>New Arrivals</h2>
Causas comuns
- Problemas de template — Vários componentes, cada um renderizando o próprio H1
- Plugins de CMS — Widgets ou blocos adicionando H1s extras
- Logo em H1 — Logo do site envolvido em H1 mais o título da página em outro H1
- Seções projetadas de forma independente — Cada seção com o próprio H1
Boas práticas
- Um H1 = um tema principal — O heading definitivo da página
- Use H2 para seções principais — O próximo nível de importância
- Use H3-H6 para subseções — Seguindo a hierarquia
- Audite seus templates — Confira se os componentes não adicionam H1s por conta própria