Arborescence de site web : comment bien structurer son site

L'arborescence d'un site web est le plan de ses pages et de la façon dont elles se relient. Pour un site B2B, une bonne arborescence part des questions que se posent vos acheteurs, pas de l'organigramme de l'entreprise. C'est la première chose que je construis dans une refonte, avant d'ouvrir Figma.

La plupart des guides sur le sujet présentent les types d'arborescence (linéaire, en silo, en réseau) et les outils pour la dessiner. C'est utile, mais une PME qui vend des équipements ou un service technique bute rarement là. Elle bute sur des questions plus concrètes : quoi mettre au premier niveau du menu, comment ranger quarante références, où placer la demande de devis.

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

L'arborescence est la hiérarchie des pages d'un site. La page d'accueil est au sommet, les grandes rubriques en dessous, puis les pages de détail. On la représente souvent comme un arbre à l'envers, d'où son nom.

Elle ne se confond pas avec le menu. Le menu affiche une partie de l'arborescence, celle qu'on veut rendre visible tout de suite. Une fiche produit ou une étude de cas fait partie de l'arborescence sans apparaître dans le menu.

Elle ne se confond pas non plus avec le sitemap XML. Le sitemap est un fichier technique qui liste les URL pour les moteurs de recherche. L'arborescence est une décision : quelles pages existent, à quel niveau, et comment on passe de l'une à l'autre.

Pourquoi l'arborescence d'un site internet compte autant en B2B

Un acheteur professionnel arrive sur votre site avec une question précise. Un installateur cherche une référence ou une documentation. Un directeur des achats veut savoir si vous traitez son cas. Si la réponse existe sur le site mais à trois endroits différents, ou sous un intitulé qu'il ne reconnaît pas, il repart sans demander de devis.

L'arborescence compte aussi pour Google. Quand chaque offre a sa page, avec un titre clair et des liens qui y mènent, le moteur comprend quelle page répond à quelle recherche. Quand tout tient sur une page « Nos solutions » qui parle de dix sujets, aucune page ne ressort vraiment.

Étape 1 : partir des questions de vos acheteurs

Avant de lister des pages, je liste des questions. Que veut savoir un prospect avant de vous contacter ? Que demandent vos clients au téléphone, encore et encore ? Qu'est-ce que vos commerciaux expliquent à chaque premier rendez-vous ?

Chaque question importante devient une page ou une section de page. Ce qui ne répond à aucune question n'a pas besoin d'être dans le menu, même si c'est important pour l'entreprise. L'historique de la société a sa place, mais rarement au premier niveau.

Cette liste se construit avec vous, pendant l'atelier de cadrage. Vous connaissez les questions de vos clients mieux que n'importe quel prestataire. Mon travail est de les ranger.

Étape 2 : ranger l'offre par usage, pas par référence interne

Beaucoup de sites industriels rangent leurs produits comme l'entreprise les connaît : par gamme, par série, par code. C'est logique pour l'équipe commerciale. Pour un visiteur qui ne connaît pas encore vos références, ça ne veut rien dire.

Le visiteur, lui, sait ce qu'il doit faire : sécuriser un accès, piloter une installation, mesurer une valeur. Une rubrique « Applications » ou « Solutions par besoin » le mène vers les bons produits sans qu'il ait à connaître votre catalogue.

C'est le choix fait sur la refonte du site d'un acteur européen de la sécurité électronique. L'arborescence a été reprise autour des usages des installateurs et des distributeurs, qui consultent souvent le site depuis le terrain. Le catalogue, les actualités et la documentation technique vivent dans le CMS, en français et en anglais. Le détail est dans l'étude de cas sécurité électronique.

Étape 3 : une page pour chaque offre et chaque intention

Une page doit répondre à une intention. Si vous proposez l'installation, la maintenance et la formation, ce sont trois pages, parce que ce sont trois recherches différentes et trois acheteurs qui n'attendent pas la même chose.

L'inverse pose aussi problème. Deux pages qui traitent du même sujet se font concurrence dans Google, et le visiteur ne sait pas laquelle lire. Pendant la construction de l'arborescence, je vérifie que chaque page a un sujet que les autres n'ont pas.

Étape 4 : limiter la profondeur et relier les pages entre elles

Trois niveaux suffisent à la plupart des sites B2B : l'accueil, les rubriques, les pages de détail. Au-delà, les pages profondes reçoivent peu de liens et sont plus difficiles à trouver, pour le visiteur comme pour Google.

