Mais de um título de nível 1

O título de nível superior de uma página descreve o assunto de toda a página, portanto, normalmente, cada página deve ter apenas um. A Silktide identifica páginas que repetem o título de nível superior.

Em , o título de nível superior é o elemento <h1>. Ele deve funcionar como o título principal da página, enquanto <h2> a <h6> estruturam o conteúdo abaixo dele:

<!-- Dois títulos de nível superior concorrentes -->
<h1>Nossos serviços</h1>
<h1>Fale conosco</h1>

<!-- Um h1, com h2 para o tópico seguinte -->
<h1>Nossos serviços</h1>
<h2>Fale conosco</h2>

Por que isso é importante

O <h1> tem um peso especial para os mecanismos de pesquisa quando eles determinam sobre o que é uma página e qual título exibir para ela. Vários títulos de nível superior diluem esse sinal e podem fazer com que o texto errado seja usado como título da página nos resultados de pesquisa.

Um único <h1> claro também ajuda as pessoas que usam , que costumam navegar por títulos: um título de nível superior oferece à página um ponto de partida inequívoco.

Como corrigir

Mantenha um <h1> que descreva toda a página e rebaixe os demais para <h2> (ou um nível inferior, de acordo com a posição deles no conteúdo).
Se um elemento tiver o estilo de um título grande, mas não for o tópico principal da página — como um slogan ou um banner promocional — use um nível de título inferior ou, em vez disso, um parágrafo estilizado.
Verifique seus modelos: um logotipo do site ou o cabeçalho de uma seção envolvido em <h1> em todas as páginas é uma causa comum.

Como a Silktide verifica isso

Percorre o conteúdo da página na ordem em que aparece, procurando elementos <h1>.
Trata os elementos de seccionamento do HTML5 (<section>, <article>, <aside>, <details>, <header>, <footer>, <nav>) como escopos separados: um <h1> é permitido dentro de cada um deles, independentemente do restante da página.
Sinaliza cada <h1> adicional encontrado após o primeiro dentro do mesmo escopo.

Solução de problemas

Minha página usa um h1 por seção — isso está errado?

O HTML5 permite um <h1> dentro de cada elemento de seccionamento, e a Silktide aceita esse padrão. Tenha em mente que os mecanismos de pesquisa e as não tratam de forma confiável os <h1> seccionados como níveis aninhados. Por isso, um único <h1> no nível da página, com níveis explícitos de <h2> a <h6>, continua sendo a opção mais robusta.