Arborescence de site web : la construire sans se tromper

Arborescence de site web : la décision qui vient avant le design

La plupart des arborescences de site web sont dessinées en une heure, en réunion, à partir de l'organigramme de l'entreprise. Un bloc par service, un bloc par métier, un bloc par filiale. Le schéma est propre, tout le monde valide, et le problème commence là.

Parce qu'un visiteur ne connaît pas votre organisation. Il arrive avec une question précise, et il cherche la page qui y répond. Si votre structure reproduit votre organigramme, il doit d'abord comprendre comment vous êtes organisés avant de trouver ce qu'il cherche. Peu de gens font cet effort.

L'arborescence n'est pas un schéma à cocher entre le cahier des charges et la maquette. C'est la décision qui fixe ensuite le nombre de pages à produire, le budget, le délai, les URL, le maillage interne et la charge de mise à jour pendant les trois années suivantes. Chez Najumi, c'est la première demi-journée de tout projet de refonte, avant la moindre maquette. Voici la méthode : combien de pages sont réellement nécessaires, comment trier à partir des intentions de visite, pourquoi on s'arrête à trois niveaux, et à quoi ressemble une arborescence concrète pour une entreprise de services.

TL;DR : une arborescence de site web est la carte hiérarchique de ses pages et des liens qui les relient. Elle se construit à partir des intentions de recherche des visiteurs, jamais à partir de l'organigramme de l'entreprise. Une PME de services a besoin de 8 à 15 pages, pas de 40. Au-delà de trois niveaux de profondeur, les pages deviennent difficiles à trouver, à maintenir et à positionner.

En bref. La méthode tient en trois gestes : listez les questions que vos prospects posent avant d'acheter, regroupez celles qui appellent la même réponse, créez une page par groupe. Tout le reste du projet en découle, à commencer par le budget et le délai.

Sommaire

• Qu'est-ce qu'une arborescence de site web
• De combien de pages une PME a besoin
• Construire son arborescence en 5 étapes
• Pourquoi trois niveaux de profondeur maximum
• Un exemple concret pour une PME de services
• Ce que l'arborescence détermine ensuite
• Ce qui se passe quand on se trompe
• Questions fréquentes

Qu'est-ce qu'une arborescence de site web ?

Définition. L'arborescence d'un site web est la carte hiérarchique de ses pages : quelles pages existent, comment elles sont regroupées, quelle page est parente de quelle autre, et par quels chemins un visiteur passe pour aller de l'une à l'autre. On parle aussi de structure du site ou d'architecture de l'information.

Arborescence et plan de site sont-ils la même chose ? Non, et la confusion coûte du temps en réunion. L'arborescence est une décision de conception : elle dit ce qui va exister. Le plan de site est une restitution de cette décision, soit sous forme de page HTML listant les liens, soit sous forme de fichier destiné aux moteurs de recherche. Le second est un livrable technique, détaillé dans notre article sur le rôle réel d'un sitemap XML. Le premier est un arbitrage business.

La discipline qui encadre ce travail s'appelle l'architecture de l'information. Le Nielsen Norman Group en donne une définition opérationnelle dans son guide de l'architecture de l'information, qui insiste sur un point utile : une bonne structure n'est pas celle qui paraît logique à l'équipe qui la dessine, c'est celle qui paraît évidente à quelqu'un qui découvre le site.

De combien de pages une PME a-t-elle vraiment besoin ?

Moins que ce qui figure sur le premier schéma, et l'écart est systématique. Sur les refontes que nous menons chez Najumi, l'arborescence d'arrivée compte en général 8 à 15 pages pour une entreprise de services, là où le brief initial en annonçait 25 à 40.

Trois raisons expliquent cet écart.

