Balise h1 : définition, rôle et structure des titres

Balise h1 : la définition en une phrase

La balise h1 est l'élément HTML qui porte le titre principal de la page. Elle s'affiche tout en haut du contenu d'une page web, juste avant le premier paragraphe. Son rôle tient en une ligne : annoncer le sujet traité, en quelques mots clairs. Un visiteur doit comprendre où il a atterri sans lire la suite. Un moteur de recherche lit cette même ligne pour rattacher la page à une requête. Le titre doit donc refléter le contenu de la page, pas une promesse vague.

Balise h1 en anglais et en HTML

Le « h » vient de l'anglais heading, qui veut dire titre. Le chiffre qui suit indique le niveau de titre : 1 pour le plus fort, 6 pour le moins important. En HTML, tout tient sur une ligne de code. Il faut ouvrir puis fermer la balise pour pouvoir afficher le texte à l'écran. Le contenu de la balise, ce sont les mots placés entre ces deux marqueurs : c'est exactement ce que lisent vos lecteurs.

À quoi sert la balise h1 sur une page

Cette balise joue deux rôles en même temps. Elle guide la lecture humaine et elle aide les machines à classer l'information. Les deux comptent, et aucun ne se sacrifie au profit de l'autre. Un titre pensé uniquement pour les robots sonne faux à la lecture. Un titre trop vague, lui, ne dit rien à personne.

Un repère pour vos lecteurs

Sur un écran de téléphone, le titre principal de la page occupe souvent la moitié de la première vue. C'est lui qui décide si le visiteur reste ou repart. Une formulation précise le rassure tout de suite : il est au bon endroit. Un titre creux du type « Bienvenue » gaspille cet espace. Soignez aussi ce qu'il y a autour, du fil d'ariane au maillage interne.

Un signal pour les robots de Google

Les robots parcourent le code avant d'évaluer la page. Le h1 fait partie des éléments qu'ils pèsent le plus, avec l'URL, la balise titre et les premiers mots du texte. Insérer votre mot-clé principal dans ce titre aide le moteur à relier la page à une intention de recherche. L'effet n'est pas magique : c'est une brique parmi d'autres du référencement naturel. Mais c'est une brique que beaucoup de sites laissent encore vide.

Balises h1 à h6 : la logique des niveaux de titre

Le HTML propose six niveaux. Ils fonctionnent comme le plan d'un document, du plus général au plus détaillé. La logique est celle d'un escalier : on descend marche par marche, sans en sauter. Un h3 se place sous un h2, jamais directement sous le h1. La répartition suivante fonctionne sur presque tous les sites.

• h1 : le titre principal de la page, unique, qui annonce le sujet.
• h2 : chaque grand titre de section du contenu.
• h3 : une précision à l'intérieur d'une section en h2.
• h4 : un détail dans un h3, utile sur les pages longues.
• h5 et h6 : rares, réservés aux documents très techniques.
• La règle de base : un seul h1, autant de h2 que de parties réelles.

Cette hiérarchie n'a rien à voir avec le style visuel. La taille et la couleur se règlent en CSS, à part. Vous pouvez donc avoir un h2 plus petit qu'un paragraphe mis en avant, sans que cela pose le moindre problème. Ce qui compte, c'est la structure logique du document, pas son apparence. Évitez de choisir un niveau juste parce que la police vous plaît.

Un plan propre sert aussi la navigation. Beaucoup de thèmes construisent un sommaire automatique à partir des titres de section. Les lecteurs pressés sautent alors directement au passage qui les intéresse.

Balise title et balise h1 : deux titres différents

On confond souvent les deux, parce qu'ils se ressemblent. La balise titre, ou title, s'affiche dans l'onglet du navigateur et dans les résultats de recherche. Le h1, lui, apparaît sur la page une fois le clic fait. L'une sert à convaincre de cliquer, l'autre à confirmer qu'on est arrivé au bon endroit.

Elles peuvent se ressembler, mais elles ne doivent pas être identiques mot pour mot. Le title doit tenir dans la largeur affichée par Google ; le h1 peut être un peu plus long et plus naturel. Google ne valorise pas davantage un titre à rallonge. Si vous souhaitez creuser ce point, notre fiche sur la balise title détaille les longueurs utiles. Les meilleurs résultats viennent d'une paire cohérente : même sujet, formulation différente.

Les erreurs courantes sur la balise h1

La plupart des problèmes viennent d'une mauvaise utilisation du thème ou du constructeur de pages. Certaines sont invisibles à l'œil nu et n'apparaissent qu'en inspectant le code. Voici ce que nous retrouvons le plus souvent en audit.

• Plusieurs h1 sur la même page, souvent parce que le logo est placé dans une balise de titre.
• Aucun h1 : le thème affiche un gros texte stylé en CSS, sans balise derrière.
• Un h1 identique partout, en général le nom de l'entreprise.
• Un titre bourré de mots clés, illisible et sans verbe.
• Un titre remplacé par un visuel : une image de la balise ne transmet aucun texte au moteur.
• Des niveaux dans le désordre, avec un h4 posé avant le premier h2.

Chacune de ces erreurs se corrige en quelques minutes. Leur impact cumulé, lui, se mesure sur des dizaines de pages à la fois. Sur un catalogue de cinquante fiches produits, un h1 dupliqué brouille tout un cocon sémantique. C'est un point essentiel avant d'investir dans du contenu neuf.

Modifier la balise h1 sur WordPress, Wix ou un site sur mesure

Sur WordPress, le titre de l'article ou de la page devient automatiquement le h1 dans la majorité des thèmes. Vous le changez donc en changeant le titre, sans toucher au code. Avec un constructeur comme Elementor ou Divi, chaque bloc de texte propose un sélecteur de balise. Vérifiez qu'un seul bloc est réglé sur h1 et que les autres descendent en h2 ou h3.

Sur Wix, l'éditeur propose des styles nommés « Titre 1 », « Titre 2 », et ainsi de suite. Attribuez « Titre 1 » au seul titre principal, puis des niveaux inférieurs au reste de la page. Sur un site développé sur mesure, la balise se modifie dans le gabarit ou depuis l'administration. En cas de doute, un diagnostic de référencement SEO remonte toutes les pages mal structurées en une seule passe.

Questions fréquentes