Balises Hn

À quoi elles servent réellement

Une balise Hn est une déclaration de structure, et non un élément de mise en forme. Elle dit « ceci est un titre de niveau 2 », donc « une nouvelle sous-partie commence ici ». Mettre du texte en gros et en gras produit le même effet visuel sans porter aucune information de structure, et c'est une erreur fréquente sur les sites construits avec des éditeurs visuels.

Trois publics lisent cette structure, et c'est ce qui justifie d'y prêter attention.

• Vos lecteurs. Personne ne lit une page web de bout en bout, on la parcourt en diagonale en cherchant la section qui nous concerne. Les sous-titres sont ce qui rend ce parcours possible.
• Les moteurs de recherche. Ils s'appuient sur cette hiérarchie pour comprendre l'organisation du contenu et identifier quel passage répond à quelle question.
• Les technologies d'assistance. Les lecteurs d'écran permettent de naviguer de titre en titre, et d'afficher la liste des titres d'une page pour sauter directement à une section. Une structure incohérente rend cette navigation confuse, et c'est le cas où une erreur de niveau a la conséquence la plus concrète.

Google s'en sert aussi pour composer le titre affiché dans ses résultats. Quand la balise title est vide, générique ou trompeuse, le H1 et les intertitres font partie des textes qu'il utilise pour la remplacer.

Cinq règles fausses qui circulent

Comment écrire un bon sous-titre

Les outils d'audit contrôlent les niveaux de titre, jamais ce que les titres disent. Un bon sous-titre nomme le contenu de sa section, un mauvais pose une étiquette qu'on pourrait coller sur n'importe quelle page. Méfiez-vous aussi du défaut inverse, le sous-titre accrocheur qui promet une révélation sans dire de quoi il parle.

Prenons l'exemple d'une page consacrée aux pompes à chaleur air-eau.

Lisez uniquement les sous-titres de votre page. En obtenez-vous un résumé cohérent de son contenu ? Si oui, votre structure est bonne. Si vous obtenez une suite d'étiquettes interchangeables, elle ne sert ni vos lecteurs, ni les moteurs.

Ce que change l'extraction par passages

Depuis 2021, d'abord sur les recherches en anglais aux États-Unis, Google peut classer une page grâce à un seul de ses passages, quand ce passage répond précisément à une requête alors que le reste de la page traite d'autre chose. Les moteurs génératifs travaillent aussi par fragments. Ils récupèrent des passages, en tirent leur réponse et citent la page d'où vient chacun. Dans les deux cas, le moteur doit repérer où commence et où finit une idée, et c'est précisément l'information que porte une structure Hn correcte.

Sur les pages qui répondent à des questions, j'organise donc chaque section de la même façon.

1. Un sous-titre formulé comme la question

   Reprenez la formulation que les gens emploient réellement. C'est le repère qui permet d'identifier de quoi traite la section.

2. La réponse immédiatement en dessous

   Nette, autonome, comprise hors contexte, en quelques dizaines de mots. Avant tout développement, avant toute mise en contexte.

3. Le développement ensuite

   Nuances, exemples, cas particuliers. Quelqu'un qui s'arrête après la réponse a déjà ce qu'il cherchait.

Cette organisation sert trois objectifs d'un coup : elle facilite la lecture humaine, elle vous rend éligible à la position zéro, et elle vous rend citable par les moteurs génératifs. Le sujet est développé sur GEO.

Les erreurs qui comptent vraiment

Six défauts bien réels passent souvent inaperçus, parce que les outils d'audit ne les signalent pas ou les noient parmi des alertes sans conséquence.

1. Utiliser des Hn pour la mise en forme. Mettre un H3 sur un mot parce qu'on le veut plus gros. Cela crée une fausse structure et désoriente aussi bien les moteurs que les lecteurs d'écran.
2. À l'inverse, mettre en gras au lieu d'un titre. Le texte a l'air structuré à l'écran et ne l'est pas dans le code. Fréquent avec les éditeurs visuels.
3. Un H1 générique. « Bienvenue » ou « Accueil » sur une page d'accueil gaspille un emplacement stratégique.
4. Des sous-titres qui n'annoncent rien. Le lecteur qui parcourt la page ne sait pas où s'arrêter, et le moteur ne sait pas quel passage répond à quelle question.
5. Le H1 dans le gabarit plutôt que dans la page. Certains thèmes placent le H1 sur le nom du site, ce qui donne le même H1 sur toutes les pages. À vérifier dans le code source.
6. Aucune structure sur les pages longues. Trois mille mots sans sous-titre se lisent mal et ne se parcourent pas, et chaque passage perd le repère qui aurait dit au moteur de quoi il traite.

Le H1 et la balise title

On les confond souvent, alors qu'ils ne servent pas au même moment.

La balise title s'affiche dans les résultats de recherche et dans l'onglet du navigateur, jamais sur la page. Elle est écrite pour quelqu'un qui hésite entre dix résultats : elle doit donner envie de cliquer, et tenir dans l'espace affiché.

Le H1 est le premier titre visible par un visiteur déjà arrivé. Il doit confirmer qu'il est au bon endroit. Il peut être plus long, plus naturel, moins soumis à la contrainte d'espace.

Les rendre identiques n'est pas une faute, mais c'est souvent une occasion manquée, puisque ce sont deux textes qui répondent à deux besoins différents. Écrivez tout de même un H1 qui pourrait servir de titre dans les résultats, car c'est l'un des premiers textes que Google reprend quand il juge votre title inutilisable.

Questions fréquentes