Audit de site web › Balise h1 : exemples

Balise h1 : exemples concrets et erreurs courantes

En bref : la balise <h1> est le grand titre d'une page. Elle doit dire en une phrase ce que la page propose, puis laisser les <h2> et <h3> découper le contenu. Google s'en sert, avec d'autres éléments, pour comprendre la page et composer son titre dans les résultats ; les lecteurs d'écran s'en servent pour naviguer. Vous trouverez ci-dessous des exemples avant et après pour trois types de page, une méthode pour vérifier votre h1 en 30 secondes et les pièges propres à WordPress et à Wix.

À quoi sert la balise h1

Le HTML prévoit six niveaux de titres, de <h1> à <h6>. La norme du langage, tenue par le WHATWG, l'explique simplement : le h1 sert à une section de premier niveau, le h2 à une sous-section, le h3 à une sous-sous-section, et ainsi de suite. Le h1 est donc le titre de la page entière, comme le titre d'un livre, et les h2 sont ses chapitres.

Trois publics le lisent :

• Vos visiteurs, qui décident en deux secondes s'ils sont au bon endroit. Un « Bienvenue » ne leur apprend rien ; « Plombier chauffagiste à Angers » répond tout de suite.
• Les personnes qui utilisent un lecteur d'écran, qui sautent de titre en titre pour parcourir la page. Le W3C, qui publie les règles d'accessibilité du web, recommande de ne pas sauter de niveau (un h2 suivi directement d'un h4, par exemple), car cela brouille la lecture. En France, le référentiel d'accessibilité RGAA contrôle la même chose dans son critère 9.1 : l'information est-elle structurée par des titres pertinents ?
• Google, qui cite le h1 parmi les sources qu'il utilise pour écrire le titre d'une page dans ses résultats, à côté de la balise <title> et du titre le plus visible de la page. Il conseille d'ailleurs de faire ressortir clairement le titre principal, « par exemple […] en l'insérant dans le premier élément <h1> de la page ».

Ce que Google dit vraiment (et ce qu'il ne dit pas)

Beaucoup d'articles affirment qu'un h1 manquant ou en double « pénalise » un site. Ce n'est pas ce qu'écrit Google. Dans son guide de démarrage du référencement, il range parmi les idées reçues le nombre et l'ordre des titres : pour les lecteurs d'écran, un ordre logique est « très bien », mais pour la recherche Google, les titres « peuvent être dans le désordre, peu importe », et il n'existe « pas non plus de nombre idéal de titres ». Il ajoute seulement : si vous pensez qu'il y en a trop, c'est probablement le cas.

Le même guide recommande de diviser les contenus longs en sections et de « fournir des titres pour aider les utilisateurs à parcourir vos pages ». Le bon h1 n'est donc pas une astuce de classement : c'est un titre utile, qui aide aussi Google à savoir de quoi parle la page. Nous ne vous promettons aucune place gagnée en le corrigeant.

Côté norme, plusieurs h1 sont permis. Le WHATWG demande seulement qu'au moins un titre soit de niveau 1 et que chaque titre ne descende jamais de plus d'un niveau à la fois par rapport au précédent : un h3 directement sous un h1 est non conforme. Un seul h1 par page reste la convention la plus simple, et c'est celle que nous conseillons.

Exemples bons et mauvais, par type de page

Les extraits ci-dessous montrent seulement les titres. Ils s'inspirent des erreurs que l'on retrouve le plus souvent sur les sites vitrines ; l'entreprise est fictive.

1. La page d'accueil d'un artisan

<header>
  <h1><img src="logo.png"></h1>
</header>
<section class="slider">
  <h1>Bienvenue sur notre site</h1>
  <h1>Devis gratuit</h1>
</section>

<header>
  <a href="/"><img src="logo.png" alt="Durand Plomberie"></a>
</header>
<h1>Plombier chauffagiste à Angers et 20 km autour</h1>
<h2>Dépannage de fuites et de chauffe-eau</h2>
<h2>Installation de salle de bains</h2>
<h2>Zone d'intervention et horaires</h2>

2. Une page de service

<h1>Nos prestations</h1>
<p>Découvrez ce que nous faisons.</p>
<h4>Remplacement de chauffe-eau</h4>
<h4>Détartrage</h4>

<h1>Remplacement de chauffe-eau à Angers</h1>
<h2>Électrique, thermodynamique ou gaz : comment choisir</h2>
<h2>Déroulement de l'intervention</h2>
  <h3>Avant : la visite et le devis</h3>
  <h3>Le jour J : dépose et pose</h3>
<h2>Questions fréquentes</h2>

3. Un article de blog

<h1>Durand Plomberie</h1>   <!-- nom du site, sur toutes les pages -->
<h1>Conseils</h1>
<h2>Comment purger un radiateur ?</h2>
<h3><strong>Astuce :</strong> prévoyez une serpillière</h3>

<p class="site">Durand Plomberie</p>
<article>
  <h1>Comment purger un radiateur en 5 étapes</h1>
  <h2>Quand faut-il purger ?</h2>
  <h2>Le matériel nécessaire</h2>
  <h2>Les 5 étapes</h2>
  <p><strong>Astuce :</strong> prévoyez une serpillière.</p>
</article>

Les 7 erreurs les plus fréquentes

1. Pas de h1 du tout : le grand titre est un simple texte mis en gros caractères. Visuellement, rien ne change ; dans le code, la page n'a pas de titre.
2. Un h1 vide ou réduit à une image sans texte alternatif : souvent le logo, ou un retour à la ligne resté dans un bloc de titre.
3. Le même h1 sur toutes les pages : nom de l'entreprise, « Accueil » ou « Nos services ». Chaque page mérite un titre qui lui est propre.
4. Un h1 qui ne dit rien : « Bienvenue », « Bonjour », « Votre satisfaction, notre priorité ».
5. Des niveaux choisis pour leur taille : un h4 parce qu'il « rend mieux », un h2 pour mettre une phrase en valeur. La taille se règle dans le style ; le niveau suit le plan.
6. Un h1 bourré de mots-clés : « Plombier Angers plombier pas cher dépannage plomberie Angers ». Il se lit mal, et Google déconseille le bourrage de mots-clés dans ses règles sur le spam.
7. Un h1 caché au visiteur (texte blanc sur fond blanc, display:none) pour plaire aux moteurs : c'est aussi l'une des pratiques décrites dans ces règles, le texte caché.

Vérifier son h1 en 30 secondes

Méthode 1 : le code source

Ouvrez la page dans Chrome, Edge ou Firefox, puis faites Ctrl + U (Cmd + Option + U sur Mac) pour afficher le code source. Lancez une recherche avec Ctrl + F et tapez <h1. Le compteur indique combien il y en a ; lisez le texte qui suit chacun. Le code source montre la page telle que le serveur l'envoie : si votre site construit ses titres en JavaScript, utilisez la méthode 2.

Méthode 2 : la console du navigateur

Faites un clic droit sur la page, choisissez « Inspecter », puis ouvrez l'onglet « Console ». Collez cette ligne et validez avec Entrée :

[...document.querySelectorAll('h1,h2,h3')].map(t => t.tagName + ' ' + t.textContent.trim())

Vous obtenez la liste des h1, h2 et h3 dans l'ordre de la page, ce qui révèle à la fois le nombre de h1 et les sauts de niveau. Chrome peut refuser le premier collage et vous demander de taper une phrase de confirmation : c'est une protection normale. Ne collez dans la console que des commandes dont vous comprenez l'effet ; celle-ci se contente de lire la page.

Méthode 3 : sans rien installer, pour votre page d'accueil

Notre vérification gratuite compte les h1 de votre page d'accueil, en même temps que le title, la description, le HTTPS et l'affichage mobile, en 10 secondes et sans inscription.

Le cas WordPress

Dans l'éditeur de blocs, chaque titre est un bloc « Titre » dont vous choisissez le niveau (H1 à H6) dans la barre d'outils. La documentation de WordPress indique aussi où voir le plan de la page : l'onglet de structure (« Outline » dans la version anglaise) de la vue d'ensemble du document liste tous les titres de la page en cours d'édition.

Le piège classique : le titre de la page ou de l'article est déjà affiché en h1 par la plupart des thèmes. Si vous ajoutez un bloc H1 dans le contenu, la page en a deux. Commencez donc votre contenu par des H2. Autre piège, le nom du site : certains thèmes le placent en h1 dans l'en-tête de chaque page. Vérifiez une page intérieure avec la méthode 1 ; si c'est le cas, le niveau se règle dans le thème ou dans l'éditeur de site (bloc « Titre du site »). Pour les autres soucis de visibilité propres à WordPress, voyez pourquoi un site WordPress n'apparaît pas sur Google.

Le cas Wix

Chez Wix, le niveau d'un titre se change sans toucher à son apparence. L'aide de Wix sur les balises de titre (en anglais) décrit le chemin : sélectionner le texte, « Modifier le texte », puis « SEO et accessibilité », et choisir la balise dans la liste déroulante. Les thèmes de texte de titre du site correspondent, par défaut, aux niveaux H1, H2, et ainsi de suite.

La même page signale un piège peu connu : une ligne vide laissée dans un texte au style de titre 1 produit une balise h1 vide. Après chaque modification, contrôlez la page publiée avec la méthode 1 ou 2. Et si votre site Wix reste introuvable, notre guide site Wix absent de Google passe en revue les autres causes.

h1 et balise title : ne pas confondre

Le h1 est visible sur la page. La balise <title> est dans l'en-tête du code : on la voit dans l'onglet du navigateur et, souvent, comme titre bleu dans Google. Les deux parlent du même sujet, mais ne sont pas obligés d'être identiques :

<title>Remplacement de chauffe-eau à Angers | Durand Plomberie</title>
...
<h1>Remplacement de chauffe-eau à Angers</h1>

Pour rédiger le title et la description, suivez notre guide balise title et meta description.

Ce contrôle dans notre audit à 19 €

Le point 1.3 de l'Audit express s'intitule « Un seul titre H1 et une hiérarchie H2/H3 logique ». Il est contrôlé sur votre page d'accueil et jusqu'à 4 pages internes. Le rapport indique, page par page, s'il manque un h1 ou s'il y en a plusieurs, avec la correction à faire. Une page d'accueil sans h1 est classée « majeur » dans le plan d'action : c'est la page que tout le monde voit en premier. Plusieurs h1 sur une page sont classés « mineur », puisque ni la norme ni Google ne l'interdisent.

Ce point fait partie des 20 contrôles (8 de référencement, 6 de vitesse, 6 d'accessibilité) livrés dans un rapport sous 24 h pour 19 € TTC. Avant de commander, regardez un exemple de rapport d'audit et, pour comparer avec d'autres offres, notre page sur le prix d'un audit de site.

Mis à jour le 6 octobre 2026. Sources consultées ce jour : norme HTML du WHATWG (titres et plan du document), tutoriel « Headings » du W3C WAI, critère 9.1 du RGAA 4.1.2, documentation Google Search Central (guide de démarrage du référencement, liens de titre, règles sur le spam), documentation WordPress du bloc Titre, aide de Wix sur les balises de titre.

À lire aussi : les Core Web Vitals (LCP, INP, CLS) expliqués simplement · le prix d'un audit de site et ce qu'il comprend · auditer soi-même son site vitrine en 10 vérifications · mon site n'apparaît pas sur Google, 9 causes et solutions.

Guide rédigé par un agent d'intelligence artificielle (Claude) pour Pierre, PGA WEBCORPO. Publié le 2026-10-06.