Arborescence site web : construire une structure qui convainc

Votre site raconte-t-il votre offre dans le bon ordre ?

Parlons de sa structure avant de parler de son design.

Qu'est-ce que l'arborescence d'un site web, au juste ?

L'arborescence d'un site web est la hiérarchie de ses pages et des liens qui les relient. Elle dit quelle page dépend de quelle autre, et par où l'on passe pour aller de l'une à l'autre.

On la représente en général comme un arbre renversé. La page d'accueil en haut, les grandes rubriques au deuxième niveau, les pages de détail en dessous. Ce schéma sert de plan commun au client, au designer, au développeur et au rédacteur.

Ce qu'elle n'est pas

Trois confusions reviennent dans presque chaque premier brief.

L'arborescence n'est pas le menu. Le menu n'en montre qu'une partie, choisie pour la navigation. Le reste passe par le pied de page, les liens dans les contenus et les appels à l'action.

Ce n'est pas non plus le sitemap XML. Ce fichier liste les adresses à l'intention des moteurs de recherche. Il ne dit rien de l'ordre dans lequel un visiteur doit les découvrir.

Enfin, ce n'est pas la liste des pages que l'entreprise a envie de montrer. C'est la réponse à une autre question. Que doit comprendre un inconnu, et dans quel ordre, pour avoir envie de vous appeler ?

Trois arbres qui ne se superposent pas

C'est le point que la plupart des guides passent sous silence. Un site possède en réalité trois arborescences, qui n'ont aucune raison d'être identiques.

La première est l'arbre des URL. C'est l'adresse de chaque page, rangée en répertoires comme /blog/ ou /projects/. Il sert surtout aux machines, à l'analyse et à la maintenance.

La deuxième est l'arbre de navigation. Ce sont les menus, le pied de page, le fil d'Ariane, les liens placés dans les contenus. C'est lui que le visiteur parcourt réellement.

La troisième est le chemin de preuve. C'est l'ordre dans lequel les arguments arrivent : la promesse, la démonstration, la réassurance, puis l'action. Personne ne le dessine, et c'est presque toujours lui qui manque.

Google lui-même distingue les deux premiers. Dans sa documentation sur le fil d'Ariane, il recommande un fil qui reflète le parcours habituel d'un utilisateur. Pas une copie de la structure des URL. Autrement dit, l'adresse d'une page et sa place dans le parcours sont deux décisions distinctes.

Cette séparation change tout pendant une refonte. On peut réorganiser entièrement la navigation sans toucher à une seule adresse. On peut aussi conserver des URL anciennes et pourtant raconter une histoire neuve.

Pourquoi l'arborescence se juge avant le design

Un visiteur ne voit jamais votre arborescence en entier. Il la ressent. Il sait en quelques secondes s'il est au bon endroit, et s'il trouvera la suite.

Des visites plus courtes, donc moins de droit à l'erreur

Les parcours raccourcissent, et la marge d'erreur avec eux. D'après Contentsquare (2026 Digital Experience Benchmark Report, 2026), l'engagement a reculé de 10 % entre fin 2024 et fin 2025, sur 99 milliards de sessions analysées. Les visiteurs consultent moins de pages, restent moins longtemps et font défiler moins loin.

Le même rapport nuance ce recul. Les visiteurs arrivent mieux informés, avec une intention plus nette, et le trafic venu des assistants d'IA progresse. Un site n'a donc plus le temps de se présenter dans l'ordre qu'il préfère. Il doit répondre dans l'ordre où la question se pose.

La page d'accueil n'est plus la seule porte d'entrée

La plupart des arborescences sont pensées depuis la page d'accueil, comme si chaque visite commençait par elle. C'est de moins en moins vrai.

