Quand un site regroupe des dizaines de rubriques, retrouver une page précise peut vite ressembler à une partie de cache-cache. Le plan du site répond à ce problème : il affiche, sur une seule page, la liste organisée de tous les contenus accessibles. Pour un portail d’information comme Passez l’info, cette page devient un raccourci direct vers chaque thématique, sans passer par les menus déroulants.
Plan du site HTML et sitemap XML : deux outils, deux publics
Avant de parler navigation, une distinction mérite d’être posée. Le terme « plan du site » désigne en réalité deux choses très différentes selon le contexte.
Le plan du site HTML est destiné aux visiteurs humains. C’est une page web classique, lisible dans un navigateur, qui liste les rubriques et les pages sous forme de liens cliquables. Son rôle : offrir une vue d’ensemble de l’arborescence pour qu’un internaute trouve rapidement ce qu’il cherche.
Le sitemap XML, lui, s’adresse aux robots des moteurs de recherche. C’est un fichier technique, invisible pour le visiteur, qui indique à Google ou Bing quelles pages indexer et à quelle fréquence les revisiter. Il ne remplace pas le plan HTML, il le complète.
Un site qui dispose uniquement d’un sitemap XML prive ses visiteurs d’un outil de navigation concret. À l’inverse, un plan HTML sans sitemap XML risque de laisser des pages orphelines hors du radar des moteurs. Sur le plan du site Passez l’info, c’est la version HTML qui est mise en avant, structurée par catégories pour faciliter le parcours de lecture.
Accessibilité et critère WCAG 2.4.5 : pourquoi le plan du site est devenu normatif
Vous considérez peut-être le plan du site comme un vestige des années 2000, une page que personne ne consulte. Les normes d’accessibilité racontent une autre histoire.
Les critères WCAG 2.2 AA, publiés par le W3C le 5 octobre 2023, incluent le critère 2.4.5 nommé « Multiple Ways ». Ce critère impose de proposer au moins deux voies pour atteindre une même page sur un site web. La navigation principale seule ne suffit pas : il faut y ajouter un moteur de recherche interne, un plan du site, ou une table des matières.
Le plan du site HTML est explicitement cité comme l’un des moyens normatifs pour satisfaire cette exigence. Pour un site d’information qui publie régulièrement du contenu, c’est souvent la solution la plus simple à mettre en place et à maintenir.
Ce que change WCAG 2.2 pour la conception du plan
La version 2.2 ajoute aussi les critères 2.4.11 et 2.4.12, regroupés sous le nom « Focus Not Obscured ». Concrètement, quand un utilisateur navigue au clavier dans le plan du site, le focus ne doit jamais être masqué par un élément flottant (bandeau cookies, header sticky, footer collant). Si votre plan du site contient une longue liste de liens et qu’un bandeau recouvre le lien actif, le critère n’est pas rempli.
Ce point technique oblige à tester le plan du site avec une navigation clavier réelle, pas seulement visuellement.
Anatomie d’un plan de site utile pour la navigation
Tous les plans de site ne se valent pas. Certains se contentent d’un flux brut de liens sans hiérarchie. D’autres reproduisent le menu principal sans y ajouter de valeur. Un plan de site efficace respecte quelques principes concrets.
- Les pages sont regroupées par rubriques avec des niveaux de profondeur visibles (catégorie, sous-catégorie, page). Le visiteur repère la logique d’organisation en quelques secondes.
- Les intitulés des liens correspondent aux titres réels des pages. Pas de libellés raccourcis ou reformulés qui créeraient une confusion entre le plan et le contenu.
- Les pages utilitaires (mentions légales, politique de confidentialité, conditions d’utilisation) figurent dans une section séparée, en bas de page ou dans un bloc distinct, pour ne pas noyer les contenus éditoriaux.
- Le plan reste accessible depuis n’importe quelle page du site, généralement via un lien en pied de page. Un plan introuvable ne remplit aucune fonction.
Mise à jour : manuelle ou automatique
Sur un site qui publie plusieurs articles par semaine, maintenir un plan de site à la main devient vite irréaliste. La plupart des CMS (WordPress, Drupal, Joomla) proposent des extensions qui génèrent automatiquement le plan HTML à partir de l’arborescence existante.
L’automatisation présente un avantage évident : chaque nouvelle publication apparaît dans le plan sans intervention humaine. En contrepartie, elle peut inclure des pages sans intérêt pour le visiteur (pages de tags, pages d’archives vides, brouillons indexés par erreur). Un bon plan automatique nécessite des règles d’exclusion bien configurées.
Navigation optimale : ce que le plan du site ne remplace pas
Le plan du site est un filet de sécurité, pas un substitut à une navigation bien pensée. Si vos visiteurs doivent systématiquement consulter le plan pour trouver un contenu, c’est le signe que le menu principal ou la structure du site pose problème.
Un plan de site performant fonctionne en complément de trois éléments :
- Un menu principal clair, limité à quelques entrées (la majorité des sites performants restent sous la barre de huit rubriques de premier niveau).
- Un moteur de recherche interne, particulièrement utile sur les sites à fort volume de contenu éditorial.
- Un fil d’Ariane (breadcrumb) qui indique à tout moment où le visiteur se trouve dans l’arborescence.
Ces quatre dispositifs combinés couvrent les exigences du critère WCAG 2.4.5 tout en offrant une expérience de navigation fluide quel que soit le profil utilisateur.
Le plan du site reste l’un des rares éléments web qui sert à la fois l’accessibilité, le référencement naturel et le confort de navigation. L’ignorer, c’est se priver d’un levier simple à déployer et dont le coût de maintenance est quasi nul une fois les bons réglages en place.