Création de site web

6 étapes pour construire l’arborescence de votre site web

Sukru Tasci

14 juin 2023

Imaginez que vous vouliez construire votre maison, ou procédez à des travaux d’amélioration, cependant vous avez une vision assez floue de ce que vous souhaitez. Vous décidez de vous lancer malgré tout, et d’y aller au petit bonheur la chance.

Conclusion : vous ignorez par où commencer, les idées partent dans tous les sens, et le résultat n’est pas forcément à la hauteur de vos attentes.

Un site internet c’est la même chose. Si vous souhaitez créer votre site ou le rénover, il vous faut un plan d’agencement. Ce plan, c’est l’arborescence de votre futur site internet.

Il s’agit du plan d’architecture de votre site. Il contient la page d’accueil, définit et organise les emplacements des différentes pages de catégories et répertorie les articles.

Pour faire simple, il contient toutes les pages qui constituent votre site internet, et reflète sa structure et son organisation. Certains parlent du « squelette » d’un site.

Les bénéfices d’une arborescence de site web efficace

Une arborescence web efficace doit être claire et fluide, et ceci pour deux raisons majeures :

Facilite l’expérience utilisateur

Tout comme le fait qu’un visiteur reste plus longtemps dans une maison rangée et agréable, l’internaute se promènera plus longtemps sur votre site en se baladant de pages en pages. De plus, il trouvera sans doute plus rapidement l’information qu’il recherche et cela aura pour effet d’augmenter le taux de conversion ainsi que le nombre de clics. Résultat, le capital confiance de l’utilisateur est à la hausse, et votre image de marque valorisée.

Favorise le référencement naturel

Avec une architecture de site solide, vous obtenez un meilleur positionnement dans la SERP. En effet, Google privilégie les sites bien organisés, car il comprend mieux quels en sont les enjeux et ce que vous vendez. Si votre site web est hiérarchisé correctement, il devient plus lisible pour Google et ses robots et obtiendra une plus grande visibilité ainsi qu’une meilleure indexation.

Un parcours limpide et agréable découle d’une arborescence bien construite, ce qui est un atout gagnant-gagnant aussi bien pour les moteurs de recherche que pour les utilisateurs.

A l’inverse, une navigation difficile et complexe ou mal adaptée sera préjudiciable à votre entreprise et votre site ne sera pas optimisé.

Cependant, n’est pas architecte qui veut, alors comment fait-on pour créer une navigation fluide, logique et efficace me direz-vous ? Pour créer une arborescence optimisée, il est important de respecter certaines étapes.

Nous vous dévoilons quelques astuces pour devenir des pros de la construction d’arborescence et autres experts du ravalement de sites internet.

01 La planification

C’est la toute première étape, avant celle du design. La planification est une étape essentielle dans la création ou la refonte d’un site. A l’instar d’un plan de construction d’une maison, l’arborescence de votre site doit être fonctionnelle et simple d’utilisation.

Pour ce faire, prenez votre temps. Listez toutes vos idées sur une feuille de papier ou un tableau Excel. Vous pouvez également utiliser nos templates.

Réaliser un schéma sommaire de votre arborescence, en y intégrant vos futures pages de catégories et sous catégories. L’important est de rester le plus cohérent possible.

Retrouvez les conseils d’Estelle sur l’arborescence d’un site

02 L’agencement

Maintenant que vous avez une ébauche des différentes parties de votre futur site, il vous faut les organiser. Une navigation optimale se compose d’éléments fondamentaux. Vous devez penser à la répartition de vos contenus à l’intérieur de votre site.

La Page D’Accueil (Header)

C’est le menu de navigation principal. Toutes vos catégories doivent apparaitre dans le menu de la page d’accueil.

Vous devrez adapter le menu principal en fonction du nombre de vos pages, de vos objectifs, du type d’audience ciblée, et du type de site que vous désirez créer.

Rappeler-vous que le menu le plus efficace, est celui qui convient le mieux aux internautes.

Le Fil D’Ariane (Breadcrumbs)

C’est un des éléments de navigation. Il est situé en haut de la page et indique à l’utilisateur ou il se trouve. C’est le chemin qui guide l’internaute de la page d’accueil à la page qu’il recherche. Chaque étape du parcours est un lien cliquable. Un fil d’Ariane clair renforce le SEO et augmente le nombre de pages visitées par session.

Une arborescence mal structurée engendrera un fil d’Ariane confus et donc néfaste pour le référencement naturel.