• Une page par service supposé, pas par service vendu. Les catalogues de départ listent des prestations que l'entreprise sait faire mais ne vend presque jamais. Elles méritent un paragraphe, pas une page.
• Des pages créées pour satisfaire une personne en interne. La page qui présente un partenariat, celle qui reprend un discours institutionnel, celle qui décrit une méthode que personne ne cherche. Elles n'ont pas de visiteur identifié.
• Le découpage administratif. Une page « Nos agences », une page « Nos valeurs », une page « Notre histoire », une page « Notre équipe ». Un visiteur cherche à savoir à qui il parle. Une seule page bien écrite répond mieux que quatre pages dispersées.

Chaque page en trop a un coût qui ne s'arrête pas à sa production. Elle doit être rédigée, intégrée, relue, puis maintenue à jour, et elle dilue le maillage interne : l'autorité qui devrait remonter vers vos pages commerciales se répartit sur des pages que personne ne visite.

Le socle minimum d'une PME de services tient en sept blocs : une page d'accueil, une page par service réellement vendu, une page qui présente l'entreprise et les personnes, une page de preuves (réalisations ou cas clients), une page de contact, les pages légales, et un blog si vous avez la capacité de l'alimenter. Le reste se justifie au cas par cas.

Comment construire son arborescence en 5 étapes ?

Voici la méthode qu'on applique en atelier. Elle demande une demi-journée avec deux ou trois personnes qui connaissent les clients, dont au moins une personne qui vend.

1. Lister les intentions de visite, pas les services. Écrivez une ligne par question que vos prospects posent avant de signer. « Est-ce qu'ils travaillent avec des entreprises de ma taille », « combien ça coûte », « en combien de temps », « est-ce qu'ils l'ont déjà fait dans mon secteur », « qui va s'occuper de mon dossier ». Visez trente à quarante lignes. Vos commerciaux en sortent vingt en dix minutes.
2. Rattacher chaque intention à un moment. Découverte, comparaison, décision. Une intention de découverte appelle souvent un article, une intention de comparaison appelle une page service détaillée, une intention de décision appelle une preuve ou un contact. Ce classement évite de tout empiler sur la page d'accueil.
3. Regrouper les intentions qui appellent la même réponse. Deux questions auxquelles une seule page répond bien ne justifient pas deux pages. C'est l'étape où le nombre de pages chute. Le tri par cartes décrit par le Nielsen Norman Group formalise cet exercice quand le groupe n'arrive pas à trancher : on écrit chaque intention sur une carte et on laisse des personnes extérieures au projet faire les paquets.
4. Nommer les pages avec les mots des visiteurs. Pas « Notre expertise sectorielle » mais « Cabinets d'avocats ». Pas « Solutions » mais le nom de la prestation. Le libellé de menu est le premier test de votre arborescence : s'il faut l'expliquer, il est mauvais.
5. Arbitrer page par page. Une page reste dans l'arborescence si elle réunit trois conditions : une intention identifiée, un contenu réel disponible pour la remplir, et une action attendue en sortie. Une page qui échoue à l'une des trois devient une section d'une autre page.

Cette méthode s'articule directement avec le cahier des charges de votre site web : l'arborescence validée en devient une annexe, et c'est elle qui permet de chiffrer le projet ligne par ligne.

Pourquoi trois niveaux de profondeur maximum ?

Réponse courte. Un niveau correspond à un clic depuis la page d'accueil. Trois niveaux suffisent à couvrir l'intégralité des contenus d'une PME : le menu principal, les pages filles de chaque entrée, puis le détail. Le quatrième niveau coûte sur quatre plans en même temps. Le visiteur fait un clic de plus sans avoir encore obtenu sa réponse. Le menu doit accueillir un troisième niveau de déroulé, ce qui le rend inutilisable au pouce sur mobile.

Côté moteur de recherche, la page est atteinte plus tard et reçoit moins de liens internes, donc moins d'importance. Côté interne, la personne qui maintient le site finit par oublier son existence.

La règle que nous appliquons chez Najumi : toute page commerciale doit être atteignable en deux clics depuis l'accueil, le troisième niveau étant réservé au contenu éditorial et aux déclinaisons.

