Un site web peut contenir des centaines de pages sans que le visiteur en soupçonne l’étendue. Le plan de site, souvent relégué en pied de page, reste le seul endroit où l’architecture complète d’un domaine est exposée en une seule vue. Pourtant, la manière dont ce plan est conçu détermine s’il aide réellement la navigation ou s’il ajoute une couche de confusion supplémentaire.
Plan de site et conformité WCAG 2.2 : ce qui change pour la navigation
Les concurrents abordent largement les menus de navigation, les types de barres et les bonnes pratiques ergonomiques. Ils passent à côté d’un angle normatif récent : les critères WCAG 2.2 modifient concrètement la façon dont un plan de site détaillé doit être construit.
A découvrir également : Comment explorer facilement l'ensemble des ressources écologiques grâce au plan du site
Le critère 2.4.5 (Multiple Ways) impose que l’utilisateur dispose de plus d’un chemin pour atteindre chaque page. Un menu principal ne suffit plus si le site dépasse quelques dizaines de pages. Le plan détaillé devient alors un mécanisme de conformité, pas un simple gadget de pied de page.
Le critère 2.4.11 (Focus Not Obscured) ajoute une contrainte technique : quand un visiteur navigue au clavier dans un long listing de liens, le focus clavier ne doit jamais disparaître derrière un header sticky ou une bannière de consentement aux cookies. Pour un plan de site qui affiche parfois plusieurs centaines de liens, cela oblige à repenser le positionnement des éléments fixes de la page.
A lire aussi : Découvrez comment naviguer facilement grâce au plan du site La Maison Montigny
Le critère 2.5.8 (Target Size) exige que chaque cible cliquable soit suffisamment grande pour être activée sans erreur. Un plan de site tassé en police 11 pixels avec des liens collés les uns aux autres ne respecte pas cette exigence, même si tous les liens fonctionnent techniquement.
Lecture d’un plan de site : repérer la hiérarchie avant de cliquer
Un plan détaillé n’est utile que si sa structure reflète la hiérarchie réelle du contenu. Avant de cliquer, le visiteur doit pouvoir identifier en quelques secondes les grandes catégories, les sous-catégories et le niveau de profondeur de chaque page. Par exemple, il est possible de consulter le plan du site By Caroline and CO pour observer comment une arborescence claire organise les contenus par thématique sans noyer le lecteur.
La plupart des plans de site se contentent d’une liste plate de liens. Les retours terrain divergent sur ce point : certains utilisateurs préfèrent un listing alphabétique, d’autres une organisation thématique. Les données disponibles ne permettent pas de trancher définitivement, mais un regroupement par catégories avec indentation visuelle réduit la charge cognitive pour la majorité des visiteurs.
Les éléments qui distinguent un plan lisible d’un plan inutile
- Des intitulés de liens descriptifs qui reprennent le titre réel de la page cible, pas des libellés génériques comme « en savoir plus » ou « cliquez ici ».
- Une indentation ou un système de puces qui matérialise les niveaux de profondeur (catégorie, sous-catégorie, page finale).
- Un ordre logique stable, identique à celui du menu principal, pour respecter le critère WCAG 3.2.3 (Consistent Navigation).
- Une séparation visuelle entre les blocs thématiques, même si ce n’est qu’un espace blanc supplémentaire.
Plan de site HTML et sitemap XML : deux outils, deux fonctions
La confusion est fréquente. Le plan de site HTML est une page destinée aux visiteurs humains. Le sitemap XML est un fichier technique destiné aux robots d’indexation de Google et des autres moteurs de recherche. Les deux portent le même nom, mais ils ne servent pas le même public.
Le sitemap XML liste toutes les URL avec leurs métadonnées (date de modification, fréquence de mise à jour, priorité relative). Il n’a aucune vocation à être lu par un humain. En revanche, le plan de site HTML ne contient pas nécessairement toutes les URL : il présente les pages utiles au visiteur, regroupées de façon compréhensible.
Quand le plan HTML complète la recherche interne
Un moteur de recherche interne aide quand le visiteur sait ce qu’il cherche. Le plan de site aide quand il ne le sait pas encore. C’est un outil d’exploration, pas de requête. Sur les sites dont le contenu est très segmenté (catalogue produit, blog avec des centaines d’articles, site institutionnel à multiples branches), le plan de site HTML reste le seul moyen de visualiser l’ensemble du périmètre sans taper de mots-clés.
Les sites qui proposent les deux (recherche interne et plan détaillé) couvrent les deux modes de navigation : la recherche active et l’exploration passive. Supprimer l’un au profit de l’autre revient à fermer un chemin d’accès.
Concevoir un plan de site qui fonctionne sur mobile
Sur un écran de bureau, un plan de site en trois colonnes avec une centaine de liens reste lisible. Sur mobile, le même plan devient un mur de texte impossible à scanner. La majorité du trafic web provenant d’appareils mobiles, un plan de site pensé uniquement pour desktop perd l’essentiel de son audience.
Deux approches fonctionnent sur petit écran. La première consiste à utiliser des sections repliables (accordéons) par catégorie : le visiteur déplie uniquement le bloc qui l’intéresse. La deuxième repose sur une navigation par ancres internes en haut de page, chaque ancre renvoyant vers la section correspondante plus bas.
Dans les deux cas, le respect du critère WCAG 2.5.8 sur la taille des cibles reste pertinent : des liens trop petits ou trop rapprochés sur un écran tactile génèrent des erreurs de tap. Un espacement minimum entre chaque lien cliquable évite ce problème sans alourdir la mise en page.
Limites connues des plans de site sur les très grands sites
Au-delà de plusieurs milliers de pages, un plan de site HTML exhaustif devient lui-même un problème de navigation. Certains sites e-commerce ou médias choisissent alors un plan partiel, limité aux catégories principales et aux pages les plus consultées. Cette approche pragmatique accepte qu’un plan de site ne remplace pas une architecture de navigation complète, mais en constitue un complément.
Le plan de site détaillé reste un outil de navigation sous-estimé. Sa valeur ne tient pas à l’exhaustivité des liens qu’il contient, mais à la clarté de leur organisation. Un plan mal structuré ajoute du bruit. Un plan bien conçu offre au visiteur une carte lisible du territoire, quel que soit l’appareil utilisé.