Titres de page web : rendre le plan compréhensible

« Nos solutions », « Nos atouts », « En savoir plus » : ces titres peuvent sembler familiers, mais disent peu à une personne qui cherche une information précise. Sur une page de service, les intertitres devraient permettre de deviner où se trouvent les conditions, les équipements ou la demande de devis, avant de lire tous les paragraphes.

Deux décisions se complètent : ce que le titre annonce et la place qu’il occupe dans le plan. Le W3C, organisme qui développe les standards du Web, explique que les titres structurent les contenus et peuvent servir à la navigation avec des technologies d’assistance. Leur niveau HTML, de H1 à H6, indique une hiérarchie ; il ne devrait pas être choisi seulement pour obtenir une taille de police. Le guide WAI sur les titres détaille cette organisation.

Un intitulé précis, au bon niveau

Imaginons une page consacrée à la location de salles. « Location de salles » donne le sujet principal. « Choisir une salle » ouvre une section. « Capacité et équipement » en précise une partie ; « Demander un devis » commence une autre section au même rang que le choix de la salle. Le plan ci-dessous est un exemple de contenu, pas un écran d’administration.

Dans cet exemple, le sous-titre sur la capacité appartient au choix de la salle. Le déplacer au même niveau que « Demander un devis » changerait le plan annoncé. À l’inverse, il n’est pas nécessaire d’ajouter un sous-niveau si la section ne contient qu’une explication brève. La hiérarchie doit refléter le contenu utile, pas remplir tous les rangs disponibles.

Le W3C recommande d’éviter les sauts de niveau à l’ouverture d’une sous-section, par exemple de H2 à H4. Revenir d’un sous-titre H3 vers une nouvelle section H2 est en revanche cohérent. Des titres correctement emboîtés peuvent malgré tout rester vagues : le critère sur les titres et étiquettes demande aussi qu’ils décrivent leur sujet ou leur but. La structure technique et la clarté des mots sont donc deux vérifications distinctes.

Relire les titres comme un visiteur pressé

Avant une refonte, rassemblez les titres d’une page dans leur ordre de lecture, avec leur niveau. Faites lire seulement cette liste à une personne qui connaît votre public. Demandez où elle chercherait une contrainte importante : accès à la salle, matériel inclus ou modalités de demande. Si elle hésite entre deux rubriques, renommez-les ou revoyez la répartition des paragraphes.

Pour notre salle fictive, remplacer « Nos atouts » par « Équipements disponibles » permet de formuler une attente plus précise. Mais ce changement serait trompeur si la section ne faisait que vanter l’ambiance du lieu. Relisez aussi le contenu placé sous le titre : il doit répondre à la promesse du libellé. Un intitulé exact et bref vaut mieux qu’une formule accrocheuse qui oblige à explorer au hasard.

Vérifiez ensuite le résultat dans la page publiée : les titres visibles correspondent-ils aux niveaux prévus ? Le titre principal fourni par le gabarit et ceux ajoutés dans le contenu doivent former un ensemble cohérent. Cette lecture du plan est un contrôle ciblé ; elle ne suffit pas à conclure à l’accessibilité de tout le site.

Préparer la structure avec les contenus

Un plan clair donne une place aux informations que vos visiteurs viennent chercher. La page Communication de Gaia présente ce travail sur l’ordre des informations et les actions utiles dans chaque page. Pour préparer un projet, apportez un plan représentatif et les questions de vos clients : ils donnent une base concrète au travail de rédaction et de structuration.