Webdesign : comment construire l’arborescence de son site web

L’arborescence d’un site web correspond à la structure et à l’organisation des différentes pages qui se trouvent sur un site Internet : en d’autres termes, il s’agit du squelette de votre site. Bien construite, l’arborescence d’un site permet une navigation fluide, qui aide l’internaute à trouver rapidement l’information recherchée. On fait le point !

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

Définition de l’arborescence d’un site

Pour que la navigation sur un site web soit cohérente, il est primordial d’organiser et de structurer la connexion entre ses différentes pages de façon stratégique : c’est ce qu’on appelle l’arborescence. Chaque site web possède sa propre architecture, qui vise à optimiser l’expérience utilisateur à travers un parcours de navigation rapide et logique.

On parle d’arborescence, car le squelette d’un site web est imaginé tel un arbre, dont les informations partent de son tronc pour s’organiser en branches, puis en feuilles. L’arborescence d’un site web commence par sa page d’accueil. On peut ensuite accéder à différentes catégories (sous-pages), elles-mêmes divisées en d’autres sous-catégories.

Dans quels cas doit-on travailler l’arborescence de son site ?

L’arborescence d’un site web se travaille en amont de sa construction. Il s’agit d’une réflexion stratégique importante. Elle permet de créer un site efficace, tant d’un point de vue de l’expérience utilisateur (UX) que du référencement naturel (SEO). Une arborescence peut également être imaginée lors de la refonte d’un site web déjà en ligne. Dans ce cas, la structuration d’une nouvelle arborescence permet d’améliorer l’existant.

De plus, construire une arborescence de site web offre plusieurs avantages, tels que :

• Avoir une vision d’ensemble de son projet : l’arborescence permet de visualiser avec un maximum de recul la cohérence du site web, et l’organisation des informations qu’il contient avant sa mise en production.
• Optimiser la navigation des internautes : l’arborescence d’un site web vise à créer une expérience utilisateur agréable, durant laquelle chaque internaute trouve rapidement et facilement l’information qu’il recherche.
• Optimiser le référencement naturel : les robots viennent crawler les différentes pages du site pour s’assurer de sa pertinence. Un bon maillage entre les pages permet de meilleurs résultats en termes de référencement naturel.

Comment construire l’arborescence d’un site web ?

1. Définir l’objectif du site web

Premièrement, il est nécessaire de connaître l’objectif que l’on souhaite atteindre avec son site web avant de passer à sa conception. C’est selon cet objectif que vous construirez votre arborescence de site. Votre site est-il un site e-commerce ou vitrine ? Souhaitez-vous acquérir de nouveaux clients, gagner en notoriété, transmettre des informations, ou vendre un produit ?

2. Choisir les bons mots clés

Commencez par sélectionner un mot clé principal, puis des mots clés secondaires. Ces derniers vous aideront à imaginer les futures catégories et sous-catégories de votre arborescence de site.

3. Lister et organiser les contenus du site web

À présent, vous pouvez lister et classer l’ensemble des contenus que vous souhaitez intégrer à votre site web. Il est temps d’organiser ces idées selon les différentes catégories définies plus haut. Par exemple, chez BDM, l’arborescence du site est organisée selon 5 catégories principales : Web, Marketing, Social, Tech et Tools.

4. Analyser la concurrence

Pour ne pas passer à côté de catégories essentielles ou d’éléments spécifiques, n’oubliez pas d’observer l’arborescence de vos concurrents. Certains ont peut-être pensé à des détails pertinents qu’il serait intéressant d’étudier !

5. Créer le schéma de l’arborescence

Dessinez le squelette de votre site web. Votre arborescence prendra alors la forme d’une carte mentale. Cette étape permet d’aboutir à une visualisation claire du plan de votre site. Vous pouvez passer par des logiciels de mind mipping tels que l’outil gratuit Mindmaps.app, ou les applications plus poussées XMind et Coggle. Vous avez aussi la possibilité de miser sur un outil de tableau blanc virtuel pour plus de liberté !

Découvrez les meilleurs outils pour créer des tableaux blancs

Miro

Tableau blanc

Microsoft Whiteboard

Tableau blanc

Freeform

Tableau blanc

Excalidraw

Tableau blanc

Voir tous les outils Tableau blanc

6. Tester l’arborescence (scénariser)

Une fois l’arborescence de votre site web créée, il est temps de la mettre à l’épreuve. Testez tous les scénarios possibles pour évaluer l’efficacité de votre structure. Imaginez le parcours qu’un internaute pourrait réaliser en arrivant sur votre site Internet. Avec votre arborescence, trouve-t-il rapidement l’information ou le produit qu’il recherche ?

Quels outils utiliser pour créer une arborescence de site ?

Pour créer l’arborescence d’un site web, plusieurs solutions existent. Les outils de mind mapping permettent de construire votre schéma sous la forme d’une carte mentale.

Et si vous souhaitez aller plus loin, en imaginant une arborescence sous la forme d’un prototype animé, vous pouvez vous tourner les logiciels de wireframing qui offrent un niveau de conception plus poussé.