Vous avez passé des heures à créer la page WordPress parfaite. Le contenu est solide. Les mots-clés sont placés. Votre extension SEO affiche une coche verte.
Mais ouvrez les outils de développement de votre navigateur et inspectez la structure des titres, et vous verrez quelque chose qui peut discrètement tuer votre trafic organique : une hiérarchie de titres brisée. Deux H1. Un titre de site enveloppé dans
. Des sections sautant du H2 directement au H4. Ou pire — pas de H1 du tout.
Ce n'est pas une erreur de débutant. C'est un problème structurel ancré dans la façon dont WordPress, les thèmes, les constructeurs de pages et l'éditeur Gutenberg interagissent — et la plupart des propriétaires de sites ne savent jamais que cela se produit.
Ce guide existe pour corriger cela. Que vous soyez propriétaire d'un site WordPress gérant votre propre contenu, ou une agence créant des sites pour des dizaines de clients, vous repartirez d'ici en sachant exactement comment auditer, diagnostiquer et résoudre définitivement le problème de l'ordre des titres dans WordPress.
Qu'est-ce qu'une balise H1 et pourquoi est-ce important dans WordPress ?
Une balise H1 (
) est l'élément de titre HTML de premier niveau. En HTML sémantique, elle signale aux navigateurs, aux moteurs de recherche et aux technologies d'assistance : « C'est le sujet principal de cette page. »
Considérez les balises de titre comme un plan de document :
H1 – Main page title (only one per page)
├── H2 – First major section
│ ├── H3 – Subsection
│ └── H3 – Another subsection
├── H2 – Second major section
│ ├── H3 – Subsection
│ │ └── H4 – Detail within subsection
└── H2 – Third major section
Sautez un niveau — en passant du H2 au H4 — et vous brisez le plan. Utilisez deux H1 et vous créez une ambiguïté structurelle. Utilisez des balises H3 pour le style visuel et vous introduisez des titres fantômes qui déroutent les robots d'indexation.
Dans WordPress spécifiquement, cela devient vite compliqué. Contrairement à une page HTML statique où vous écrivez chaque balise manuellement, WordPress génère le balisage des titres à partir d'au moins quatre sources différentes simultanément : le modèle d'en-tête du thème, le titre de l'article, le contenu de l'éditeur et tous les widgets ou modules de constructeur de page que vous avez ajoutés.
In July 2026, Google’s Gary Illyes addressed this directly during the SEO Office Hours podcast: arranging headings in semantic order is genuinely helpful for accessibility (especially screen reader users), but it doesn’t significantly impact Google’s ranking algorithms. John Mueller has also stated that multiple H1 tags on a page don’t confuse crawlers and have zero direct SEO impact.
Alors, est-ce que tout cela a de l'importance ?
Oui — mais pas pour la raison que la plupart des guides SEO avancent.
Les vraies raisons de se soucier de la structure des titres dans WordPress sont :
Conformité à l'accessibilité — Le critère de succès 1.3.1 des WCAG 2.1 exige que les informations et les relations soient déterminables par programmation. Des hiérarchies de titres rompues échouent à ce test.
Explorabilité et signaux de contenu — Bien que Google puisse analyser un balisage désordonné, un H1 propre donne le signal le plus clair possible sur le sujet de la page, ce qui compte dans les cas ambigus.
Expérience utilisateur et temps de visite — Les lecteurs parcourent les titres. Une hiérarchie logique les aide à naviguer et à rester plus longtemps — deux signaux de classement indirects.
Propreté de l'audit technique — Pour les agences, les problèmes de titres apparaissent dans chaque outil d'audit (Screaming Frog, Ahrefs, SEMrush, Rank Math, Yoast). Les rapports destinés aux clients paraissent mauvais même si l'impact direct sur le classement est débattu.
Comment WordPress génère les balises de titre : Les quatre sources de conflit
Comprendre pourquoi la structure des titres WordPress est rompue nécessite de comprendre les quatre endroits d'où ils sont générés.
Source 1 : Le modèle d'en-tête du thème
La plupart des thèmes WordPress affichent le titre du site dans la zone d'en-tête. Les thèmes anciens et mal codés enveloppent cela dans une balise
— sur chaque page. Cela signifie que chaque page de votre site commence par le même H1 : le nom de votre marque.
Ensuite, lorsque le titre de la page ou de l'article s'affiche (ce qui devrait être le H1), il devient soit un second H1, soit est rétrogradé en H2.
Voici à quoi cela ressemble dans le fichier header.php:
php
// Broken — site title as H1 on every page
＜h1＞＜?php bloginfo('name'); ?＞＜/h1＞
＜h2＞＜?php the_title(); ?＞＜/h2＞ // Post title wrongly demoted
d'un thème défectueux. À quoi cela devrait ressembler :
php
// Correct — site title is a link or span, post title is H1
＜p class="site-title"＞＜a href="＜?php echo home_url(); ?＞"＞＜?php bloginfo('name'); ?＞＜/a＞＜/p＞
＜h1＞＜?php the_title(); ?＞＜/h1＞
C'est l'un des problèmes de H1 les plus courants dans WordPress et il est totalement invisible à moins d'inspecter le code source de la page. Vous pouvez avoir une extension SEO, un score de lisibilité vert et un contenu parfait — et toujours générer des H1 en double sur chaque page.
Source 2 : L'éditeur de blocs Gutenberg
L'éditeur de blocs WordPress a introduit des changements délibérés dans le comportement du H1. Par défaut, Gutenberg minimise l'option H1 dans le bloc Titre — l'hypothèse est que le titre de l'article s'affiche déjà en H1, donc les titres de la zone de contenu devraient commencer par H2.
En pratique, cela crée deux problèmes :
Problème A : Certains thèmes ne font pas afficher le titre de l'article en H1. Si votre thème affiche le titre dans une balise
ou
pour des raisons stylistiques, et que Gutenberg a masqué le H1 des options du bloc de titre, vous vous retrouvez avec zéro balise H1 sur la page.
C'est exactement la situation signalée dans un problème GitHub de longue date dans le dépôt Gutenberg — les utilisateurs demandant la possibilité de supprimer complètement l'option H1 pour les configurations d'entreprise et d'agence où le H1 est contrôlé au niveau du modèle. Le problème souligne une confusion réelle : le comportement par défaut de l'éditeur et le modèle du thème doivent être explicitement coordonnés, mais WordPress ne fournit aucune vérification automatisée pour cela.
Problème B : Les éditeurs de contenu peuvent toujours sélectionner H1 dans l'éditeur de blocs en changeant le niveau de titre. Si votre thème affiche déjà le titre de l'article en H1, un éditeur ajoutant un autre bloc H1 dans la zone de contenu crée un doublon — et aucun avertissement n'apparaît.
Source 3 : Constructeurs de pages (Elementor, Divi, Beaver Builder)
Les constructeurs de pages sont la plus grande source de chaos dans la hiérarchie des titres sous WordPress.
Voici pourquoi : les constructeurs de pages vous donnent un contrôle visuel granulaire. Vous pouvez faire glisser un élément de texte n'importe où, le styliser comme vous le souhaitez et attribuer n'importe quel niveau de titre. C'est puissant pour le design. C'est désastreux pour la structure.
Le problème de titre typique avec un constructeur de page ressemble à ceci :
Section Hero : H1 (correct) ✓
Titre de la section fonctionnalité : H3 (H2 sauté, choisi parce qu'il « semble mieux ») ✗
Titre de la zone de widget : H2 (ressemble à un titre de section, mais n'est qu'un titre de widget de barre latérale) ✗
Titre de témoignage : H4 (pas de H3 au-dessus) ✗
Titre CTA : H2 (retour à un niveau supérieur, maintenant le plan est complètement non linéaire) ✗
Le résultat est une structure de titres visuellement cohérente mais sémantiquement dénuée de sens. Les lecteurs d'écran et les robots d'indexation qui analysent cela obtiennent un plan de contenu qui saute partout comme une table des matières cassée.
La documentation d'InspectWP identifie explicitement ce modèle : les auteurs et les utilisateurs de constructeurs de pages choisissent les niveaux de titre en fonction de leur apparence plutôt que de leur signification logique — si H3 est la bonne taille visuelle, ils sélectionnent H3, même sans H2 au-dessus.
Source 4 : Widgets et composants de thème
Les zones de widgets WordPress — barres latérales, pieds de page, modules d'en-tête — affichent souvent leurs propres titres. Un widget « Articles récents » peut s'afficher en H2. Une bannière promotionnelle intégrée au thème peut utiliser H3. Aucun de ceux-ci ne fait partie du plan de contenu, mais ils apparaissent dans la structure des titres de la page.
Cela crée un « bruit » d'en-tête qui gonfle la complexité apparente du plan et peut pousser les en-têtes de contenu hors de leur position hiérarchique correcte.
Les 5 problèmes les plus courants de hiérarchie H1 et d'en-têtes dans WordPress
Problème 1 : Le titre du site est enveloppé dans un H1 sur chaque page
À quoi cela ressemble : Chaque page de votre site possède deux H1 — le nom de votre site et le titre de votre article.
Qui est concerné : Les sites utilisant d'anciens thèmes, des thèmes premium mal conçus, ou tout thème où le développeur a utilisé
pour la marque du site.
Comment le détecter : Faites un clic droit sur n'importe quelle page → Inspecter → recherchez
dans le panneau Éléments. Si vous voyez le nom de votre site enveloppé dans un H1 dans la section , vous avez ce problème.
Comment le corriger :
Option 1 : Modification du thème enfant (approche développeur) Dans le fichier de votre thème enfant, header.php, trouvez la sortie du titre du site et remplacez
Option 2 : CSS + aria-label (solution sans code) Si vous ne pouvez pas modifier les fichiers du thème, utilisez le CSS pour réinitialiser le style H1 sur le titre du site :
Remarque : cela masque le problème visuel de H1 mais ne corrige pas le problème structurel. La balise H1 reste dans le balisage.
Option 3 : Passer à un thème bien structuré Les thèmes respectant les normes de codage WordPress (Twenty Twenty-Four, Kadence, GeneratePress, Astra) gèrent cela correctement dès le départ. Si votre thème actuel présente ce problème et que vous n'êtes pas développeur, changer de thème est souvent la solution la plus fiable.
Problème 2 : Absence de H1 sur la page d'accueil
À quoi cela ressemble : Votre page d'accueil ne contient aucun tag H1. Les plugins SEO signalent « Aucun H1 trouvé ».
Qui est concerné : Les sites qui utilisent une image de logo pour la marque (masquant le titre du site), les sites utilisant une page d'accueil statique sans titre visible, ou les sites où le modèle de page d'accueil du thème n'appelle pas the_title().
C'est un problème réel et récurrent sur les forums de support WordPress. La cause est généralement cette séquence : le titre du site est configuré pour s'afficher dans l'en-tête, mais l'utilisateur le masque (ou le remplace par un logo), supprimant ainsi le seul H1 de la page. Comme la page d'accueil n'a souvent pas de « titre d'article » comme un article de blog, aucun H1 n'est généré automatiquement.
Comment le corriger :
Pour la page d'accueil spécifiquement : Ajoutez un H1 à votre section hero ou à votre modèle de page. Cela peut être :
Un en-tête visible (« Nom de votre entreprise | Catégorie de service ») qui sert également de H1
Un H1 visuellement masqué ajouté via CSS (position: absolute; clip: rect(0 0 0 0);) qui fournit le marqueur sémantique sans perturber la conception visuelle
Dans Gutenberg : Ajoutez un bloc En-tête en haut du contenu de votre page d'accueil, réglez-le sur H1 et intégrez-le à votre message principal.
Problème 3 : Niveaux d'en-tête sautés dans le contenu
À quoi cela ressemble : La structure du contenu passe directement de H2 à H4, ou de H1 directement à H3.
Qui est concerné : Toute personne rédigeant du contenu long qui utilise les en-têtes pour le style visuel plutôt que pour la structure sémantique.
Pourquoi est-ce important : Comme le note InspectWP, le saut de niveaux d'en-tête se produit lorsque les auteurs choisissent les niveaux en fonction de l'apparence — le H3 semble correct, donc ils utilisent H3, indépendamment du fait qu'un H2 le précède ou non.
Comment le détecter dans Gutenberg : Cliquez sur l'icône d'information (ⓘ) dans la barre d'outils supérieure de l'éditeur de blocs. Le panneau Plan du document affiche chaque en-tête dans l'ordre et signale les niveaux sautés avec un avertissement.
Comment le corriger :
Auditez votre structure d'en-tête en utilisant le Plan du document avant de publier
Définissez un guide de style de contenu pour votre équipe : H2 pour les sections principales, H3 pour les sous-sections, H4 pour les sous-sous-sections — ne sautez jamais de niveaux
Utilisez l'analyse de contenu de Yoast SEO ou Rank Math — les deux signalent les problèmes de structure d'en-tête
Problème 4 : Plusieurs balises H1 provenant des constructeurs de pages
À quoi cela ressemble : Une page créée avec Elementor ou Divi possède trois ou quatre balises H1 car chaque section principale a son propre titre « H1 » de style hero.
Comment le corriger :
Dans Elementor : Modifiez chaque widget d'en-tête → vérifiez le paramètre Balise HTML → réglez uniquement le titre principal de la page sur H1, et changez tous les autres en H2 ou H3 selon le cas.
Dans Divi : Modifiez les modules d'en-tête → sous Avancé → Balise HTML → changez pour le niveau sémantique correct.
Dans Beaver Builder : Chaque module d'en-tête a un paramètre « Balise d'en-tête » dans l'onglet Style. Auditez chacun d'eux.
Problème 5 : Le problème de visibilité du H1 dans Gutenberg
À quoi cela ressemble : Votre thème n'affiche pas le titre de l'article en tant que H1, et Gutenberg a masqué l'option H1 dans le bloc En-tête. Vos pages n'ont pas de H1.
Comment le corriger :
Pour les développeurs gérant un site où le H1 doit être placé dans la zone de contenu, vous pouvez restaurer l'option H1 en utilisant un filtre dans le fichier de votre thème functions.php:
php
// Allow H1 in the Heading block
add_filter( 'allowed_block_types_all', function( $allowed_blocks ) {
return $allowed_blocks;
});
Alternativement, passez à la vue « Modifier en HTML » pour le bloc Titre et définissez manuellement
dans le balisage.
Pour les configurations d'agence où vous souhaitez empêcher les éditeurs d'ajouter des H1 (car le modèle les contrôle), utilisez le block_editor_settings_all filtre pour restreindre les niveaux de titre dans l'éditeur.
Comment auditer la structure des titres de votre site WordPress (étape par étape)
Méthode 1 : Plugin gratuit SkySEOManager
Utilisez le plugin SkySEOManager et son analyseur SEO intégré pour trouver tous les problèmes liés aux titres.
Méthode 2 : Utilisez l'analyseur SEO gratuit de Siteskyline
Visitez notre analyseur SEO gratuit et entrez votre URL, puis cliquez sur analyser maintenant.
Il vous montrera tous les problèmes avec vos balises de titre.
Hiérarchie H1 WordPress : La liste de contrôle pour les agences
Si vous créez ou maintenez des sites WordPress pour des clients, la structure des titres doit faire partie de votre processus d'audit avant le lancement et en cours de route. Voici une liste de contrôle reproductible :
Au niveau du thème :
Le titre du site dans l'en-tête n'est PAS enveloppé dans
(utilisez
, ou
)
Le titre de l'article/page s'affiche sous forme de
dans ou sur tous les types d'articles
La page d'accueil possède exactement un
— soit à partir du titre du site, soit de la section hero
Les pages d'archives (catégorie, étiquette, auteur) ont un
descriptif
La page 404 possède un
Au niveau du contenu :
Chaque page possède exactement un
dans la zone de contenu (ou zéro si le thème le gère via le titre)
Les sections principales utilisent
Les sous-sections utilisent
imbriquées dans les sections
Aucun niveau de titre n'est ignoré
Les titres ne sont pas utilisés uniquement pour le style visuel
Au niveau du plugin/constructeur :
Les éléments de titre Elementor/Divi/Beaver Builder ont des paramètres de balise HTML corrects
Les zones de widgets ne produisent pas accidentellement de balises H1 ou H2
Les avertissements H1 du plugin SEO sont résolus sur toutes les pages clés
La hiérarchie correcte des titres WordPress — Par type de page
Un modèle ne convient pas à tous les types de pages WordPress. Voici la structure correcte pour chacun :
Article de blog / Page d'article unique
H1: Post Title (output by theme automatically)
H2: First major section
H3: Subsection
H3: Another subsection
H2: Second major section
H3: Subsection
H4: Detail
H2: Third major section
Page d'accueil (page d'accueil statique)
H1: Primary value proposition or page headline
H2: Service category or feature group
H3: Individual service or feature
H2: Testimonials or social proof section
H2: Call to action section
Page produit WooCommerce
H1: Product name (output by WooCommerce template)
H2: Product description heading
H2: Reviews
H2: Related products
Page de catégorie / Page d'archives
H1: Category name (e.g., "WordPress SEO Articles")
H2: Post title within loop (if posts are displayed with headings)
Erreurs courantes qui cassent la structure H1 de WordPress
Erreur 1 : Utiliser des balises de titre pour styliser le texte Si vous voulez un grand texte en gras qui n'est pas un titre de section, n'utilisez pas H2. Ajoutez une classe CSS à un
ou
et stylisez-le visuellement. L'utilisation de balises de titre pour l'esthétique pollue votre plan structurel.
Erreur 2 : Laisser les éditeurs choisir les niveaux de titre à vue d'œil Sans guide de style de contenu, les éditeurs graviteront naturellement vers des niveaux de titre qui apparence semblent corrects. Un bref guide interne — « H2 pour les sections, H3 pour les sous-sections, n'utilisez jamais H1 dans le contenu » — évite la plupart des problèmes.
Erreur 3 : Installer un thème WordPress sans vérifier la structure des titres Tous les thèmes WordPress premium ne produisent pas un balisage de titre correct. Avant de vous engager sur un thème, inspectez un article de démonstration : le titre de l'article s'affiche-t-il en H1 ? Le titre du site évite-t-il d'être H1 sur les pages internes ?
Erreur 4 : Supposer que votre plugin SEO couvre tout Yoast et Rank Math vérifient l'article que vous modifiez. Ils ne détectent pas les problèmes de titres introduits par le modèle d'en-tête de votre thème, les widgets de pied de page ou les modèles de page d'archive. Un audit manuel ou un crawl avec Screaming Frog reste nécessaire.
Erreur 5 : Corriger l'apparence visuelle au lieu de la structure HTML La « correction » la plus courante pour le problème de balise H1 du titre du site consiste à ajouter du CSS pour le rendre plus petit. Cela masque le problème visuellement mais laisse le balisage défectueux en place. Corrigez la balise HTML, pas seulement le style.
Nous utilisons des cookies pour garantir la meilleure expérience sur notre site web. Si vous continuez à utiliser ce site, nous supposerons que vous en êtes satisfait.
