UX et ergonomie

Arborescence site internet : structurer vos pages efficacement

Trop de projets web commencent par les maquettes, ou par la reprise à l’identique des pages de l’ancien site. Tant que la hiérarchie des contenus n’est pas posée, chaque arbitrage se prend à l’aveugle. Construire son arborescence site internet en amont évite les rustines six mois après la mise en ligne, et donne à vos visiteurs comme aux moteurs de recherche un chemin clair vers vos pages stratégiques.
Arborescence site internet organisée en trois niveaux de pages reliés par des flèches
Conception web

Arborescence site internet : la méthode complète

Arborescence site internet : de quoi parle-t-on

L’arborescence décrit la hiérarchie des pages d’un site et les relations entre elles : quelles rubriques existent, quelles pages se rangent sous chacune, par quels chemins on y accède. On la représente sous forme d’arbre, d’où son nom.

Il ne faut pas la confondre avec deux documents voisins. Le plan de site XML est un fichier technique généré automatiquement pour les moteurs de recherche. Le menu de navigation, lui, n’est qu’une vue partielle : il affiche les entrées principales, pas les pages profondes. L’arborescence, elle, contient tout, y compris les pages légales et les pages de conversion.

Pourquoi elle conditionne votre référencement

Les moteurs de recherche parcourent un site en suivant les liens. Plus une page est éloignée de l’accueil en nombre de clics, moins elle est explorée et moins elle pèse. La règle de bon sens : toute page importante doit rester à trois clics de l’accueil.

La structure joue aussi sur la sémantique. Regrouper les pages d’un même sujet sous une rubrique commune, avec des liens entre elles, envoie un signal de cohérence thématique. À l’inverse, deux pages qui traitent la même requête depuis deux rubriques différentes se cannibalisent et perdent des positions toutes les deux.

Arborescence site internet : cinq étapes de construction

1. Inventorier l’existant. Sur une refonte, exportez la liste des adresses actuelles, leur trafic et leurs positions. Vous saurez quelles pages conserver, fusionner ou supprimer, et quelles redirections prévoir.

2. Partir des intentions de recherche. Listez les requêtes de votre marché et regroupez-les par intention. Chaque groupe cohérent devient une page ou une rubrique candidate. Ce travail se prolonge naturellement dans la rédaction du cahier des charges.

3. Regrouper avec les utilisateurs. Le tri par cartes consiste à faire classer les pages par quelques clients ou collaborateurs extérieurs au projet. Les regroupements obtenus surprennent souvent l’équipe interne.

4. Nommer les rubriques avec les mots des clients. Une rubrique intitulée Nos solutions n’apporte rien ; Entretien de toiture se comprend et se recherche.

5. Tester avant de maquetter. Demandez à quelqu’un où il irait chercher une information précise, à partir du seul plan, sans design. Dix personnes suffisent pour repérer les rubriques ambiguës.

Combien de niveaux, combien de pages par rubrique

Trois niveaux conviennent à la grande majorité des sites de PME : accueil, rubriques, pages de contenu. Un quatrième se justifie sur un catalogue en ligne étendu ou un site multilingue. Au-delà, les pages profondes sont rarement vues, par les visiteurs comme par les robots.

En largeur, visez cinq à sept entrées dans le menu principal. Au-delà, le choix devient coûteux pour le visiteur et le menu illisible sur mobile. C’est l’un des premiers sujets traités par nos équipes en ergonomie et design d’interface. Si une rubrique dépasse une vingtaine de pages, c’est souvent le signe qu’elle contient en réalité deux sujets distincts : séparez-la plutôt que d’ajouter un niveau.

Pensez les adresses en même temps : une URL courte, en minuscules et sans date, évite des redirections lors des réorganisations futures.

Arborescence site internet : les erreurs qui coûtent cher

Calquer l’organigramme de l’entreprise. Vos visiteurs ne cherchent pas un service interne, ils cherchent une réponse : l’organisation de la société n’a pas à transparaître dans le menu.

Créer une page par mot-clé. Multiplier les pages quasi identiques pour couvrir des variantes de requêtes produit l’effet inverse : elles se cannibalisent et diluent l’autorité du site.

Oublier les pages de conversion. Demande de devis, prise de rendez-vous, téléchargement : ces pages doivent figurer dans le document avec leurs points d’entrée.

Figer le plan. Une arborescence site internet vit : prévoyez où se rangeront les prochaines offres et les prochains articles de blog, plutôt que de les empiler en vrac.

De la maquette à la mise en oeuvre sous WordPress

Sous WordPress, la hiérarchie validée se traduit par des pages parents et enfants, des types de contenu dédiés quand une rubrique possède sa propre structure de données, et des catégories pour le blog. Les menus, eux, en sont une sélection, pas une copie.

Sur une boutique WooCommerce, les catégories de produits suivent la même logique, avec une attention particulière aux filtres : ils ne doivent pas générer des milliers d’adresses indexables. Sous Symfony, pour une application métier, le raisonnement s’applique aux écrans plutôt qu’aux pages.

Dernier point souvent négligé : tenez votre arborescence site internet à jour après la mise en ligne, qu’il s’agisse d’un site existant ou d’une création de site web. Elle servira de référence à chaque nouvelle page et fera gagner plusieurs jours à la prochaine refonte.

Le plan avant les plans

Arborescence site internet : la base d’un projet web réussi

Dans un projet de création ou de refonte, l’arborescence est le document qui liste toutes les pages du futur site et les organise en niveaux, de l’accueil aux pages de détail. C’est le premier livrable que nous validons avec nos clients PME et ETI, avant toute maquette. Pourquoi si tôt ? Parce qu’il fixe le menu principal, le nombre de gabarits à concevoir, le volume de contenus à produire et, par ricochet, le budget et le planning. Une arborescence site internet claire permet aussi de repérer les contenus manquants et ceux qui font doublon depuis des années sans que personne ne s’en aperçoive.

Julien, développeur back-end chez Agence2web

Quand un visiteur se demande où cliquer, ce n’est presque jamais un problème de design : c’est la structure du site qui ne correspond pas à sa façon de chercher.

Guion Julien
Fondateur Associé d’Agence2web

Questions fréquentes

Trois niveaux suffisent à la plupart des sites de PME : l’accueil, les rubriques et les pages de contenu. Le quatrième ne se justifie que pour un catalogue étendu ou un site multilingue, et toute page stratégique doit rester à trois clics de l’accueil.

L’arborescence est un document de conception, lisible par des humains, qui organise les pages avant la création du site. Le plan de site XML est un fichier technique généré par le site lui-même et destiné aux moteurs de recherche, qui liste les adresses à explorer.

La direction, le marketing et les personnes qui produiront les contenus. La validation porte sur le nom des rubriques, la place des pages de conversion et le volume de textes à rédiger : ces points engagent le planning.

Un tableur suffit pour lister les pages, une carte mentale pour visualiser la hiérarchie. L’outil importe moins que la méthode : un document partagé et daté, que chacun peut commenter avant les maquettes.

Oui, systématiquement. Une refonte est l’occasion de supprimer les pages sans audience, de fusionner les doublons et de réorganiser les rubriques. Le plan de redirections 301 se construit ensuite à partir de cette nouvelle hiérarchie.

Découvrez nos autres articles

Parlons ensemble de votre projet

Vous souhaitez créer votre site internet contactez-nous ?