D'après Baymard Institute (Homepage and Category Navigation UX 2026, 2026), 61 % des grands sites e-commerce offrent une navigation médiocre ou mauvaise sur ordinateur, et 65 % sur mobile. Le même benchmark rappelle que l'accueil n'est plus l'entrée dominante qu'il a été, mais qu'il reste le point de repli quand on se perd.

Pour un site de marque, la conséquence est directe. Un prospect peut arriver par un article, une fiche projet ou une page sectorielle. Chaque page profonde doit alors jouer le rôle d'un accueil miniature. Elle dit où l'on est, ce que fait l'entreprise, et où aller ensuite.

Ce que Google lit vraiment

Côté moteur, la structure compte, mais rarement pour les raisons qu'on avance en réunion.

Pour un site de marque, l'exploration n'est presque jamais le problème. D'après Google Search Central (Optimize your crawl budget, mise à jour 2026), ce guide vise surtout deux profils de sites. Plus d'un million de pages mises à jour chaque semaine, ou plus de 10 000 pages modifiées chaque jour. Google précise que ces seuils restent indicatifs. Un site premium de trente ou quarante pages se situe très loin de ces seuils.

Le vrai enjeu se trouve dans les liens. Google découvre les pages en les suivant, et il ne suit de manière fiable que les liens HTML classiques. Sa documentation sur les liens précise qu'il faut une balise a dotée d'un attribut href. Un menu entièrement piloté par des événements JavaScript peut donc masquer une partie de l'arborescence au robot.

La même page pose une règle simple : chaque page importante doit recevoir un lien depuis au moins une autre page du site. Une page orpheline existe dans le sitemap. Elle n'existe pas dans le parcours.

On voit souvent ce schéma sur les sites très animés. Le menu s'ouvre en plein écran avec une belle transition, et ses liens sont déclenchés par un script. Le réflexe est de croire que Google voit ce que voit le visiteur. En réalité, plusieurs pages ne sont reliées nulle part ailleurs. L'effet peut rester, à condition que de vrais liens existent derrière.

Quelle arborescence choisir pour un site de marque premium ?

Pour un site de dix à cinquante pages, la réponse est simple : une hiérarchie courte, organisée autour des preuves, pas de l'organigramme. Les modèles théoriques comptent moins que l'ordre des arguments.

Les modèles classiques, en bref

Les guides distinguent en général quatre formes. La structure linéaire enchaîne les pages comme les chapitres d'un livre. La structure hiérarchique part de l'accueil et se ramifie en rubriques. Le silo regroupe les contenus par thème, avec peu de liens d'un thème à l'autre. La forme hybride mélange ces logiques.

Dans les faits, presque tous les sites de marque sont hiérarchiques, avec un blog organisé par thèmes. La vraie question n'est donc pas le modèle. C'est ce qu'on place à chaque niveau, et ce qu'on relie entre les niveaux.

Le schéma à trois piliers : l'offre, la preuve, le contact

Sur un site de studio, de cabinet ou de marque premium, on retrouve presque toujours trois familles de pages.

Les pages d'offre disent ce que vous faites, et pour qui. Les pages de preuve montrent que vous l'avez déjà fait : projets, études de cas, références, prises de position. Les pages de contact transforment l'intérêt en échange.

Tout le reste se raccroche à ces trois piliers. Le blog nourrit la preuve d'expertise. La page À propos nourrit la confiance. Une page Services n'a de sens que si elle aide à choisir, pas si elle répète l'accueil avec d'autres mots.

Sur beaucoup de sites de marques ambitieuses, les meilleures preuves sont rangées au fond. Le projet le plus convaincant attend au troisième niveau, derrière une grille de vignettes sans texte. La structure dit alors l'inverse de ce que l'entreprise voudrait dire.

Les pages d'entrée par secteur

Une logique gagne du terrain sur les sites de studio : multiplier les portes d'entrée plutôt que les rubriques. Une page par type de client, qui parle son langage, montre ses projets et mène au contact.

