Analyseur de balises H1 et H2 avec des conseils SEO

À quoi servent vraiment les balises H1 et H2

Les balises <h1> à <h6> ne sont pas des balises méta : elles ne se trouvent pas dans le <head> mais dans le corps de la page, et leur contenu est visible par le visiteur. Elles servent à une seule chose, mais une chose essentielle : donner à votre page un plan, une hiérarchie, comme les titres et sous-titres d'un article de journal.

Cette hiérarchie a deux lecteurs. Le moteur de recherche, d'abord, qui s'en sert pour comprendre de quoi parle la page et quels en sont les thèmes secondaires, sans avoir à analyser chaque phrase. Et les personnes qui utilisent un lecteur d'écran, ensuite : leur logiciel leur permet de naviguer de titre en titre pour trouver la section qui les intéresse. Une page sans titres correctement balisés est, pour elles, un mur de texte sans repères.

Un test rapide : lisez uniquement vos <h1> et <h2>, dans l'ordre, en ignorant tout le reste du texte. Si vous obtenez un résumé compréhensible de la page, votre structure est bonne. Si vous obtenez une suite de mots décousus, elle est à revoir.

Les règles à respecter

Un seul H1 par page

Le <h1> est le titre principal, celui qui annonce le sujet de la page entière. Il en faut un, et un seul. La norme HTML5 tolère techniquement plusieurs <h1> à l'intérieur de sections distinctes, mais dans les faits cette souplesse crée surtout de la confusion, et un unique <h1> reste la pratique la plus sûre.

Attention à la confusion la plus fréquente : le <h1> n'est pas le <title>. Le <title> est invisible sur la page et s'affiche dans les résultats de recherche ; le <h1> est le grand titre que le visiteur lit une fois arrivé. Les deux doivent parler du même sujet, sans être obligatoirement identiques mot pour mot.

Une hiérarchie sans trou

Les niveaux se lisent comme un sommaire : le <h1> ouvre la page, les <h2> découpent les grandes parties, les <h3> subdivisent une <h2>, et ainsi de suite. On ne saute pas de niveau : un <h3> qui suit directement un <h1>, sans <h2> entre les deux, casse le plan.

Des titres qui décrivent, pas qui décorent

Un titre doit annoncer ce qui suit. « Nos services » est vague ; « Dépannage informatique à domicile à Nantes » indique au visiteur et au moteur exactement de quoi parle la section. Un titre trop court perd cette valeur, un titre trop long cesse d'être un titre : une ligne suffit dans la grande majorité des cas.

Les erreurs que cet outil détecte le plus souvent

Aucun H1 sur la page. Très fréquent sur les pages d'accueil dont le grand titre est en réalité une image de logo, ou du texte simplement mis en gros avec du CSS. Visuellement il y a bien un titre ; dans le code, il n'y en a aucun.
Plusieurs H1. Souvent le fait d'un thème ou d'un modèle qui applique un <h1> au logo du site en plus du titre de la page. Chaque page se retrouve alors avec deux titres principaux, dont l'un est identique partout.
Un H1 identique sur toutes les pages. C'est le symptôme d'un titre codé une fois dans le modèle et jamais personnalisé. Le moteur ne peut plus distinguer les pages entre elles.
Des H2 utilisés pour la mise en forme. On choisit parfois un <h2> parce qu'il « fait la bonne taille ». Le résultat est une page dont le plan annonce dix grandes parties là où il n'y a qu'un texte suivi. La taille du texte relève du CSS, jamais du choix de la balise.
Un H1 vide ou réduit à une image sans attribut alt. La balise existe mais ne contient aucun texte exploitable. Ajouter un attribut alt descriptif à l'image règle le problème.

Comment lire le rapport

Pour chaque page explorée, l'outil affiche le contenu du <h1>, la liste des <h2> trouvés et un commentaire. Trois choses méritent votre attention en priorité.

Les pages sans H1. Commencez par vos pages les plus importantes : accueil, pages de services, fiches produits. Ce sont celles où l'absence coûte le plus cher.
Les H1 qui se répètent. Faites défiler la colonne des H1 : deux lignes identiques signalent deux pages qui se concurrencent inutilement.
Les pages sans aucun H2. Sur un texte court, c'est normal. Sur une page longue, c'est le signe d'un contenu compact que ni le visiteur ni le moteur n'arrivent à parcourir en diagonale.

Questions fréquentes

Le H1 doit-il contenir mon mot-clé principal ?

Il doit décrire honnêtement le contenu de la page, ce qui revient généralement au même. Forcer un mot-clé dans un titre qui sonne faux dessert davantage la page qu'un titre naturel : le visiteur qui arrive et ne reconnaît pas ce qu'il cherchait repart aussitôt, et ce comportement est bien plus visible qu'un mot placé au bon endroit.

Combien de H2 faut-il par page ?

Autant que la page compte de parties distinctes, ni plus ni moins. Un texte de 300 mots n'a pas besoin de sous-titres. Un guide de 2 000 mots en réclame plusieurs, sans quoi il devient illisible. Le nombre n'est pas un critère en soi.

Le style de mes titres influence-t-il le référencement ?

Non. La couleur, la taille et la police relèvent du CSS et n'ont aucune incidence sur la manière dont le moteur interprète la hiérarchie. Seule compte la balise employée dans le code.

Puis-je masquer un H1 en CSS pour qu'il ne s'affiche pas ?

C'est possible, mais déconseillé. Un titre caché uniquement destiné aux moteurs entre dans une zone grise que Google traite avec méfiance. Si le titre est utile au moteur, il l'est aussi au visiteur : mieux vaut l'afficher, quitte à le styliser plus discrètement.

Continuer l'analyse

Analyser les balises méta (title, description, canonical, Open Graph) de vos pages.
Vérifier la validation W3C : une balise de titre mal fermée fausse toute la hiérarchie.
Extraire le texte de vos pages pour en relire le contenu d'un seul bloc.
En savoir plus sur les balises H1 et H2 et leur place parmi les balises méta.

Analyser les balises H1 et H2 de votre site