Hiérarchie des titres

Les titres servent à la hiérarchisation de votre contenu. Un bon titre devrait décrire le contenu qui le suit de façon simple et concise.

Les explications qui suivent doivent être respectées afin de permettre aux personnes visitant votre page de mieux visualiser mentalement la hiérarchie au sein de la page. En bonus, cela sera fortement bénéfique à l’optimisation de votre site pour le référencement ! En effet, les moteurs de recherche sont friands de pages bien construites et bien hiérarchisées, avec des niveaux de titres bien identifiables et concis.

Bien utiliser les différents niveaux de titres disponibles Bien utiliser les différents niveaux de titres disponibles

Le niveau de titre utilisé est important. Le niveau de titre H1 (de l’anglais heading 1) devrait généralement être réservé au le titre de la page ou de l’article. Sur la plupart des thèmes, le niveau de titre H1 sera automatiquement utilisé pour le titre que vous avez donné à la publication. Vous n’avez donc généralement pas à l’utiliser dans le contenu de celle-ci.

Utilisez les niveaux de titres H2, H3 et H4 pour diviser votre contenu en sections logiques. Exactement comme dans la table des matières d’un livre.

Haut ↑

La hiérarchie des titres doit être cohérente La hiérarchie des titres doit être cohérente

Ne sautez pas de niveaux de titre. Par exemple, un titre de niveau 3 (H3) doit toujours venir après un titre de niveau 2. SI vous voulez insérer une nouvelle section de contenu après une section débutant par un titre de niveau 2, vous n’avez donc que deux choix :

  • ✅ Utiliser à nouveau un titre de niveau 2 : la section aura alors la même valeur que la précédente.
  • ✅ Utiliser un titre de niveau 3 : vous créerez donc une sous-section de la section précédente.
  • ❌ Vous ne pouvez pas mettre directement un titre de niveau 4.

Ne vous laissez pas piéger par l’apparence des niveaux de titres Ne vous laissez pas piéger par l’apparence des niveaux de titres

Choisissez vos niveaux de titre en fonction de votre contenu et non en fonction de leur taille ou de leur couleur de police.

De cette façon, les moteurs de recherche ainsi que les lecteurs d’écrans (il s’agit des logiciels utilisés par les personnes mal ou non-voyantes) seront à même de mieux comprendre la structuration et le sens de vos pages. Les titres sont les délimitations de la structure de votre contenu.

Les contenus disposant d’une bonne structuration se positionnent mieux sur les moteurs de recherche. Utilisez les titres pour diviser vos publications en blocs de contenus identifiables en un coup d’œil.

Astuce : si vous n’aimez pas la taille de vos titres, vous pouvez la modifier très simplement via l’éditeur de blocs, sans changer le niveau hiérarchique associé au bloc titre.

Pour cela, utilisez simplement la colonne latérale de réglages d’un bloc titre inséré dans votre publication.

De la même façon, il est possible d’en changer la couleur en quelques secondes.

Capture d'écran des réglages du bloc Titre dans l'éditeur de WordPress.
modification de la taille et de la couleur de police d’un titre sans impact sur son niveau hiérarchique, à l’aide de la colonne latérale de réglages du bloc.

Haut ↑

Vérifier rapidement la hiérarchie de vos titres avec l’éditeur de blocs Vérifier rapidement la hiérarchie de vos titres avec l’éditeur de blocs

L’éditeur de blocs de WordPress intègre une fonctionnalité très intéressante pour vérifier la cohérence de la hiérarchie de vos titres : l’aperçu du document.

Cette fonctionnalité est accessible via le bouton Détails, situé dans la barre supérieur de l’éditeur :

Capture d'écran de la barre d'outil supérieure de l'éditeur
Si vous naviguez à l’aide d’un lecteur d’écran, le bouton en question porte le libellé « Détails ».

Si vous dépliez ce panneau, vous aurez alors accès à la hiérarchisation de votre page. La capture d’écran ci-dessous montre ce que cela donne pour une page de la documentation de WordPress :

Haut ↑

Exemple de structuration type d’une publication Exemple de structuration type d’une publication

Voici le type de structuration que l’on peut par exemple obtenir :

  • Titre de niveau 1 (titre de la publication)
    • Titre de niveau 2
      • Titre de niveau 3
    • Titre de niveau 2
      • Titre de niveau 3
        • Titre de niveau 4
      • Titre de niveau 3
        • Titre de niveau 4

Si nous prenons en exemple l’article que vous consultez actuellement, voici la structuration utilisée :

  • Titre de niveau 1: Hiérarchie des titres
    • Titre de niveau 2: Bien utiliser les différents niveaux de titres disponibles
    • Titre de niveau 2: La hiérarchie des titres doit être cohérente
      • Titre de niveau 3 : Ne vous laissez pas piéger par l’apparence des niveaux de titres
    • Titre de niveau 2: Vérifier la hiérarchie de vos titres en un clin d’œil dans l’éditeur de blocs
    • Titre de niveau 2 : Exemple de structuration type d’une publication

Rédigé par Jb Audras le 03 janvier 2021
Relu par Marie Comet
Dernière mise à jour le 04 janvier 2021

Contribuer à la documentation en français de WordPress