Notre propre site suit cette logique, et son sitemap public le montre. Il ne comporte ni page Services ni page Tarifs. Le menu principal se limite à l'accueil, aux projets, à la page À propos, à la boutique et au contact.

En dessous, des pages dédiées s'adressent chacune à un public. Les startups, les marques de luxe, les cabinets de recrutement, les sociétés de production et les cabinets d'architecture ont chacun la leur. Cette dernière présente l'offre pour le secteur, montre deux projets du même univers et se referme sur une demande de contact.

Chacune de ces pages joue le rôle d'un pilier miniature. Le visiteur qui arrive de Google sur l'une d'elles n'a pas besoin de passer par l'accueil pour comprendre. Offre, preuve et contact tiennent sur une seule adresse.

Et le blog, dans tout ça ?

Le blog est souvent la partie la plus désordonnée d'une arborescence. On publie au fil de l'eau, puis les articles s'empilent sans lien entre eux.

Pensez-le comme une couche de preuve. Chaque article répond à une question précise, renvoie vers une page d'offre ou un projet, et reçoit des liens d'autres articles proches. Le blog devient alors un réseau qui alimente les piliers, au lieu d'un couloir que personne ne visite.

Le cas Apax : une structure au service d'un repositionnement

Le projet Apax montre comment une structure accompagne un changement d'image. Apax est une agence d'architecture parisienne fondée en 1982, reprise en 2025 par Antoine Morizot. Le studio Graphéine en a repensé l'identité et le nom pour poser un nouveau positionnement.

L'enjeu du site, tel que le décrit la fiche projet, était de faire passer l'agence d'une image traditionnelle à celle d'une agence contemporaine. Plus affirmée, plus sélective. Ce genre de bascule ne se joue pas seulement dans la typographie ou les photographies. Il se joue aussi dans ce que le site place en premier.

Les visuels de la fiche montrent une page agence, des pages projets et plusieurs façons de parcourir les réalisations. Une liste, une grille, une sélection. Pour un cabinet d'architecture, la logique est claire. Le projet est la preuve. Il doit rester accessible par plusieurs chemins, selon que le visiteur veut tout voir ou seulement l'essentiel.

Comment construire une arborescence de site web pas à pas ?

En cinq étapes, menées en parallèle du travail de positionnement, avant la moindre maquette. Chaque étape produit un livrable simple, que l'on valide avant de passer à la suivante.

1. Partir des pages d'atterrissage réelles

Avant de dessiner quoi que ce soit, regardez par où les visiteurs entrent aujourd'hui. Dans la Search Console, le rapport de performances classé par page liste celles qui reçoivent des clics depuis Google.

Ce sont vos vraies portes d'entrée. Chacune doit pouvoir accueillir un inconnu et l'orienter. Si le site est neuf, faites l'exercice à l'envers. Listez les requêtes que tapent vos clients, puis associez à chacune la page qui devra y répondre.

2. Faire l'inventaire, puis donner un rôle à chaque page

Listez toutes les pages existantes ou prévues dans un tableur. Une ligne par page, avec son adresse, son objectif et le public visé.

Ajoutez ensuite une colonne décisive : le rôle. Chaque page doit avoir une fonction dominante. Convaincre, prouver, rassurer, convertir ou capter du trafic. Une page sans rôle clair est candidate à la fusion ou à la suppression.

Cet inventaire nourrit aussi le cahier des charges du site. Le studio qui le reçoit comprend tout de suite ce que le site doit faire, et pas seulement ce qu'il doit contenir.

3. Nommer les rubriques comme vos clients parlent

Les intitulés font plus pour la navigation que le nombre de niveaux. Un visiteur clique sur un mot qu'il reconnaît. Il évite ceux qu'il ne comprend pas.

Solutions, Expertises, Univers : ces intitulés rassurent l'entreprise et n'informent personne. Le Nielsen Norman Group parle de parfum d'information. Chaque libellé doit laisser deviner ce qu'il y a derrière, sans termes vagues ni jargon de marque.

