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
![Miniature de la vidéo](https://i.ytimg.com/vi/JaBpY781qKU/hqdefault.jpg)
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.
⚓ 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.
![Miniature de la vidéo](https://i.ytimg.com/vi/vfp0KQybCog/hqdefault.jpg)
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](https://i.ytimg.com/vi/qMlMM5878Oc/hqdefault.jpg)
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.
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](https://www.pilot-in.com/wp-content/uploads/Frame-1633.png)