Les Pages de Catégories

Les catégories principales représentent les grandes thèmes de votre site.

Reprenez votre liste d’idées établie lors de l’étape « planification », et ajoutez-y les informations essentielles sur chacune de vos pages. Ensuite, créer votre hiérarchie en regroupant les pages principales et en créant des catégories, si vous souhaitez ajouter une catégorie « Boutique » par exemple. Limitez vous à 7 catégories maximum et rappelez-vous que les catégories doivent être incluses dans le menu principal.

Soyez-logique lorsque vous nommerez vos catégories. Les titres doivent être parlant et être en rapport avec leur contenu.

Les Pages de Sous-Catégories

Si vos pages de catégories sont trop vastes divisez-les en sous-catégories. Elles doivent apporter des précisions par rapport à la catégorie à laquelle elles se rattachent.

Essayer de garder le même nombre de sous-catégories par catégories, pour ne pas créer de déséquilibre. Pour garder une structure optimale, il est conseiller d’anticiper l’évolution de votre site sur une durée de 2 à 3 ans. De cette manière, si à l’avenir vous souhaiter rajouter une page cela ne perturbera pas toute la structure de votre site.

La Catégorie Blog

Il est important de prévoir une structure pour répertoriez vos articles. La catégorie Blog, a pour fonction de classer les articles au fur et à mesure qu’ils sont publiés. Ils devront être répartis à l’intérieur des sous-catégories de blog selon leur thèmes.

Il n’y pas de limitation pour le nombre d’article de blog. Au contraire, plus vous en publierez en vous positionnant sur des nouveaux mots clés, plus vous gagnerez du trafic durablement.

On peut imaginer un menu secondaire uniquement pour le blog.

Les Liens Complémentaires (Sitelink)

Google récompense les sites bien organisés. Si votre site dispose d’une hiérarchie structurée, d’une navigation fluide et de liens fonctionnels, il vous accroit d’office des liens supplémentaires.

Ce «bonus» est extrêmement bénéfique pour le référencement naturel.

⚓ Les Liens Contextuels

Un maillage interne travaillé et réfléchi contribue à une bonne expérience utilisateur.

Les liens contextuels, comme les ancres, viennent compléter les liens de classification. Les ancres, ou texte d’ancrage, désignent les liens internes dans le contenu d’une page qui renvoient les internautes vers d’autres pages de ce même site.

Pour être efficace, la page de destination vers laquelle on crée le lien, devra apporter un éclairage ou des précisions, afin d’être pertinente pour la personne lisant la page actuelle.

Google considère qu’une page qui reçoit beaucoup de liens est intéressante et donc, il lui donne un poids supplémentaire. Lorsqu’il scanne le texte du lien pour comprendre en quoi consiste la page vers laquelle vous créez le lien, il analyse aussi la phrase et le paragraphe qui « entourent » le lien pour en comprendre le sens et recueillir des infos supplémentaires sur la page de destination.

L’ajout de lien à partir d’un contexte permet à Google d’évaluer et de classer correctement vos pages.

Cependant, il est préférable de distiller des liens judicieusement, à l’intérieur de vos contenus aux endroits les plus opportuns pour les internautes, plutôt que de mettre plusieurs liens dans une liste à puces en fin de page.

Vous souhaitez savoir comment structurer parfaitement votre site web pour le SEO ? Retrouvez notre webinaire animé par Julien et Louis Chevant.

03 La conception

Plusieurs outils peuvent vous aider à hiérarchiser votre arborescence.

Mindmeister : outil de cartographie mentale en ligne. Il permet de visualiser et de présenter ses idées via le Cloud.

Creately : logiciel de création visuelle collaboratif. Il vous propose de créer des diagrammes, et des visualisations colorées pour des plans originaux.

FlowMapp : outil collaboratif en ligne qui sert à concevoir un plan de site intuitif et fluide grâce à plusieurs interfaces d’action.

Gliffy: gratuit et disponible en ligne, il dispose d’une interface simple et vous aide à réussir votre arborescence en quelques minutes grâce à sa fonctionnalité « glisser-déposer ».

Mindnode : il favorise le processus de réflexion en structurant vos idées grâce à des cartes mentales illustratives.

Slickplan : logiciel collaboratif en ligne. Il encourage la création d’une arborescence grâce à un espace de travail partagé.

Dynomapper : il est utile pour mettre en œuvre des plans de site interactifs grâce à un générateur de plan.

Chez Pilot’in on utilise les logiciels Octopus et Figma.