Dans le détail, voici ce que contient chaque niveau.

• Niveau 1 : les entrées du menu principal. Services, réalisations, à propos, contact.
• Niveau 2 : les pages filles d'une entrée. Chaque service détaillé, chaque cas client.
• Niveau 3 : le détail d'une page fille. Une sous-prestation, une déclinaison sectorielle, un article.

Le Nielsen Norman Group a comparé les structures plates et les structures profondes : son analyse des hiérarchies plates contre les hiérarchies profondes conclut que les structures plus plates rendent le contenu plus facile à découvrir, à condition de rester lisibles au niveau des libellés. Google formule la même idée côté référencement dans sa documentation sur la structure des URL, qui recommande une organisation simple et des chemins compréhensibles par un humain. Son guide de démarrage SEO va dans le même sens : organiser le site par thèmes pour que chaque page soit atteignable depuis un lien, et éviter les pages qu'aucun lien n'atteint.

Exemple d'arborescence pour une PME de services

Voici une arborescence réelle, anonymisée, d'un bureau d'études d'une quinzaine de personnes. Le brief de départ annonçait 31 pages. L'arborescence validée en compte 13.

Accueil
├── Prestations
│   ├── Diagnostic structure
│   ├── Maîtrise d'œuvre
│   └── Suivi de chantier
├── Secteurs
│   ├── Collectivités
│   └── Promoteurs privés
├── Références
│   └── [pages projet générées depuis le CMS]
├── Le bureau d'études
├── Blog
│   └── [articles générés depuis le CMS]
├── Contact
└── Mentions légales / Confidentialité

Trois décisions expliquent le passage de 31 à 13.

Les huit pages « métier » sont devenues trois prestations. Les huit intitulés correspondaient à des compétences internes, pas à des demandes entrantes. Les prospects appellent pour un diagnostic, une maîtrise d'œuvre ou un suivi. Le reste est détaillé dans le corps de ces trois pages.

Les pages projet et les articles ne sont plus des pages dessinées. Ce sont des collections dans le CMS. Sur nos projets, ces collections vivent dans Strapi et sont rendues par Next.js ou Astro selon le volume : on décrit le modèle une fois, et chaque nouvelle référence crée sa page sans repasser par le développement. Une arborescence bien posée se traduit presque toujours en deux ou trois types de contenu, pas en trente gabarits.

La page « Nos valeurs », la page « Notre histoire » et la page « Notre équipe » sont devenues une seule page. Elle répond à la vraie question du visiteur : à qui je confie mon dossier.

Ce sont dix-huit pages qui n'ont jamais été produites : dix-huit textes que le client n'a pas eu à écrire, dix-huit gabarits que nous n'avons pas eu à intégrer, dix-huit pages qui ne sont pas à relire chaque année. Sur un projet de PME, la rédaction est presque toujours le poste qui fait glisser la date de mise en ligne, et c'est précisément celui que ce tri allège. D'autres exemples de structures livrées sont visibles dans nos réalisations.

Où cette méthode ne s'applique pas. Trois cas sortent du cadre. Un groupe multi-marques ou multi-filiales a besoin d'un niveau supplémentaire, parce que la marque est elle-même un critère de navigation. Un catalogue produit saisonnier se structure par filtres plutôt que par pages, et la profondeur devient un faux problème. Enfin, un site qui traîne déjà deux cents articles ne se remet pas à plat en une demi-journée : il faut d'abord trier ce qui reçoit du trafic avant de dessiner quoi que ce soit. Dans ces trois situations, la règle des trois niveaux reste un objectif, pas une contrainte.

Vous hésitez entre plusieurs structures et personne ne tranche ? On pose l'arborescence en atelier au démarrage de chaque projet de refonte, avec les personnes qui vendent. Devis gratuit et sans engagement.

Ce que l'arborescence détermine ensuite

Une arborescence validée verrouille cinq choses dans le projet, et c'est ce que les schémas ne montrent jamais.

