Comment hiérarchiser les titres d'une page ?

Sur une page web, un titre n'est pas un texte en gras et en grand. C'est une balise qui indique un niveau de plan : H1, H2, H3, et ainsi de suite. Ce plan est lu par les navigateurs, par les outils d'assistance et par les moteurs de recherche. Mal construit, il rend une page difficile à parcourir.

À quoi servent les niveaux de titres ?

• Pour le lecteur : ils permettent de balayer la page et de sauter directement à la partie utile. Peu de visiteurs lisent une page en entier.
• Pour l'accessibilité : un lecteur d'écran, logiciel qui restitue une page à voix haute, propose de naviguer de titre en titre. Sans hiérarchie, cette navigation disparaît.
• Pour les moteurs de recherche : les titres indiquent la structure du sujet et les questions traitées. Ils sont aussi l'un des repères utilisés par les assistants qui citent des pages, comme l'explique l'article sur la façon d'écrire pour être cité par les IA.

Quelles règles suivre ?

1. Un seul H1 par page, qui annonce le sujet de la page. C'est en général le titre principal affiché en haut du contenu.
2. Des H2 pour les grandes parties, dans l'ordre de lecture.
3. Des H3 pour subdiviser un H2, uniquement si la partie contient plusieurs sous-points.
4. Pas de saut de niveau : on ne passe pas d'un H2 à un H4.
5. Pas de titre décoratif : un texte mis en grand pour l'apparence n'est pas un titre, et un vrai titre ne doit pas être remplacé par du texte en gras.

Comment écrire un bon titre ?

Un titre doit annoncer le contenu de la section, pas l'ouvrir de façon énigmatique. « Nos engagements » ne dit rien ; « Ce que comprend la prestation » dit tout. Deux tests : le titre est-il compréhensible seul, sorti de la page ? Et la lecture des seuls titres donne-t-elle un résumé correct de la page ?

La forme interrogative fonctionne bien quand le contenu répond à une question réellement posée. Elle facilite la reprise du passage par un moteur de recherche. Évitez en revanche d'empiler des questions artificielles pour meubler.

Quelle différence avec la balise title ?

Les deux premiers se ressemblent souvent, sans être identiques : la balise title doit tenir dans un espace court et contenir les mots recherchés, comme le détaille l'article sur la balise title et la meta description.

Quelles erreurs sont fréquentes ?

• Plusieurs H1 sur la même page, souvent parce que le logo et le titre utilisent tous deux ce niveau.
• Des titres choisis pour leur taille à l'écran plutôt que pour leur niveau logique.
• Des sections entières sans titre, impossibles à repérer en balayant la page.
• Des titres identiques répétés dans la page, qui empêchent de se situer.
• Une image contenant le texte du titre, invisible pour les outils d'assistance et les moteurs.

Comment vérifier la structure d'une page ?

La plupart des navigateurs permettent d'afficher le code d'une page et d'y repérer les balises de titre. Des extensions gratuites affichent directement le plan d'une page sous forme de liste. Si ce plan ne ressemble pas à une table des matières cohérente, la structure est à revoir. Ce contrôle fait partie des vérifications avant mise en ligne.

NexSecure applique cette structure à chaque gabarit lors de la création d'un site vitrine.