Bon, premièrement, c’est quoi une arborescence?
Un site web est normalement constitué de contenu sur une variété de sujets et présenté sous la forme de pages ou d’articles de blogue. Et bien l’arborescence elle, est l’organisation du contenu et de ses pages et l’interaction de celles-ci. C’est souvent la première étape d’un projet de refonte ou de création de sites web, et elle est extrêmement importante, parce que sans squelette ou structure, vos clients risquent de se perdre, vos taux de rebonds, d’augmenter! Et on ne veut pas ça. Voilà c’est dit!
Maintenant, comment construire une arborescence efficace?
Les mots
Avant mettre de vous mettre au plan de pages, vous voudrez déterminer vos mots-clés et faire l’inventaire du contenu de votre site web. Pour ce faire, vous pouvez utiliser des outils tels que SEMRush pour rechercher des mots-clés pertinents pour votre activité. Pensez à regarder leur volume de recherche mensuel. Si votre mot génère 5 recherches Google dans les 3 derniers mois, oubliez-le! Il ne va pas aider à vous générer du trafic de façon organique.
Le contenu
Après les mots… vient le contenu! On conseille au maximum 3 niveaux de menus pour votre page d’accueil, même si normalement, 1 niveau, c’est l’idéal! Dans le niveau secondaire, on va penser à inclure le blogue, les nouvelles ou encore une FAQ. Ce n’est que dans le niveau primaire que nous allons vraiment élaborer les services, l’accueil et les fameuses pages à propos et contact. Pensez à tout ce que vous voulez intégrer sur votre site, et organisez-le bien! Pour ne rien oublier, jetez un œil à vos concurrents, ils ont souvent déjà fait le travail et cela vous permettra de voir si vous n’avez pas négligé ou oublié un élément crucial.
Le schéma
Nous réalisons toutes nos arborescences dans MIRO, mais il existe plusieurs outils tels que FIGMA, Balsamiq ou même un bon vieil Excel peut faire le travail! Le choix vous revient. Tâchez simplement de faire des blocs en incluant tous vos niveaux de menus, les pages et les sous-pages. Les boutons seront généralement ajoutés en phase 2 lors de la conception des premières maquettes. Simulez les comportements de vos navigateurs, par exemple, sur quelle page d’atterrissage est-il arrivé? Et par quel canal d’acquisition? Que voudra-t-il voir ensuite? Est-ce qu’il y a une façon simple et claire de communiquer avec nous une fois qu’il aura pris sa décision d’achat.
Le but : qu’il se retrouve le plus rapidement et le plus facilement possible. C’est ce qu’on appelle l’expérience utilisateur les amis!
Regrouper et hiérarchiser des pages
Une fois votre schéma fait, vous voudrez peut-être apporter des améliorations à la navigation du menu ou regrouper du contenu en priorisant ce qui est le plus pertinent ou non. Votre menu va changer dans le futur, car comme votre entreprise évolue, il devra refléter vos nouveaux services et départements. Anticipez donc ces changements à l’avance. Misez sur une arborescence évolutive.
Construire une arborescence, c’est un peu comme se mettre dans les chaussures d’un architecte qui veut bâtir une maison et l’architecture doit parfois s’adapter à l’évolution de ses usages. Alors on vous pose une question, est-ce que votre site actuel respecte bien vos objectifs? Sinon, il serait peut-être tant de mettre votre arborescence à jour! Contactez nos spécialistes UX/UI.