L’arborescence d’un site web, c’est le plan qui organise toutes vos pages en une structure logique avant que la moindre ligne de code ne soit écrite. Quand elle est bien pensée, vos visiteurs trouvent ce qu’ils cherchent en quelques clics et Google comprend exactement de quoi parle chaque page. Quand elle est mal construite, les visiteurs se perdent, vos pages se cannibalisent sur les mêmes requêtes, et votre investissement produit beaucoup moins de résultats qu’il ne le devrait. Voici comment concevoir la vôtre, étape par étape, avec des outils concrets et des exemples adaptés à chaque type de site.
Qu’est-ce que l’arborescence d’un site web ?
L’arborescence est le schéma qui représente la hiérarchie de toutes les pages d’un site et les liens qui les relient entre elles, un peu comme la table des matières d’un livre qui montre les chapitres, les sous-chapitres et l’ordre dans lequel le lecteur progresse.
En haut de cette hiérarchie, vous trouvez la page d’accueil, qui donne accès aux grandes catégories du site. Chaque catégorie peut contenir des sous-pages, et chaque sous-page peut elle-même renvoyer vers des pages plus spécifiques. Cette structure détermine directement ce que vos visiteurs voient dans le menu de navigation, la façon dont ils passent d’une page à l’autre, et les adresses (les URL) de chacune de vos pages. Quand vous dessinez l’arborescence, vous décidez en même temps du nombre de clics nécessaires pour atteindre chaque contenu depuis la page d’accueil, ce qu’on appelle la profondeur du site.
L’arborescence se distingue de la maquette, qui concerne l’apparence visuelle des pages, et du cahier des charges, qui décrit l’ensemble du projet. Elle intervient très tôt dans la conception, avant la maquette et avant le développement, parce que toutes les décisions de design et de contenu en découlent : si la structure bouge après coup, c’est l’ensemble du site qui doit être repensé.
Pourquoi l’arborescence change-t-elle la donne pour le référencement ?
La structure de votre site est l’un des premiers éléments que Google analyse quand ses robots explorent vos pages, parce qu’elle leur indique quelles pages existent, comment elles sont reliées entre elles, et lesquelles sont les plus importantes dans votre hiérarchie.
Quand vous créez une arborescence en silos, c’est-à-dire en regroupant les pages par thématique avec des liens internes entre elles, vous envoyez un signal clair à Google : ce groupe de pages parle de ce sujet, et la page principale du groupe est la plus importante pour cette requête. Les moteurs de recherche distribuent une sorte de “poids” à travers les liens internes, et une structure bien organisée concentre ce poids sur les pages que vous voulez voir apparaître en tête des résultats.
Inversement, une arborescence mal construite crée des problèmes concrets qui freinent votre référencement. Les pages orphelines, celles vers lesquelles aucun lien ne pointe, sont souvent ignorées par les robots d’exploration parce qu’ils ne les trouvent tout simplement pas. Les pages en doublon, celles qui ciblent la même requête sans le vouloir, se retrouvent en concurrence entre elles dans les résultats de Google au lieu de se renforcer mutuellement. Et les structures trop profondes, où certaines pages ne sont accessibles qu’après cinq ou six clics depuis l’accueil, reçoivent moins de visites des robots et moins de poids dans les algorithmes de classement.
La structure affecte aussi l’expérience de vos visiteurs de façon très directe. Un internaute qui arrive sur votre site depuis Google et qui ne comprend pas comment naviguer vers la page qu’il cherche quittera le site en quelques secondes, ce qui envoie un signal négatif aux moteurs de recherche sur la qualité de votre contenu. Trois clics maximum pour atteindre n’importe quel contenu depuis l’accueil reste la règle la plus fiable pour garder vos visiteurs engagés et vos pages bien classées.
Comment concevoir votre arborescence en cinq étapes ?
Construire une arborescence efficace ne demande pas d’outils compliqués ni de compétences en programmation, mais ça demande de la méthode et quelques heures de travail de réflexion avant d’ouvrir le moindre logiciel de création de site.
La première étape consiste à lister les objectifs de votre site et les actions que vos visiteurs doivent pouvoir accomplir. Un site vitrine pour un cabinet d’avocats n’a pas les mêmes besoins qu’une boutique en ligne qui vend deux cents produits. Posez-vous la question : quand un visiteur quitte mon site, qu’est-ce que je veux qu’il ait fait ? Envoyé une demande de devis, acheté un produit, pris rendez-vous, lu un article et compris que je suis un expert de mon domaine ? Chaque objectif se traduit par une page ou un groupe de pages, et c’est cette liste qui constitue la matière première de votre arborescence.
La deuxième étape est la recherche de mots-clés. Les termes que vos clients potentiels tapent dans Google vous disent exactement quelles pages créer et comment les nommer. Si vous vendez des meubles de jardin, vos catégories ne devraient pas s’appeler “produits”, mais “tables de jardin”, “chaises de jardin”, “parasols”, parce que ce sont ces mots que vos clients recherchent. Des outils comme la planification de mots-clés de Google, Ubersuggest ou la Search Console de Google vous donnent les volumes de recherche réels pour chaque terme, et ces volumes vous aident à décider quelles pages méritent leur propre entrée dans la navigation.
La troisième étape consiste à regrouper vos pages en catégories logiques. Les pages qui traitent d’un même sujet ou d’un même type de service se rassemblent dans un silo thématique, et chaque silo a une page principale qui sert de porte d’entrée vers les pages plus spécifiques. Ce regroupement doit refléter la façon dont vos clients pensent, pas la façon dont votre entreprise est organisée en interne, parce que vos visiteurs ne connaissent pas vos départements, ils cherchent des réponses à leurs questions ou des solutions à leurs problèmes.
La quatrième étape est la mise en forme du schéma. Dessinez la hiérarchie avec votre outil préféré, en partant de l’accueil et en descendant vers les pages les plus spécifiques. Vérifiez que chaque page est accessible en trois clics maximum depuis l’accueil, que chaque catégorie contient au moins deux pages (sinon elle ne justifie pas une catégorie), et que les noms de pages correspondent aux mots-clés identifiés à l’étape deux.
La cinquième étape, souvent oubliée, est la validation avec des personnes extérieures à votre projet. Montrez le schéma à quelqu’un qui ne connaît pas votre site et demandez-lui de trouver une information précise. Si cette personne hésite, revient en arrière ou se trompe de chemin, c’est que la structure a un défaut. Mieux vaut le découvrir sur un schéma que sur un site déjà construit, parce que modifier la navigation d’un site terminé coûte beaucoup plus cher que de redessiner quelques cases sur un diagramme.
Quels outils choisir pour dessiner la structure ?
Vous n’avez pas besoin d’un logiciel professionnel pour créer une arborescence efficace, et un outil gratuit suffit pour la majorité des projets de sites vitrines et de petits sites e-commerce.
GlooMaps est le choix le plus simple pour commencer : l’outil fonctionne directement dans votre navigateur, sans inscription, et vous permet de construire un schéma en quelques minutes avec un système de cases que vous reliez par glisser-déposer. Le résultat se partage via un lien unique, ce qui facilite les retours de votre équipe ou de votre prestataire web. La limite, c’est que la version gratuite ne permet pas de personnaliser les couleurs ou d’ajouter beaucoup de détails par page, mais pour une arborescence de planification, c’est largement suffisant.
FigJam, l’outil de tableau blanc de Figma, offre un plan gratuit avec des fonctions collaboratives en temps réel. Vous pouvez dessiner des organigrammes, ajouter des notes autocollantes et faire travailler plusieurs personnes sur le même schéma en même temps. Si vous travaillez déjà avec un designer qui utilise Figma pour les maquettes, c’est le choix le plus naturel parce que le passage de l’arborescence au design se fait dans le même écosystème.
Miro et son concurrent Whimsical sont des tableaux blancs collaboratifs plus complets, avec des modèles prédéfinis pour les arborescences de sites. Ils sont particulièrement utiles si votre arborescence est complexe (plus de trente pages) ou si vous avez besoin de documenter des flux utilisateurs en plus de la hiérarchie des pages. Comptez environ 8 CHF par mois pour un abonnement individuel avec les fonctions avancées.
FlowMapp est l’outil le plus spécialisé de cette liste : il a été conçu exclusivement pour la planification de sites web, avec des fonctions dédiées comme la création de personas utilisateurs, les parcours de navigation et l’estimation du contenu par page. La version gratuite accepte un projet avec quinze pages maximum, ce qui couvre un site vitrine standard. Au-delà, l’abonnement commence autour de 15 CHF par mois.
Pour un projet simple (site vitrine de cinq à douze pages), GlooMaps ou FigJam gratuit font parfaitement le travail. Pour un projet plus ambitieux ou un travail collaboratif avec une agence, Miro ou FlowMapp justifient leur abonnement par le temps qu’ils font gagner sur la coordination.
Quelles erreurs faut-il éviter ?
La plupart des sites dont l’arborescence pose problème ne sont pas partis d’un mauvais schéma initial, mais d’une absence totale de schéma : les pages ont été ajoutées au fil du temps, sans plan d’ensemble, jusqu’à ce que la navigation devienne confuse.
La première erreur est la structure trop profonde. Quand vos visiteurs doivent cliquer cinq ou six fois pour atteindre une page importante, la plupart abandonnent avant d’y arriver, et les robots de Google perdent eux aussi de l’intérêt pour les pages enfouies si loin de la surface. La solution n’est pas de tout mettre au premier niveau (ce qui crée un menu à vingt entrées illisible), mais de choisir les bonnes catégories intermédiaires pour que chaque page soit accessible en trois clics au maximum.
La deuxième erreur est la cannibalisation par duplication. Quand deux pages ciblent le même mot-clé, par exemple une page “nos services de design” et un article de blog “notre approche du design web”, Google ne sait plus laquelle mettre en avant et les deux perdent des positions. Avant de créer une nouvelle page, vérifiez toujours si une page existante ne traite pas déjà du même sujet sous un angle trop similaire, et si c’est le cas, enrichissez la page existante au lieu d’en créer une nouvelle.
La troisième erreur est l’absence de liens internes entre les pages d’un même silo thématique. Les liens internes sont ce qui dit à Google “ces pages forment un ensemble cohérent sur ce sujet”, et sans eux, chaque page se retrouve isolée dans un coin du site, sans bénéficier du poids des pages voisines. Chaque page devrait contenir au moins deux ou trois liens vers d’autres pages du même thème, avec des textes de lien qui décrivent le contenu de la page cible plutôt que des “cliquez ici” ou des “en savoir plus”.
La quatrième erreur est de concevoir l’arborescence du point de vue de l’entreprise plutôt que du client. Vos catégories devraient porter les noms que vos clients utilisent quand ils cherchent ce que vous proposez, pas vos noms de services internes ni vos codes produits. Si vous êtes plombier et que vos clients cherchent “dépannage fuite d’eau”, votre catégorie ne devrait pas s’appeler “interventions d’urgence niveau 2” mais quelque chose de proche des mots que vos clients tapent réellement.
La dernière erreur, et peut-être la plus coûteuse, est de penser à l’arborescence après le design. Quand le site est déjà maquetté avec un menu à quatre entrées et qu’on se rend compte qu’il en faut sept, il faut refaire le header, le footer, le menu mobile, parfois le layout de plusieurs pages. Le coût d’une restructuration après coup se chiffre souvent en centaines ou en milliers de francs, alors que le travail d’arborescence en amont ne prend que quelques heures.
Quel type d’arborescence pour quel type de site ?
Les sites ne se structurent pas tous de la même façon, et la bonne arborescence dépend autant du volume de contenu que du parcours attendu de vos visiteurs.
Un site vitrine pour un prestataire de services (consultant, artisan, avocat, architecte) fonctionne bien avec une structure à deux niveaux : la page d’accueil donne accès à quatre ou cinq pages principales (services, projets ou réalisations, à propos, contact) et chaque page de service peut renvoyer vers des sous-pages si l’offre est assez large pour le justifier. Pour ce type de site, cinq à douze pages suffisent dans la majorité des cas, et l’arborescence tient sur un schéma simple que vous pouvez dessiner en une heure avec GlooMaps.
Un site e-commerce demande une arborescence plus profonde et plus rigide, parce que le catalogue impose une logique de catégories et de sous-catégories. La structure classique est : accueil, puis catégories principales (vêtements, chaussures, accessoires), puis sous-catégories (chemises, pantalons, vestes), puis fiches produits. Chaque fiche produit est à trois clics de l’accueil, et chaque catégorie a sa propre page qui sert de point d’entrée optimisé pour le référencement. La clé pour un site e-commerce, c’est de ne pas multiplier les sous-catégories au point de créer des pages qui ne contiennent qu’un ou deux produits : une catégorie vide est pire qu’une catégorie absente.
Un site de blog ou de contenu (média, magazine en ligne, base de connaissances) utilise une structure en silos thématiques : chaque thème a une page pilier qui résume le sujet et renvoie vers les articles détaillés qui le composent. Les articles du même silo se lient entre eux, et le maillage interne renforce la page pilier comme la référence principale sur ce thème. Quand le site mélange du contenu et des services, comme c’est souvent le cas pour les entreprises qui publient un blog pour attirer des visiteurs, l’arborescence sépare clairement la partie éditoriale (le blog, les ressources) de la partie commerciale (les services, le contact), tout en les reliant par des appels à l’action et des liens de contexte.
Un site institutionnel pour une collectivité ou une organisation a souvent le problème inverse du site vitrine : trop de contenu, trop de pages, trop de rubriques. La priorité est de résister à la tentation de reproduire l’organigramme interne dans le menu de navigation, et de partir plutôt des besoins des usagers (quelles démarches cherchent-ils le plus souvent ? quelles questions posent-ils ?) pour construire les catégories principales. Les menus de premier niveau ne devraient jamais dépasser sept ou huit entrées, même si le site contient des centaines de pages en profondeur.
Vers une structure pensée pour vos visiteurs
L’arborescence est la fondation invisible de tout site internet, celle qui détermine si vos visiteurs trouvent ce qu’ils cherchent ou s’ils repartent frustrés au bout de quelques secondes. Prendre le temps de la dessiner avant de passer au design et au développement vous évite des corrections coûteuses et vous donne un site dont la structure travaille activement pour votre référencement.
Si vous avez un projet de site et que vous voulez repartir d’une arborescence solide, bien pensée pour vos clients et pour Google, travaillons ensemble pour le concevoir.