C'est pour cette raison que l'arborescence se valide avant la maquette et non l'inverse. Un écran dessiné sur une structure qui bougera ensuite est un écran à refaire, comme on l'explique dans notre guide sur la place des maquettes dans le cahier des charges. Et dans l'enchaînement global d'un projet, cette étape se situe juste après le cadrage, ce que détaille notre guide sur le découpage d'un projet web en lots et en jalons.

Que se passe-t-il quand on se trompe d'arborescence ?

Les symptômes sont toujours les mêmes, et ils apparaissent quand le site commence à grandir, au fil des pages ajoutées après la mise en ligne.

Des pages orphelines

Des pages existent, sont indexées, mais aucun lien du site ne pointe vers elles. Elles ont été créées après coup, sans place prévue dans la structure. Personne ne les trouve, et elles ne remontent pas dans les résultats de recherche.

Un menu à rallonge

À chaque nouveau besoin, une entrée est ajoutée au menu parce qu'il n'y a pas de rubrique où la ranger. Au bout de deux ans, le menu compte douze entrées et plus personne ne les lit.

Des doublons involontaires

Deux pages traitent du même sujet sous deux libellés différents, se disputent la même requête, et plafonnent toutes les deux.

Une refonte prématurée

C'est la conséquence la plus coûteuse. Le site a moins de trois ans, le design tient encore, mais la structure ne permet plus d'ajouter quoi que ce soit proprement. On refait tout, alors que le problème initial tenait à une demi-journée d'atelier mal menée.

Une arborescence se teste avant de coûter quoi que ce soit. Donnez votre liste de libellés de menu à trois personnes extérieures, demandez-leur où elles chercheraient la réponse à cinq questions précises, et regardez sans les aider. Vingt minutes suffisent à repérer les rubriques mal nommées.

Questions fréquentes

Qu'est-ce qui prend le plus de temps dans une arborescence ?

Pas le schéma. Un atelier avec les bonnes personnes autour de la table suffit à poser la structure, à condition de la laisser décanter avant de valider. Le temps long est dans l'arbitrage sur les pages à supprimer.

Faut-il une page par mot-clé visé ?

Non. Une page par intention de recherche, ce qui n'est pas la même chose. Plusieurs formulations proches relèvent souvent de la même intention et se traitent sur une seule page, plus complète et donc plus solide.

Où placer le blog dans l'arborescence ?

Au niveau 1, comme une entrée de menu à part entière, avec les articles au niveau 2. Ranger le blog sous une rubrique « Ressources » ou « Actualités » ajoute un clic sans rien apporter.

Peut-on modifier l'arborescence après la mise en ligne ?

Oui, mais chaque déplacement de page impose une redirection permanente depuis l'ancienne adresse, sous peine de perdre le positionnement acquis. Ajouter une page est simple, déplacer une branche entière l'est beaucoup moins.

Quel outil utiliser pour la dessiner ?

Des post-it sur un mur pour la phase de tri, puis n'importe quel outil de schéma pour la restitution. L'outil n'a aucune importance, la qualité du tri en a énormément.

Une arborescence de site e-commerce suit-elle les mêmes règles ?

Le principe reste identique, mais les catégories produit remplacent les pages services et la profondeur se gère par le filtrage plutôt que par des niveaux supplémentaires. La règle des deux clics vers une page commerciale reste valable.

Conclusion

Une arborescence de site web n'est pas un livrable de mise en forme, c'est le moment où l'on décide ce que le site va vraiment contenir. Partir des intentions de vos visiteurs plutôt que de votre organisation, viser moins de pages que prévu, s'arrêter à trois niveaux : ces trois arbitrages évitent la plupart des refontes prématurées.

Si vous préparez un nouveau site ou une refonte et que la liste des pages ne fait que s'allonger, c'est le signal qu'il faut reprendre la structure avant d'aller plus loin. Parlons de votre projet et nous repartirons de vos intentions de visite, pas de votre organigramme.