Jérôme vous explique tout sur la prise en main de l’outil Figma

04 Le déblaiement

Dans le cas d’une refonte de site, il est important de faire un brin de ménage dans l’organisation de vos catégories, de vos articles, ainsi que les liens qui s’y rattachent.

Supprimer les liens inutiles

Vérifiez que les liens de vos pages sont toujours en activité et fonctionnels. Google pénalise les liens inutiles, les erreurs de navigation (la fameuse « erreur 404 ») ainsi que les sites avec peu de liens.

Limiter la profondeur de page

La profondeur de page désigne le nombre de clics nécessaire pour accéder à l’information recherchée, depuis la page d’accueil. Plus le nombre de clics est important, plus votre site sera pénalisé par Google. Dans l’idéal, le contenu de votre site doit être accessible rapidement, c’est-à-dire en 3 clics. Si vos pages se trouvent «enfouies » dans les tréfonds de votre site, n’hésitez pas à créer des liens afin d’établir des passerelles vers ces pages.

05 Les finitions

Un plan du site à jour (Sitemap)

Le Sitemap se trouve à la racine de votre site. Il contient des informations détaillées sur les types de contenus qui s’y trouvent et donne une liste complète des pages et fichiers à indexer dans les moteurs de recherche. Google n’est pas parfait, et si on le laisse trouver par lui-même les pages à indexer, il peut très bien en oublier, ou ne pas toutes les voir. Grâce à un plan de site à jour, les algorithmes repèrent vos pages plus facilement.

Le plan de site est créé automatiquement. Pour le consulter, rendez-vous sur votre site puis tapez : /sitemap. xml à la fin de l’adresse URL de votre site.

Si vous disposez déjà d’un sitemap de site Web, nous vous recommandons de créer un plan de site distinct pour le contenu des actualités.

Une URL optimisée

La structure URL a un impact dans le référencement de votre site. Avec une URL simple et lisible, votre site gagnera en visibilité dans la SERP et vous obtiendrez un trafic de qualité.

La structure URL est lié à votre arborescence : si celle-ci est bien organisée, vos url le seront également. Ils sont en quelque sorte le prolongement de l’organisation de votre site.

06 La vérification

Expérimentez votre arborescence en vous mettant à la place de l’internaute et imaginez son parcours. Est-ce que la navigation est fluide ? Est-ce qu’elle est intuitive? Combien de clics faut-il pour accéder à une information ? Est-ce que les liens internes sont pertinents et logiques ? Dans le cas contraire, vous pourrez procédez aux modifications qui s’imposent.

A RETENIR

✔️ Prenez votre temps pour construire une hiérarchie logique

✔️ Organiser vos pages de manière fluide .

✔️ Pas plus de 6 à 7 pages de catégories.

✔️ L’information doit être accessible en 3 clics.

✔️ Les pages les plus fondamentales doivent contenir des liens internes fonctionnels et pertinents.

✔️ Evitez l’ajout de plusieurs liens dans une liste à puces en fin de page.

Pour conclure, nous pouvons dire que l’arborescence de site web est d’une importance capitale lorsqu’il s’agit de définir la représentation globale d’un projet. En effet, elle parle de la forme que prendra votre site et représente les nombreux niveaux de services que vous souhaitez offrir à vos utilisateurs. Déterminer une structure claire est essentiel pour répondre aux besoins de navigation de vos visiteurs et faciliter leur exploration.

L’arborescence d’un site peut prendre de nombreux niveaux de profondeur, selon le besoin du site. Par exemple, un site de e-commerce peut avoir besoin de plusieurs niveaux pour présenter tous ses produits et services, tandis qu’un blog peut avoir une structure plus simple. Il est donc crucial de bien vérifier et de réguler ces niveaux pour améliorer l’expérience utilisateur.

Enfin, n’oubliez pas que l’arborescence n’est pas gravée dans le marbre. Il est possible, et même recommandé, de la modifier en fonction des commentaires des utilisateurs et des nouvelles tendances. Ainsi, peu importe où vous en êtes dans votre projet, prenez le temps d’explorer votre arborescence, de l’ajuster et de l’améliorer en continu.

Quelle que soit la profondeur de votre arborescence, la règle générale est de toujours offrir à vos utilisateurs une expérience de navigation fluide et intuitive, afin qu’ils puissent explorer votre site avec aisance.

[Article rédigé par Aurore Gravito, rédactrice web en stage chez Pilotin en Mai 2023]