On cite souvent la règle des trois clics. Le nombre de clics compte moins que la confiance à chaque clic : si l'intitulé du lien correspond à ce que le visiteur cherche, il accepte un clic de plus. S'il hésite à chaque étape, deux clics sont déjà de trop.

La hiérarchie ne fait pas tout. Les liens transversaux comptent autant : une fiche produit qui renvoie vers la réalisation où on la voit installée, une réalisation qui renvoie vers la documentation. Ces liens permettent d'aller d'une question à la suivante sans repasser par le menu.

Étape 5 : placer la demande de devis dans l'arborescence

La page contact n'est pas le seul endroit où un prospect décide. Il décide souvent sur une fiche produit ou une page d'application, au moment où il a trouvé sa réponse. Le bouton de devis doit être là.

Sur le site d'un prestataire logistique B2B, toutes les pages services suivent le même ordre : le problème du client, la solution, les bénéfices, la preuve, puis la demande de devis. Après la mise en ligne, le temps passé sur les pages services a augmenté et le taux de rebond a baissé. Le visiteur comparait les services sans réapprendre à lire chaque page.

Exemple d'arborescence de site web pour une PME industrielle

Voici une arborescence type pour une PME qui fabrique ou installe des équipements techniques. Ce n'est pas le site d'un client, c'est une base que j'adapte à chaque projet.

Deux choix structurent cet exemple. Les applications passent avant les produits, parce que le visiteur cherche d'abord une solution à son problème. Et les réalisations ont leur propre rubrique, parce qu'en B2B technique, c'est souvent ce que l'acheteur veut voir avant de demander un prix. D'autres exemples de sites vitrines pour une offre technique montrent ces choix appliqués à de vrais projets.

Les erreurs d'arborescence qui reviennent sur les sites techniques

Quand j'analyse le site d'une PME industrielle, certains points reviennent souvent. Le menu reprend l'organigramme, avec une rubrique par service interne. Une page « Nos métiers » regroupe toutes les offres sur un seul écran, sans page dédiée pour chacune. Les produits n'existent que dans un catalogue PDF à télécharger, que Google lit mal et que le visiteur doit fouiller.

Il y a aussi les rubriques qui ont vieilli. Une page actualités dans le menu principal, dont la dernière entrée annonce un salon d'il y a deux ans, fait douter le visiteur que l'entreprise soit encore active. Si vous n'avez pas le temps de la tenir à jour, elle peut descendre dans le pied de page.

Avec quel outil dessiner son arborescence ?

Un tableur ou une feuille de papier suffisent pour commencer : une ligne par page, une colonne par niveau. Ce qui compte est la liste des pages et leur ordre, pas la beauté du schéma. Les outils en ligne comme GlooMaps, Miro ou Slickplan rendent le résultat plus facile à partager et à commenter.

Dans mes projets, l'arborescence est validée avec le client avant les maquettes. Changer une rubrique sur un tableau prend cinq minutes. La changer une fois les maquettes faites oblige à reprendre des écrans entiers.

Questions fréquentes

Quelle est la différence entre arborescence et sitemap ? L'arborescence est l'organisation des pages, pensée pour le visiteur. Le sitemap XML est un fichier technique qui liste les URL du site pour les moteurs de recherche. Le second découle du premier.

Combien de niveaux doit avoir l'arborescence d'un site web ? Trois niveaux suffisent à la plupart des sites B2B : l'accueil, les rubriques et les pages de détail. Un gros catalogue peut demander un niveau de plus, à condition que chaque niveau ait un intitulé clair.

Combien de pages faut-il pour un site vitrine B2B ? Assez pour que chaque offre et chaque usage aient leur page, plus les réalisations, l'entreprise et le contact. Ma refonte de base prévoit jusqu'à 8 pages et une collection CMS, pour les produits, les réalisations ou les articles.

Faut-il changer l'arborescence lors d'une refonte ? Souvent, oui, c'est même le cœur de la refonte. Chaque ancienne URL doit alors être redirigée vers sa nouvelle page, sans quoi vous perdez le référencement acquis. Je détaille ce point dans mon guide sur la refonte de site pour une PME B2B.

Qui doit construire l'arborescence ? Le prestataire la propose, mais elle se construit avec l'entreprise : vous connaissez les questions de vos clients, il sait les traduire en pages. Elle a sa place dans le cahier des charges du site, avant toute maquette.

Commencer par le plan

Une arborescence se dessine du point de vue de quelqu'un qui ne connaît pas encore votre entreprise. Si votre site présente bien vos produits mais génère peu de demandes, c'est souvent là que se trouve le blocage, et c'est par là que je commence une refonte de site internet.