Arborescence de site web : structurer vos contenus par les usages
Faire trouver l’essentiel, tout de suite
L’arborescence de site web organise vos contenus et vos pages pour que chaque public sache où aller, dès l’entrée. Elle définit la structure (niveaux, regroupements), les intitulés de rubriques, les accès transversaux (recherche, raccourcis, menus secondaires), le maillage interne et leur traduction dans la navigation (menu, fil d’Ariane, footer).
L’enjeu : partir des usages réels (en s’appuyant notamment sur les personae), pas de la logique interne, pour offrir des parcours qui orientent sans effort et servent autant l’expérience que le référencement.
À quoi sert une arborescence de site web ?
Une bonne arborescence réduit l’effort de compréhension : des intitulés clairs, un ordre logique et des regroupements pertinents permettent d’identifier immédiatement la bonne porte d’entrée.
Elle rend prioritaire ce qui compte (services, démarches, contenus de preuve), met au bon endroit les raccourcis utiles et désencombre le reste.
Elle accélère les parcours en limitant les allers-retours, améliore la recherche interne (moins de requêtes “sans résultat”) et renforce le SEO grâce à une structure lisible pour les moteurs : pages piliers, liens contextuels, titres hiérarchisés. Enfin, elle stabilise votre site dans le temps : on peut ajouter, déplacer, fusionner… sans tout casser.
Comment construisons-nous une arborescence ?
Nous partons des contenus existants, des objectifs du site et des besoins des différents publics pour identifier les grandes entrées et les informations prioritaires. Ce travail est ensuite confronté aux usages à travers des ateliers de tri de cartes, des personae ou des tests d’arborescence.
Les regroupements, les niveaux de navigation et les intitulés sont ensuite arbitrés avec l’équipe projet pour aboutir à une structure claire, argumentée et suffisamment souple pour accompagner les évolutions futures du site.
La « règle des trois clics » est un mythe. Ce qui compte n’est pas le nombre de clics, mais la confiance à chaque clic : des intitulés compréhensibles, des regroupements attendus et des signes d’orientation (où je suis, où je vais). Mieux vaut quatre étapes claires qu’un saut vers une page fourre-tout.
Quand construire ou revoir l’arborescence d’un site web ?
- Indispensable avant une refonte pour fixer le squelette du site et cadrer le cahier des clauses techniques particulières (CCTP) ou cahier des charges ;
- Au lancement d’un nouveau service pour lui réserver une place lisible et des accès rapides ;
- En amélioration continue quand les contenus se sont empilés et que la navigation « dérive » (trop de rubriques, intitulés internes, doublons) ;
- Après un audit UX/SEO pour traduire les constats en structure opérante ;
- Dans les contextes publics et associatifs, elle facilite les arbitrages multi-métiers en donnant une vue commune et argumentée.
Quels sont les livrables d’un travail d’arborescence ?
- Plan d’arborescence validé (niveaux, regroupements, priorités) et variantes mobile/desktop si nécessaire.
- Lexique des intitulés (libellés de menus, rubriques, filtres) avec principe de nommage orientés usagers.
- Schéma des accès : entrées prioritaires, liens transversaux, pied de page, accès rapides pour cibles clés.
- Maillage interne de référence (pages piliers ↔ contenus satellites) et règles d’auto-lien éditorial.
- Compte rendu de tests d’arborescence (tri de cartes, « tree testing ») et décisions associées.
- Note d’intégration CCTP : exigences d’implémentation, garde-fous et critères de recette.
L’arborescence organise les pages et les contenus à l’échelle du site : elle détermine les rubriques, les niveaux de navigation et les relations entre les différentes pages.
Le zoning s’intéresse à l’organisation générale d’une page en grandes zones : navigation, contenu principal, services associés, appels à l’action…
Le wireframe, ou gabarit ergonomique, va plus loin en précisant la hiérarchie des contenus, la place des fonctionnalités et les interactions au sein de chaque page.
Ces trois étapes sont complémentaires : l’arborescence structure le site ; le zoning et les wireframes structurent les pages.
Quels sont les bénéfices d’une arborescence bien structurée ?
- Accès aux contenus prioritaires en hausse (souvent +15 à +30 %) grâce à des entrées visibles et des intitulés explicites.
- Rebond en baisse sur les pages de service et moins de requêtes sans résultat côté recherche interne.
- Décisions plus rapides en comité : une structure argumentée, des exemples testés avec de vrais usagers.
- SEO plus lisible : architecture thématique, liens pertinents, titres hiérarchisés qui soutiennent l’indexation.
- Site plus durable : ajouts et évolutions se font sans dette structurelle.
Quels outils mobilisons-nous pour construire une arborescence ?
Ateliers d’étiquetage (trouver le terme le plus parlant), tri de cartes ouvert/fermé (structurer et nommer), tests d’arborescence (« tree testing »), analyse des requêtes de recherche interne et des pages 404, outillage de schématisation (Miro, Xmind), relecture RGAA des libellés et titres (Hn), vérifications SEO (pages piliers, liens contextuels).
Posture AMO indépendante : recommandations objectives, actionnables et compatibles avec vos contraintes (SI, marchés publics, gouvernance).
Le travail d’arborescence s’inscrit plus largement dans nos expertises Design UX-UI et contenu, aux côtés des parcours utilisateurs, des gabarits ergonomiques, du travail des contenus et des tests utilisateurs
Les mots des usagers ne sont pas ceux de l’organisation. Un tri de cartes montre souvent que 2 libellés sur 3 proposés en interne ne sont pas reconnus par le public. Renommer « Ressources documentaires » en « Publications et formulaires », par exemple, suffit parfois à doubler les accès.
Des arborescences construites à partir des usages
Assemblée nationale : repenser l’organisation d’un site institutionnel particulièrement dense
Face à une arborescence profonde et à des publics aux besoins très différents, nous avons travaillé avec les utilisateurs à travers des personae, un benchmark et des ateliers de tri de cartes pour faire émerger une nouvelle structure.
Centre de gestion de Loire-Atlantique : structurer le futur site avec les équipes
Après le recueil des besoins, nous avons animé un atelier de tri de cartes pour confronter l’organisation des contenus aux usages. Deux propositions d’arborescence argumentées ont ensuite été soumises à l’équipe projet.
Ils vous reste des questions ?
Nous avons les réponses.
La construction d’une arborescence part des contenus existants, des objectifs du site et surtout des besoins des utilisateurs. Les contenus sont regroupés et hiérarchisés, puis les intitulés et niveaux de navigation peuvent être confrontés aux utilisateurs grâce à des méthodes comme le tri de cartes ou le tree testing.
L’arborescence définit l’organisation des pages à l’échelle du site. Le zoning répartit les grandes zones au sein d’une page. Le wireframe, ou gabarit ergonomique, précise ensuite l’organisation des contenus et fonctionnalités à l’intérieur de ces zones. Votre page Gabarits traite déjà cette étape de conception des pages.
Le tri de cartes permet d’observer comment les utilisateurs regroupent et nomment les contenus. Le tree testing permet ensuite de tester une arborescence sans interface graphique, en demandant aux participants où ils chercheraient différentes informations. Ces deux méthodes font déjà partie des outils présentés sur votre page.
Notre méthodologie
Suivez ces liens pour découvrir nos éléments méthodologiques d’accompagnement digital qui composent notre offre.
