Un visiteur arrive sur un site e-commerce pour trouver une gamme de papiers peints. Le menu principal affiche six catégories, mais aucune ne correspond à ce qu’il cherche. Il scrolle, clique au hasard, puis quitte la page. Ce scénario se règle souvent avec un élément que beaucoup de sites relèguent au pied de page sans y réfléchir : le plan du site.
Un plan du site bien organisé ne se contente pas de lister des liens. Il offre une vue d’ensemble de l’arborescence, permet de repérer une page en quelques secondes et compense les limites d’un menu principal qui ne peut pas tout afficher.
Plan du site HTML et sitemap XML : deux fichiers, deux usages distincts
On confond régulièrement le plan du site visible par les visiteurs (une page HTML avec des liens cliquables) et le sitemap XML destiné aux moteurs de recherche. Les deux partagent un nom, mais leurs fonctions divergent.
Le plan du site HTML s’adresse aux humains. Il présente la structure du site sous forme de liste hiérarchisée, accessible depuis le pied de page ou un lien dans le menu. Un visiteur perdu y retrouve la page qu’il cherche sans passer par la barre de recherche.
Le sitemap XML, lui, est un fichier technique lu par les robots d’exploration de Google ou Bing. Il signale les URL à explorer, leur date de modification et leur priorité relative. La documentation de Google précise d’ailleurs qu’un sitemap XML facilite la découverte des pages, mais ne garantit pas leur indexation.
Sur un site de décoration intérieure, par exemple, le plan du site Côté Déco regroupe toutes les rubriques en un seul endroit, ce qui évite au visiteur de naviguer à tâtons entre les catégories du menu.
Arborescence lisible : structurer les niveaux du plan du site
Un plan du site qui aligne deux cents liens à plat, sans regroupement, crée autant de confusion qu’une absence de plan. La valeur d’un plan du site tient à sa hiérarchie visuelle.
Regrouper par logique d’usage, pas par logique interne
L’erreur fréquente consiste à reproduire l’organigramme du back-office : dossiers techniques, catégories administratives, noms de code internes. Les visiteurs raisonnent autrement. Ils cherchent par besoin (acheter, comparer, contacter) ou par thématique (salon, chambre, extérieur).
Un plan du site efficace regroupe les pages selon ces parcours d’usage. Les niveaux hiérarchiques reflètent les choix du visiteur :
- Premier niveau : les grandes sections du site (catalogue, guides, contact, mentions légales)
- Deuxième niveau : les sous-catégories qui précisent chaque section (papier peint, luminaires, mobilier pour un catalogue de décoration)
- Troisième niveau, si nécessaire : les pages spécifiques rattachées à chaque sous-catégorie
Au-delà de trois niveaux, la lisibilité chute. Si l’arborescence impose un quatrième niveau, c’est souvent le signe que la structure du site elle-même doit être simplifiée.
Intitulés des liens : clarté avant créativité
Chaque lien du plan du site doit décrire le contenu de la page en termes explicites. « Nos solutions » ou « En savoir plus » ne renseignent pas le visiteur. « Papiers peints vinyles pour salle de bain » lui dit exactement ce qu’il trouvera au clic.
Cette règle rejoint une recommandation du W3C : les intitulés de navigation doivent rester cohérents entre le menu, le fil d’Ariane et le plan du site. Un même lien désigné par trois noms différents selon l’endroit du site désoriente les utilisateurs.
Accessibilité du plan du site : clavier, mobile et repères visuels
Un plan du site lisible sur grand écran peut devenir inutilisable sur un téléphone si les liens sont trop serrés ou si la hiérarchie disparaît sans les retraits visuels. Le W3C recommande que la présentation s’adapte aux petits écrans tout en conservant la structure de l’information.
Deux points méritent une attention particulière :
- La navigation au clavier : chaque lien du plan du site doit être atteignable avec la touche Tab, dans un ordre logique (de haut en bas, de gauche à droite). Le focus actif, c’est-à-dire le lien actuellement sélectionné, doit être visuellement identifiable (bordure, changement de couleur)
- Le contraste et la taille des zones cliquables : sur mobile, un lien trop petit ou trop proche de son voisin provoque des clics involontaires. Espacer les items de la liste et utiliser une taille de police suffisante règle le problème
- Les repères de section : des titres ou sous-titres dans le plan du site (et pas seulement des listes) aident les lecteurs d’écran à sauter directement à la catégorie qui les concerne
On oublie souvent que le plan du site est aussi un outil d’accessibilité. Pour un visiteur qui utilise un lecteur d’écran ou qui navigue exclusivement au clavier, cette page devient parfois le moyen le plus fiable d’atteindre un contenu précis.
Plan du site et navigation globale : complémentarité, pas substitution
Le plan du site ne remplace ni le menu principal, ni la barre de recherche, ni le fil d’Ariane. Le W3C insiste sur ce point : proposer plusieurs moyens de navigation réduit le risque qu’un visiteur se retrouve bloqué.
Le menu principal gère la navigation rapide vers les sections prioritaires. Le fil d’Ariane indique la position actuelle dans l’arborescence. La barre de recherche répond aux requêtes précises. Le plan du site, lui, intervient quand ces trois mécanismes ne suffisent pas : visiteur qui explore sans idée précise, page enfouie au troisième niveau, ou menu qui ne reflète qu’une partie du catalogue.
Sur les sites volumineux (plusieurs centaines de pages), le plan du site devient un filet de sécurité. Il expose la totalité de l’arborescence là où le menu ne peut en montrer qu’un extrait. Pour les sites plus modestes, une vingtaine de liens bien organisés suffisent à couvrir toutes les pages.
Le lien vers le plan du site se place généralement dans le pied de page, là où les visiteurs habitués au web s’attendent à le trouver. Certains sites l’ajoutent aussi dans une page d’aide ou dans le menu secondaire, ce qui augmente sa visibilité sans encombrer la navigation principale.
Maintenir le plan du site à jour reste la contrainte la plus sous-estimée. Chaque nouvelle page publiée, chaque URL modifiée ou supprimée doit se répercuter dans le plan. Un lien cassé dans un plan du site envoie un signal négatif aux visiteurs comme aux moteurs de recherche. Les CMS comme WordPress proposent des extensions qui génèrent automatiquement cette page, mais une vérification manuelle périodique reste nécessaire pour repérer les incohérences que l’automatisation ne détecte pas.
