Playbook · Contenu lisible sans JavaScript

Réduire à un seul H1 par page

Un seul H1 décrit clairement le sujet de la page ; la norme HTML en autorise plusieurs, mais ce n'est pas la bonne pratique.

  • DifficultéFacile
  • Temps estimé15 min

Par l’équipe GeoMetrickMis à jour le

Pourquoi c’est important#

  • MDN le résume ainsi : plusieurs <h1> sont permis par la norme HTML (s'ils ne sont pas imbriqués), mais ce n'est pas considéré comme une bonne pratique. Une page devrait avoir un seul H1, qui décrit son contenu, comme le fait son <title>.
  • Un plan de titres sans saut de niveau (h1, puis h2, puis h3) aide aussi les personnes qui naviguent au lecteur d'écran (MDN).
  • Nous n'avons trouvé aucune mesure publiée de l'effet du nombre de H1 sur les réponses des IA : cette correction relève de la structure du document, pas d'un gain promis.

Étapes à suivre#

Vous pouvez les appliquer vous-même, pas à pas, dans l’ordre.

  1. Identifiez tous les <h1> du HTML brut.
  2. Gardez celui qui décrit le mieux le sujet principal, transformez les autres en <h2> ou <h3>.
  3. Ne sautez pas de niveau : un <h3> ne suit pas directement un <h1>.

Exemple#

Structure recommandée
<h1>Sujet principal</h1>
  <h2>Section 1</h2>
  <h2>Section 2</h2>
    <h3>Sous-section</h3>

Sources officielles#

Les affirmations de cette fiche s’appuient sur les pages suivantes, rédigées par les éditeurs concernés.

Fiches voisines#

Dans la même catégorie : Contenu lisible sans JavaScript.

Toutes les fiches du playbook · Qu’est-ce que le GEO ? · Notre méthodologie