Plus d’un titre de niveau 1

Le titre de niveau 1 d’une page décrit ce dont traite l’ensemble de la page; chaque page ne devrait donc normalement en avoir qu’un seul. Silktide signale les pages qui répètent leur titre de niveau 1.

En , le titre de niveau supérieur est l’élément <h1>. Il doit agir comme le gros titre de la page, les <h2> à <h6> structurant le contenu en dessous :

<!-- Deux titres de niveau supérieur en concurrence -->
<h1>Nos services</h1>
<h1>Nous joindre</h1>

<!-- Un seul h1, avec un h2 pour le sujet suivant -->
<h1>Nos services</h1>
<h2>Nous joindre</h2>

Pourquoi c’est important

Le <h1> est particulièrement pris en compte par les moteurs de recherche lorsqu’ils déterminent le sujet d’une page et le titre à afficher. Des titres de niveau supérieur multiples diluent ce signal et peuvent mener à l’utilisation d’un texte inapproprié comme titre de la page dans les résultats de recherche.

Un <h1> unique et clair aide aussi les personnes qui utilisent des , qui naviguent souvent par titres : un seul titre de niveau supérieur donne à la page un point de départ sans ambiguïté.

Comment corriger le problème

Conservez un seul <h1> qui décrit l’ensemble de la page et rétrogradez les autres en <h2> (ou à un niveau inférieur, selon leur place dans le contenu).
Si un élément est stylisé comme un grand titre mais ne correspond pas au sujet principal de la page — un slogan, une bannière promotionnelle — utilisez plutôt un niveau de titre inférieur ou un paragraphe mis en forme.
Vérifiez vos gabarits : un logo de site ou un bandeau de section enveloppé dans un <h1> sur chaque page est une cause fréquente.

Comment Silktide teste ce point

Parcourt le contenu de la page dans l’ordre, à la recherche d’éléments <h1>.
Considère les éléments de section HTML5 (<section>, <article>, <aside>, <details>, <header>, <footer>, <nav>) comme des portées distinctes : un <h1> est autorisé à l’intérieur de chacun d’eux, indépendamment du reste de la page.
Signale tout <h1> supplémentaire trouvé après le premier dans la même portée.

Dépannage

Ma page utilise un h1 par section — est-ce incorrect ?

HTML5 autorise un <h1> à l’intérieur de chaque élément de section, et Silktide accepte ce modèle. Sachez que les moteurs de recherche et les ne traitent pas de façon fiable les <h1> par section comme des niveaux imbriqués, donc un seul <h1> au niveau de la page avec des niveaux explicites <h2>-<h6> demeure le choix le plus robuste.