Arborescence d'un site internet : méthode, modèles et erreurs à éviter

Avant de dessiner un site, il faut savoir quelles pages il contient et comment on passe de l'une à l'autre. C'est l'arborescence. On la décide souvent trop vite, en recopiant le menu d'un concurrent. Elle conditionne pourtant ce que vos visiteurs trouvent, ce que Google comprend de votre site, et le coût de chaque page ajoutée plus tard.

Cet article donne une méthode en six étapes, deux modèles à recopier, un exemple réel et les erreurs les plus fréquentes.

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

L'arborescence d'un site internet est son plan hiérarchique : la page d'accueil, les rubriques principales qui en partent, puis les pages qui détaillent chaque rubrique. On la dessine comme un arbre renversé ou comme une liste indentée. Elle répond à deux questions : quelles pages existent, et depuis quelles pages on y accède.

Trois notions voisines sont souvent confondues avec elle :

Pourquoi l'arborescence compte pour vos visiteurs et pour Google

Pour vos visiteurs, une arborescence claire permet de trouver une information sans réfléchir au chemin. Un prospect qui cherche vos tarifs ou votre zone d'intervention doit les atteindre depuis le menu, pas depuis le troisième paragraphe d'une page.

Pour Google, l'arborescence passe par les liens. Dans sa documentation sur la structure des sites d'e-commerce, Google explique qu'il analyse les liens entre les pages pour identifier leur importance relative : le nombre de liens à suivre pour atteindre une page et le nombre de liens directs qui y mènent comptent. Il ajoute qu'en général, la structure des URL n'est pas prise en compte pour déterminer l'architecture d'un site. Autrement dit, une page n'est pas importante parce que son adresse est courte, mais parce que beaucoup de pages du site la relient.

Comment construire l'arborescence de votre site en six étapes

1. Lister ce que vos clients viennent chercher

Partez des questions que l'on vous pose au téléphone : ce que vous faites, pour qui, où, à quel prix, en combien de temps, avec quelles garanties. Ajoutez les recherches que vos clients tapent sur Google. Chaque besoin important mérite une réponse visible, et souvent une page.

2. Faire l'inventaire des contenus

Listez ce qui existe déjà (textes, photos, réalisations, documents) et ce qu'il faudra produire. Pour une refonte, partez des pages actuelles et de leurs visites : celles qui en reçoivent doivent garder une place.

3. Regrouper par thèmes

Rangez ces contenus en quelques grandes familles, avec les mots de vos clients plutôt qu'avec ceux de votre organisation interne. Un bon test : écrivez chaque contenu sur un papier et demandez à deux ou trois clients de les classer. Les regroupements qu'ils font spontanément valent mieux que l'organigramme de l'entreprise.

4. Hiérarchiser

Placez les familles au premier niveau, sous l'accueil, puis le détail au deuxième niveau. Les pages qui rapportent (vos services, votre page contact) doivent être reliées depuis le menu et depuis l'accueil.

5. Nommer les pages et leurs adresses

Donnez à chaque page un titre clair et une adresse lisible. Google recommande des URL simples et descriptives, avec des mots dans la langue de votre public, séparés par des traits d'union : /services/depannage-chauffe-eau plutôt que /page?id=482.

6. Vérifier les liens

Pour chaque page, notez depuis quelles autres pages on y arrive. Une page qu'aucun lien ne rejoint, dite orpheline, est difficile à trouver pour vos visiteurs comme pour Google. Ajoutez un fil d'Ariane sur les pages de deuxième niveau : il indique la position de la page dans l'arborescence et permet de remonter d'un niveau à la fois.

Modèle d'arborescence pour un site vitrine

Voici une arborescence type pour une entreprise de services, à adapter à votre activité. Les pages en retrait sont au deuxième niveau.

• Accueil : ce que vous faites, pour qui, où, et le bouton de contact.
• Services : une page par service important, chacune avec ses tarifs ou ses fourchettes.
• Réalisations : vos projets, avec photos et contexte réel.
• À propos : l'équipe, la méthode, les engagements.
• Blog ou conseils, si vous pouvez l'alimenter.
• Contact : formulaire, téléphone, adresse, horaires.
• En pied de page : mentions légales, politique de confidentialité, gestion des cookies, plan du site.

Cinq à huit entrées de menu suffisent dans la plupart des cas. Si vous hésitez entre une page unique et plusieurs pages, notre article sur le site one page détaille quand un site d'une seule page suffit.

Exemple d'arborescence d'un site e-commerce

Une boutique ajoute deux niveaux : les catégories et les produits. Google recommande de relier les menus aux pages de catégorie, les catégories aux sous-catégories, puis les sous-catégories à toutes les pages de produits. Si une catégorie ne relie pas tous ses produits, certains risquent de n'être trouvés que par le moteur de recherche interne, que Googlebot n'utilise généralement pas.

Pour mettre en avant un produit phare, Google conseille de le relier depuis l'accueil ou depuis d'autres contenus du site. Le budget d'une boutique est détaillé dans notre guide prix d'un site e-commerce.

Un exemple réel : l'architecture du site Footpass

Pour Footpass, plateforme qui sécurise les échanges entre acteurs du football, le schéma d'architecture tient en 7 sections et 12 pages. Le site n'a qu'une mission, faire installer l'application, et chaque section y mène. L'étude de cas Footpass montre ce schéma à côté de l'identité visuelle et des écrans du site.

Les erreurs d'arborescence qui coûtent des visites

• Des pages orphelines, reliées par aucune autre page : elles existent, mais personne ne les trouve.
• Deux pages pour la même question, qui se font concurrence sur Google : mieux vaut une seule page complète.
• Des rubriques au nom vague (« Solutions », « Univers ») qui obligent à cliquer pour comprendre.
• Un menu construit en JavaScript sans vrais liens : Google recommande de vrais liens HTML, avec une adresse dans l'attribut href, pour qu'ils soient explorables.
• Des adresses changées sans redirection lors d'une refonte : les anciennes pages tombent en erreur et perdent leurs positions.
• Une arborescence trop large : quinze entrées de menu au même niveau, sans hiérarchie, valent un menu illisible.

Arborescence et accessibilité

Le RGAA, référentiel français d'accessibilité, demande que chaque ensemble de pages propose au moins deux systèmes de navigation parmi trois : un menu, un plan du site, un moteur de recherche. Il demande aussi que le menu soit toujours à la même place et dans le même ordre. Même si vous n'êtes pas tenu de l'appliquer, ces deux règles aident tous les visiteurs, et elles se décident au moment de l'arborescence.

Faut-il changer l'arborescence lors d'une refonte ?

Souvent, oui : une refonte est le bon moment pour regrouper les pages qui se répètent et créer celles qui manquent. Chaque adresse qui change doit alors rediriger vers la page qui la remplace, en redirection permanente (301). Notre guide refonte de site web : quand et comment détaille le tableau de redirections, et notre article prix d'une refonte ce que ce travail représente dans un devis.

L'arborescence chez DMA Digital

Dans nos projets de création de site vitrine, le plan du site est la deuxième étape, juste après le cadrage : nous choisissons les pages et le contenu de chacune selon les questions de vos clients, puis nous écrivons les textes et dessinons les maquettes. Pour une refonte de site, nous listons en plus chaque ancienne adresse et la page qui la remplacera.

Si vous préparez votre projet, notez votre arborescence dans votre cahier des charges : c'est la base de devis comparables. Pour en parler, prenez rendez-vous.