Préférez Projets à Réalisations créatives. Préférez Site pour cabinet d'architecture à Secteur bâtiment. La formule la plus élégante n'est pas toujours celle qui fait cliquer.

4. Dessiner deux arbres, pas un seul

Dessinez d'abord l'arbre des URL. Il doit rester stable, lisible et court. Des répertoires simples, en minuscules, avec des mots compréhensibles. L'adresse d'une page doit encore avoir du sens dans trois ans.

Pour un site de marque, cette organisation sert surtout la lisibilité. D'après Google Search Central (SEO Starter Guide, mise à jour 2025), le regroupement en répertoires peut influencer l'exploration au-delà de quelques milliers d'URL. En dessous, il aide avant tout les humains à s'y retrouver.

Dessinez ensuite l'arbre de navigation. Lui peut évoluer et accueillir des raccourcis. Une même fiche projet peut apparaître dans la page Projets, dans une page sectorielle et dans un article. C'est ce maillage qui fait circuler le visiteur.

Pour ces deux schémas, un tableau blanc collaboratif comme Miro ou FigJam suffit. Des outils spécialisés comme Octopus.do ou Slickplan deviennent utiles quand le site compte plusieurs centaines de pages.

5. Tester l'arbre avant de dessiner les écrans

C'est l'étape que presque tout le monde saute. Elle coûte pourtant très peu.

Le tree testing présente l'arborescence sous forme de texte, sans aucun design. On demande ensuite à des participants de trouver une information précise. Le Nielsen Norman Group recommande de le mener avant de produire les maquettes et les contenus, parce que modifier un tableur ne coûte rien.

Pour une version qualitative, quelques participants suffisent à repérer les intitulés ambigus. Le test révèle aussi vite les rubriques fourre-tout. NN/g observe que les visiteurs évitent les catégories trop vagues, de peur d'avoir à tout trier eux-mêmes.

Ce test ne remplace pas un test sur le site réel. Il ne mesure ni le design, ni les contenus, ni les animations. Mais il isole la question de la structure au moment où la corriger ne coûte presque rien.

Trois erreurs qui sabotent une arborescence

Ces trois erreurs n'ont rien d'exotique. On les retrouve sur des sites récents, conçus par des équipes expérimentées.

Erreur 1 : copier l'organigramme de l'entreprise

C'est l'erreur la plus fréquente. Le site reproduit la façon dont l'entreprise est organisée en interne : un onglet par département, un intitulé par équipe.

Ce qu'on entend le plus souvent en premier brief, c'est qu'il faut une page par pôle. Le réflexe est politique, et il se comprend. En réalité, le visiteur ne connaît pas vos pôles et ne cherche pas à les connaître. Il cherche une réponse à son problème. Le site s'organise autour de ses questions, pas de vos équipes.

Erreur 2 : aplatir le menu pour respecter la règle des trois clics

La règle des trois clics veut qu'aucune page ne soit à plus de trois clics de l'accueil. Elle est répétée partout. Elle n'a pourtant jamais été démontrée.

Le Nielsen Norman Group le rappelle dans un article consacré à ce mythe. Aucune étude publiée ne la confirme. Une étude de Joshua Porter a même montré que l'abandon n'augmente pas au-delà de trois clics, et que la satisfaction ne baisse pas.

NN/g cite un exemple parlant, le site de la ville de New York. Signaler un compteur d'eau défectueux n'y demande que trois clics. Mais le bon lien est le 133e d'une très longue liste. Le compte de clics est respecté, l'expérience est pénible.

Le vrai danger de cette règle, c'est donc l'effet inverse. Pour tout rendre accessible en trois clics, on fabrique des menus immenses. D'après Baymard Institute (Homepage and Category Navigation UX 2026, 2026), la plupart des participants aux tests se sentent dépassés au-delà d'une dizaine de sous-catégories. Mieux vaut un niveau de plus, avec des intitulés clairs, qu'une liste interminable.

