Hiérarchie des titres

TL;DR — Les LLM analysent les titres pour construire une carte thématique d'une page avant de lire le corps du texte. Une hiérarchie H1 → H2 → H3 correcte permet au modèle d'identifier quelle section répond à une requête spécifique et de la citer avec précision.

Pourquoi la hiérarchie des titres est importante pour les moteurs IA

Lorsqu'un LLM traite une page web, les titres servent d'index structurel avant la lecture du corps du texte. Le modèle construit une carte thématique : « Cette page a une section sur X, une sous-section sur Y, et une sous-section sur Z. » Cette carte détermine quelle section le modèle lit le plus attentivement lors de la correspondance avec une requête utilisateur.

Une structure de titres plate — tous en <h2> sans sous-sections <h3> — indique au modèle que la page n'a pas de sous-sujets. Chaque section est traitée comme également pertinente, ce qui signifie qu'aucune section ne bénéficie d'un traitement de citation de précision. Une hiérarchie correcte (H2 pour les sections, H3 pour les sous-points) permet au modèle de résoudre les requêtes au niveau du sous-sujet.

Ce n'est pas une préoccupation théorique. Les moteurs IA générant des réponses à des questions spécifiques — « comment ajouter un schema FAQ sur une page Next.js ? » — doivent identifier le paragraphe exact qui répond à la question, pas seulement le titre de l'article. La hiérarchie des titres est le système de navigation qui rend cela possible.

Comment implémenter

• Un <h1> par page — le titre de la page
• <h2> pour les sections principales : « Qu'est-ce que X », « Pourquoi c'est important », « Comment implémenter », « Erreurs courantes »
• <h3> pour les sous-points au sein d'une section
• Ne jamais sauter de niveaux — pas de <h1> → <h3> sans <h2> entre les deux
• Les titres doivent contenir les mots-clés du sujet, pas des étiquettes génériques comme « Plus d'informations »

Erreurs courantes

• Utiliser les balises de titre pour le style visuel — <h3> pour mettre du texte en gras n'est pas structurel ; utilisez plutôt des classes CSS
• Plus d'un <h1> par page — signale aux moteurs IA que la page n'a pas de sujet principal
• Tout le contenu sous une seule section <h2> — ne donne au modèle aucune structure de sous-sujet à naviguer

Sources

• MDN — Éléments de titre
• Google — Comment créer du contenu utile et fiable