Les balises Hn (H1, H2, H3)

Les balises Hn (H1, H2, H3...) donnent au moteur et à l'IA un plan hiérarchique de votre contenu, indépendant de sa mise en forme visuelle. Une hiérarchie propre facilite la compréhension globale de la page et le découpage en blocs exploitables.

La hiérarchie sémantique correcte

Les balises de titre forment un arbre logique : le H1 est le titre principal de la page, les H2 en sont les sections principales, les H3 des sous-sections de ces H2, et ainsi de suite. Ce n'est pas un outil de mise en forme (grossir un texte) mais un outil de structuration du sens.

<h1>Guide complet de la facturation électronique</h1>
  <h2>Pourquoi la facturation électronique devient obligatoire</h2>
  <h2>Les formats de fichiers acceptés</h2>
    <h3>Format Factur-X</h3>
    <h3>Format UBL</h3>
  <h2>Comment choisir sa plateforme de dématérialisation</h2>

Sauter un niveau (passer d'un H1 directement à un H3, par exemple) casse cette logique et rend plus difficile, pour une machine, de comprendre à quel niveau de détail se situe un passage donné.

Un seul H1 par page

La règle la plus simple à retenir : une page doit avoir un seul H1, qui résume le sujet central de la page — généralement proche, mais pas nécessairement identique, du contenu de la balise Title. Plusieurs H1 sur une même page (fréquent avec certains thèmes ou builders visuels, ou avec certains composants de mise en page réutilisés sans y penser) diluent le signal envoyé sur le sujet principal.

Le H1 et le title peuvent différer légèrement dans leur formulation : le title est souvent optimisé pour l'affichage dans les résultats de recherche (avec le nom de la marque, par exemple), tandis que le H1 peut se concentrer uniquement sur le sujet, sans élément de marque. Cette différence est normale et ne pose pas de problème, tant que les deux textes décrivent bien le même sujet central sans se contredire.

Structurer en questions pour faciliter le chunking

Un LLM découpe le contenu d'une page en blocs (chunks) pour l'indexer ou en extraire une réponse — un mécanisme détaillé dans la leçon sur le chunking. Formuler vos H2 et H3 sous forme de questions concrètes augmente la probabilité qu'un bloc entier réponde de façon autonome à une requête utilisateur, sans dépendre du contexte des paragraphes voisins.

Avant : Avantages Après : Quels sont les avantages de la facturation électronique pour une PME ?

Avant : Mise en œuvre Après : Comment mettre en place la facturation électronique en 3 étapes ?

Un H2 formulé comme une question, suivi d'une réponse directe dans les premières phrases du paragraphe, correspond exactement au format qu'une IA cherche à extraire pour construire sa propre réponse. Cette logique ne s'applique pas uniformément à tous les H2 d'une page : un sommaire d'article peut légitimement mélanger des titres affirmatifs (« Définition et enjeux ») et des titres interrogatifs (« Combien coûte la mise en place ? »), tant que chaque section, prise isolément, reste compréhensible sans dépendre du paragraphe précédent.

Erreurs fréquentes

• Utiliser les Hn uniquement pour leur rendu visuel (une balise <h3> choisie parce qu'elle « a la bonne taille »), en ignorant la hiérarchie logique.
• Mettre le nom de l'entreprise ou un slogan en H1 au lieu du sujet réel de la page.
• Multiplier les niveaux de titres sur un contenu court, ce qui fragmente inutilement l'information et nuit à la lisibilité d'ensemble.
• Laisser un thème ou un plugin générer automatiquement des H2 vides ou redondants (ex. « Sommaire », « Introduction » sans contenu réel dessous).
• Formuler deux H2 quasiment identiques sur une même page (« Nos avantages » et « Nos points forts »), ce qui brouille la distinction entre les sections pour un lecteur automatique.
• Insérer des mots-clés dans les Hn de façon artificielle, au détriment de la lisibilité pour un lecteur humain — la logique de structuration ne doit jamais primer sur la clarté de la phrase.

Vérifier la hiérarchie de vos pages

Un rapide passage dans l'inspecteur du navigateur (ou un outil listant les balises Hn d'une page) suffit à repérer les incohérences : plusieurs H1, sauts de niveau, ou titres vides. Corriger cette structure ne demande généralement aucun changement visuel si votre CSS est déjà découplé du HTML sémantique — voir la leçon sur le HTML5 sémantique pour aller plus loin sur ce découplage.

La longueur et le contenu d'un bon H2

Un H2 trop court (« Avantages », « FAQ », « Tarifs ») fonctionne comme repère visuel pour un humain qui scanne la page, mais transmet peu d'information à une machine qui doit juger, sans contexte, de la pertinence du bloc qui suit. À l'inverse, un H2 trop long (une phrase entière de 20 mots) perd en lisibilité et en scannabilité pour le lecteur humain. L'équilibre recommandé se situe généralement entre 5 et 12 mots, suffisant pour poser une question ou une affirmation complète, sans devenir un paragraphe déguisé.

Un autre réflexe utile : relire uniquement la liste de vos H2 et H3, sans le corps du texte, comme le ferait un outil qui construit un sommaire automatique. Si cette liste seule permet de deviner le contenu de la page avec un bon niveau de précision, la hiérarchie remplit son rôle. Si elle ne forme qu'une suite de mots vagues, c'est le signe qu'il faut la retravailler.