Erreur 3 : laisser le visiteur sans repère

Un visiteur qui arrive sur une page profonde doit savoir tout de suite où il se trouve. C'est rarement le cas.

D'après Baymard Institute (Homepage and Category Navigation UX 2026, 2026), 96 % des sites e-commerce étudiés ne signalent pas, dans le menu principal, la rubrique du visiteur. Le même benchmark cite Marks & Spencer, qui colore en vert la catégorie active dans sa barre de navigation. Un détail, mais un repère immédiat.

Un schéma revient régulièrement sur les sites de portfolio. Le visiteur arrive de Google sur une fiche projet superbe, en plein écran, sans menu visible. Le réflexe du studio est de protéger l'immersion. En réalité, le visiteur ne sait ni chez qui il est, ni ce que l'entreprise fait d'autre. L'immersion n'interdit pas un repère discret.

Les repères coûtent peu. Une rubrique active signalée, un fil d'Ariane, un titre explicite, un lien de retour vers la liste. Ils transforment une page isolée en étape d'un parcours.

L'avis de l'expert

Vous sentez que vos meilleurs projets sont rangés trop loin ?

Faisons ensemble le tri entre ce qui doit être vu et ce qui peut attendre.

Refonte : comment changer d'arborescence sans perdre son référencement ?

En gardant les URL qui fonctionnent, en redirigeant les autres une par une, et en mettant à jour les liens internes. Le reste relève de la méthode et de la vérification.

Cartographier l'existant avant de bouger quoi que ce soit

Un audit UX montre où les visiteurs se perdent. La Search Console montre quelles pages rapportent des clics. Croisez les deux avant de toucher à la structure.

Les pages qui performent gardent leur adresse, même si elles changent de place dans la navigation. C'est tout l'intérêt de penser séparément l'arbre des URL et l'arbre de navigation. Le second peut bouger sans que le premier bouge.

Une table de correspondance, ligne par ligne

Pour chaque adresse qui disparaît, notez celle qui la remplace. Une redirection permanente par page, vers le contenu le plus proche. Jamais une redirection groupée vers l'accueil, qui fait perdre le lien entre l'ancienne page et son sujet.

Évitez les chaînes de redirections. La documentation de Google sur le budget d'exploration les range parmi les pratiques qui nuisent à l'exploration. Une ancienne adresse doit mener directement à la nouvelle, sans étape intermédiaire.

Vérifier après la mise en ligne

Mettez à jour les liens internes pour qu'ils pointent directement vers les nouvelles adresses. Soumettez le nouveau sitemap dans la Search Console. Surveillez ensuite le rapport d'indexation pendant les semaines qui suivent.

Des fluctuations sont possibles pendant que Google retraite les nouvelles adresses. Une baisse qui dure signale souvent une redirection oubliée ou une page devenue orpheline.

Vos questions les plus fréquentes sur l'arborescence site web

Une bonne arborescence se voit à peine, et se ressent partout

Une arborescence réussie ne se remarque pas. Le visiteur trouve, comprend, avance. Il ne se demande jamais où il est.

Derrière cette évidence, il y a des choix tranchés. Séparer l'arbre des URL de l'arbre de navigation. Organiser les pages autour des preuves plutôt que de l'organigramme. Nommer les rubriques avec les mots du client. Tester la structure avant de dessiner le premier écran.

Pour un site de marque, l'enjeu n'est presque jamais l'exploration par Google. L'enjeu est l'ordre dans lequel un inconnu découvre ce que vous valez. Parcourez nos projets récents avec cette question en tête : par où entreriez-vous, et qu'auriez-vous besoin de voir en premier ?

Vous voulez une structure qui raconte votre offre dans le bon ordre, avant de parler de design ?

Discutons de votre projet.