SEO & visibilité

Balises H1, H2, H3 : structurer une page pour Google et vos lecteurs

5 min de lecture

Sur le site d'un garage, la phrase « Ouvert du lundi au samedi » s'affiche en lettres énormes : quelqu'un a choisi le style « Titre 1 » pour la rendre visible. Le vrai sujet de la page, l'entretien et la réparation automobile à Quimper, apparaît en texte ordinaire. Ce petit choix de mise en forme brouille la structure de la page, que les balises Hn servent justement à clarifier.

Ce que sont les balises H1 à H6

Six niveaux de titres

Dans le code d'une page, les titres sont signalés par des balises numérotées de H1 à H6, le H venant de l'anglais « heading », titre. Le H1 désigne le titre principal de la page, les H2 ses grandes sections, les H3 les sous-parties d'une section. Les niveaux H4 à H6 servent rarement sur le site d'une petite entreprise.

Dans votre outil de création

Inutile de toucher au code : les outils de création de sites proposent ces niveaux dans un menu, sous des noms comme « Titre 1 », « Titre 2 » ou « Heading 2 ». Ne les confondez pas avec la balise title, le titre affiché dans l'onglet du navigateur et dans les résultats de Google, qui se règle à part et que présente l'article sur la balise title et la meta description. Les deux peuvent se ressembler sans être identiques.

Un titre principal par page

Le H1 dit de quoi parle la page, comme le titre d'un chapitre. Il reprend naturellement l'expression que vos clients tapent, sans formule creuse. Quelques exemples pour un fleuriste :

  • page d'accueil : « Fleuriste à Colmar : bouquets, mariages et livraison » ;
  • page de service : « Livraison de fleurs à Colmar et dans les communes voisines » ;
  • page contact : « Horaires, accès et contact de la boutique ».

Google sait lire une page qui contient plusieurs H1, mais un seul titre principal reste la solution la plus claire, pour vos lecteurs comme pour les outils d'accessibilité. La phrase d'ouverture de la page d'accueil, qui sert souvent de H1, se travaille avec la méthode décrite dans l'article pour rédiger la page d'accueil de son site.

Des intertitres qui décrivent le contenu

Lus à la suite, vos H2 doivent former un sommaire : un visiteur pressé qui ne lit qu'eux sait ce que contient la page et où trouver sa réponse. Sur mobile, on parcourt souvent une page de cette façon, en faisant défiler l'écran jusqu'au bon intertitre. Comparez :

  • « Notre savoir-faire » ou « Tarifs des bouquets de mariage » ;
  • « Pourquoi nous choisir ? » ou « Délais de commande et de livraison » ;
  • « Découvrez » ou « Zone de livraison et frais ».

Dans chaque paire, le second intertitre annonce une information précise. Google s'appuie lui aussi sur ces titres pour comprendre l'organisation de la page et le sujet de chacune de ses parties.

Respecter la hiérarchie

Les niveaux s'emboîtent comme le plan d'un dossier : un H3 se place sous un H2, et l'on ne saute pas du H2 au H4 pour obtenir un texte plus petit. Pour une page de service, le plan peut ressembler à ceci :

  • H1 : Rénovation de salle de bains à Tours
    • H2 : Ce que comprend la rénovation
      • H3 : Douche à l'italienne
      • H3 : Carrelage et faïence
    • H2 : Tarifs et devis
    • H2 : Déroulé du chantier

Cette hiérarchie sert aussi les personnes aveugles ou malvoyantes : leur lecteur d'écran permet de sauter d'un titre à l'autre, à condition que les niveaux soient cohérents. L'article sur l'accessibilité d'un site internet présente les autres gestes utiles.

Les erreurs fréquentes

  • Le titre utilisé pour la mise en forme : un niveau de titre choisi pour grossir un horaire, un slogan ou un numéro de téléphone.
  • Le faux titre : un paragraphe mis en gras et agrandi, qui ressemble à un titre sans en être un pour les machines.
  • Le H1 absent ou mal choisi : un logo, un « Bienvenue » ou le seul nom du site en guise de titre principal.
  • Plusieurs H1 imposés par le thème, par exemple dans l'en-tête et dans le pied de page.
  • Le bourrage de mots-clés : « Plombier Tours » répété dans chaque intertitre, ce qui sonne faux et n'aide personne.
  • Le titre à rallonge, qui occupe trois lignes sur un téléphone.

La plupart de ces erreurs viennent d'un même réflexe : choisir un niveau de titre pour son apparence. Réglez la taille et la couleur du texte dans les options de style, et réservez les niveaux de titre à la structure.

Votre contrôle en un quart d'heure

  1. Dans l'éditeur de votre site, cliquez sur chaque titre de vos pages principales et notez le niveau choisi : un seul « Titre 1 » par page, des « Titre 2 » pour les sections.
  2. Passez ces pages dans PageSpeed Insights : la partie consacrée à l'accessibilité signale notamment les titres qui ne se suivent pas dans l'ordre. Des extensions gratuites pour navigateur affichent aussi le plan des titres d'une page.
  3. Lisez vos H2 à la suite, sans le reste du texte, et réécrivez ceux qui n'annoncent rien de précis. Pour le contenu placé sous chaque titre, l'article sur la rédaction SEO prend le relais.
  4. Si la reprise de vos textes vous prend trop de temps, l'option rédaction coûte 200 € HT chez nous, comme l'indiquent nos tarifs.

À lire aussi