icon wave Création de site web

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

author avatar Sukru Tasci

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 bien définie est essentielle pour deux raisons majeures : améliorer l’expérience utilisateur et optimiser le référencement naturel.

Facilite l’expérience utilisateur

Tout comme un espace bien organisé où l’on trouve facilement ce que l’on cherche, une arborescence fluide permettra à l’internaute de se promener plus longtemps sur votre site en passant de pages en pages. Il accède rapidement aux informations clés, reste plus longtemps, ce qui contribue à augmenter le taux de conversion et de clics. Une navigation claire renforce également la confiance des utilisateurs et valorise l’image de votre entreprise.

Favorise le référencement naturel

Une arborescence optimisée améliore le positionnement de votre site dans les résultats de recherche (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. Comme par exemple : analyser vos sujets, lister vos pages, et définir des critères de hiérarchisation. Pensez à gérer la profondeur de vos contenus pour offrir un équilibre entre accessibilité et détail. Un bon choix de base graphique et une version claire de votre structure permettent d’obtenir un site performant, aussi bien pour vos visiteurs que pour les moteurs de recherche.

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

Téléchargez le modèle d’arborescence parfaite de site web

Pour examiner votre demande, nous traitons vos données personnelles. Pour plus d’informations, consultez notre politique de confidentialité.

Frame arborescence parfaite

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

Miniature de la vidéo

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 bien structuré optimise l’arborescence de votre site, améliorant ainsi l’expérience utilisateur.

Les liens contextuels, comme les ancres, viennent renforcer les liens de classification. Ces ancres, ou textes d’ancrage, définissent les liens internes dans le contenu d’une page, permettant aux internautes de naviguer facilement vers d’autres parties du site.

Pour être efficace, la page de destination du lien doit apporter un éclairage pertinent sur le sujet traité, afin de répondre à la requête de l’internaute.

Google analyse le nombre de liens pointant vers une page, un critère important pour déterminer son poids. En plus du texte du lien, il scrute la phrase et le paragraphe environnants pour comprendre la profondeur du contenu et son lien avec la page de destination.

L’ajout de liens contextuels permet à Google de mieux gérer et classer vos pages, augmentant ainsi le taux de pertinence.

Cependant, il est crucial de lister et de placer les liens aux endroits stratégiques, plutôt que d’en ajouter en masse dans des listes, afin de traiter efficacement les attentes des utilisateurs et de surpasser la concurrence.

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

Miniature de la vidéo

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

Miniature de la vidéo

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.

Conclusion

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.