Tu rédiges un article. Tu ajoutes un gros titre. Puis un autre. Puis encore un autre. Tu changes simplement la taille et le gras du texte. Visuellement, cela peut sembler fonctionner.
Mais en réalité, les titres HTML ont une fonction plus précise. Les balises Hn permettent de structurer le contenu d'une page.
Et comprendre cette structure va t'aider à construire des contenus plus clairs.
Le « H » signifie Heading, c'est-à-dire titre ou en-tête. Les niveaux vont de :
H1 │ H2 │ H3 │ H4 │ H5 │ H6
Dans la majorité des contenus éditoriaux, tu utiliseras principalement H1, H2 et H3. Ces différents niveaux permettent de montrer comment les parties de ton contenu sont organisées entre elles.
Le H1 correspond généralement au titre principal de la page. Par exemple : H1 : Comment choisir ses chaussures de randonnée ? Il donne immédiatement le sujet principal du contenu.
Le lecteur doit pouvoir comprendre, simplement en regardant ce titre, de quoi parle la page. Le H1 constitue donc le point de départ de ta structure.
Une fois ton sujet principal défini, tu peux le découper en grandes parties. Par exemple :
H2 : Définir son type de randonnée H2 : Choisir la bonne semelle H2 : Vérifier l'imperméabilité
Chaque H2 représente une grande partie du contenu. Tu peux donc passer progressivement du sujet général aux différents aspects que tu souhaites expliquer.
Certaines parties peuvent ensuite avoir besoin d'être approfondies. Tu peux alors utiliser des H3. Par exemple :
H2 : Choisir la bonne semelle H3 : Semelle pour terrain sec H3 : Semelle pour terrain humide H3 : Semelle pour terrain montagneux
Le H3 dépend donc logiquement du H2 qui le précède. Il sert à détailler une partie déjà identifiée.
C'est une erreur fréquente. Tu peux avoir envie de transformer une phrase en gros texte simplement parce que tu souhaites qu'elle soit plus visible. Mais un titre HTML n'est pas uniquement une question d'apparence.
Si tu veux simplement agrandir un texte, utilise du CSS. Une balise H2 doit correspondre à un véritable titre ou sous-titre.
Par exemple, ceci peut être un H2 : Comment choisir la bonne semelle ? Alors que cette phrase n'a pas forcément besoin d'être transformée en H2 : « Pense également à vérifier la semelle avant de choisir tes chaussures. »
Le premier annonce une partie du contenu. Le second fait simplement partie d'un paragraphe.
Les niveaux de titres doivent suivre une logique. Évite par exemple :
H1 H3 H2 H4
sans logique particulière. Une structure plus cohérente serait :
La Boussole SEOH1
H2
H3
H2
H3
Tu dois pouvoir comprendre la relation entre les différents niveaux simplement en regardant la structure.
Tu écris un guide : H1 : Comment créer un potager ? Puis tu peux organiser ton contenu de cette manière :
H1 : Comment créer un potager ?
H2 : Choisir l'emplacement
H2 : Préparer le sol
H2 : Choisir les légumes
H3 : Les légumes faciles pour débuter
H3 : Les légumes à planter au printemps
H2 : Entretenir son potager
La structure est immédiatement compréhensible. Tu sais quel est le sujet principal. Tu vois les grandes parties. Et tu comprends quelles informations appartiennent à quelle partie.
Le H1 présente le sujet général. Les H2 organisent les grandes étapes. Les H3 permettent d'aller plus loin dans une partie précise.
Tu pourrais même lire uniquement les titres et comprendre déjà le parcours proposé au lecteur. C'est justement l'un des intérêts d'une bonne hiérarchie.
Définis ton H1
Commence par identifier clairement le sujet principal de ta page. Par exemple : Comment créer un potager ? Ton H1 doit permettre au lecteur de comprendre immédiatement ce qu'il va trouver sur la page. Évite de chercher à le rendre artificiellement compliqué pour y placer plusieurs mots-clés. Le plus important est qu'il corresponde réellement au sujet traité.
Liste les grandes parties
Une fois ton sujet principal défini, demande-toi : « Quelles sont les grandes étapes ou grandes idées nécessaires pour répondre à cette question ? » Pour un guide consacré à la création d'un potager, tu peux avoir : choisir l'emplacement, préparer le sol, choisir les légumes, planifier les plantations, entretenir le potager. Ces grandes idées peuvent ensuite devenir tes H2.
Identifie les sous-parties
Certaines grandes parties peuvent être suffisamment complexes pour nécessiter plusieurs sous-parties. C'est à ce moment-là que les H3 peuvent être utiles. Par exemple : H2 : Choisir les légumes. Tu peux ensuite créer : H3 : Les légumes faciles pour débuter et H3 : Les légumes à planter au printemps. Le H3 vient donc préciser le contenu du H2. Si une partie ne nécessite aucun découpage supplémentaire, il n'est pas nécessaire d'ajouter des H3.
Vérifie la hiérarchie
Relis maintenant tes titres et vérifie que leur niveau correspond bien à leur place dans le contenu. Par exemple :
H1 : Comment créer un potager ? H2 : Choisir l'emplacement H2 : Préparer le sol H2 : Choisir les légumes H3 : Les légumes faciles pour débuter H3 : Les légumes à planter au printemps H2 : Entretenir son potager
La structure est logique. Les H3 appartiennent au H2 « Choisir les légumes ». Ils ne deviennent pas soudainement des sous-parties de « Entretenir son potager ».
Relis uniquement les titres
Voici une méthode très simple pour vérifier ton plan. Cache le texte de ton article et lis uniquement le H1, les H2, les H3. Tu dois déjà pouvoir comprendre la logique générale du contenu. Si tu lis uniquement les titres et que tu ne comprends pas le sujet ou la progression, ton plan mérite probablement d'être retravaillé. Cette méthode permet également de repérer rapidement les parties qui semblent manquer ou celles qui sont mal placées.
Vérifie leur utilité
Enfin, demande-toi si chaque titre correspond réellement à une partie du contenu. Un bon titre doit annoncer une information que le lecteur va effectivement retrouver juste après. Évite donc les titres ajoutés uniquement pour placer un mot-clé ou pour créer artificiellement davantage de sections. Par exemple : H2 : Chaussures de randonnée n'apporte pas forcément beaucoup d'informations. Alors que : H2 : Comment choisir ses chaussures de randonnée ? annonce clairement ce que le lecteur va trouver dans cette partie.
À retenir : les balises Hn ne servent pas simplement à modifier l'apparence du texte. Elles permettent surtout de construire une hiérarchie claire entre les différentes parties d'un contenu.
| Terme | Définition simple |
|---|---|
| H1 | Titre principal d'une page |
| H2 | Titre d'une grande partie du contenu |
| H3 | Sous-partie d'un H2 |
| Heading | Terme anglais utilisé pour désigner un titre HTML |
| Hiérarchie | Organisation des titres selon différents niveaux |
| HTML | Langage utilisé pour structurer le contenu d'une page Web |
| CSS | Langage utilisé notamment pour gérer l'apparence visuelle d'une page Web |
Question 1 — Que signifie le H dans H1, H2 ou H3 ?
Question 2 — Quel rôle joue généralement le H1 ?
Question 3 — À quoi servent les H2 ?
Question 4 — Que faut-il éviter avec les balises Hn ?
Parfait ! Tu sais maintenant construire une hiérarchie H1, H2, H3 cohérente et utiliser les titres pour structurer tes contenus, pas pour les décorer.
Tu sais maintenant comment construire une structure claire avec les Hn.
Mais ton contenu ne doit pas fonctionner comme une île isolée. Il doit être connecté aux autres pages de ton site. Ces connexions peuvent aider ton lecteur à découvrir d'autres contenus utiles. C'est le rôle du maillage interne.