Plus d’un titre H1

Le titre de niveau supérieur d’une page décrit le sujet de 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 supérieur.

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

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

<!-- Un h1, avec un h2 pour le sujet suivant -->
<h1>Nos services</h1>
<h2>Contactez-nous</h2>

Pourquoi c’est important

Le <h1> a un poids particulier pour les moteurs de recherche lorsqu’ils déterminent le sujet d’une page et le titre à afficher pour celle-ci. Des titres de niveau supérieur multiples diluent ce signal et peuvent conduire à 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 utilisant 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

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 mis en forme 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 modèles : un logo de site ou un en-tête de section enveloppé dans un <h1> sur chaque page est une cause fréquente.

Comment Silktide effectue ce test

Parcourt le contenu de la page dans l’ordre à la recherche des éléments <h1>.
Traite les éléments de section HTML5 (<section>, <article>, <aside>, <details>, <header>, <footer>, <nav>) comme des contextes distincts : 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 le même contexte.

Dépannage

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

HTML5 autorise un <h1> à l’intérieur de chaque élément de section, et Silktide accepte ce modèle. Sachez toutefois que les moteurs de recherche et les ne traitent pas de manière fiable les <h1> placés dans des sections comme des niveaux imbriqués ; un unique <h1> au niveau de la page, avec des niveaux <h2> à <h6> explicites, reste donc le choix le plus robuste.