Sélectionner une page
Développement Web

Comment concevoir l’arborescence de votre site Web?

Publié le 6 novembre 2020

Avant de préparer la création ou la refonte de votre site Web, il est nécessaire de créer une arborescence du site Web qui donne un aperçu structurel du site internet et des différents chemins de navigation.

Faire un plan pour votre propre site Web est généralement très difficile. L’organisation du contenu n’est jamais facile et il est généralement beaucoup plus hétérogène que vous ne le pensiez au départ.

arborescence site internet conception

Plus important encore, concevoir une arborescence signifie classer et faire des choix, ce qui peut prendre un certain temps. C’est une tâche difficile, mais elle est très importante. Sans une navigation appropriée, un site Web, aussi beau soit-il, ne peut pas atteindre ses objectifs Vous risquez d’avoir un site internet lent. Cet article devrait vous fournir toutes les clés pour comprendre les défis de la création d’une arborescence de site Web.

L’avancement du site Web est l’étape de base de la construction d’un site internet

L’arborescence du site prend généralement la forme d’un diagramme, qui divise la page en plusieurs sections et définit différents niveaux de navigation. Il s’agit généralement de la première étape de la conception d’un site Web.

Après avoir vérifié l’arborescence du site, toute l’équipe recevra un aperçu du site. L’étape suivante consiste à créer des partitions de page, c’est-à-dire à diviser la page principale en plusieurs zones.

Par exemple, un carré pour le logo et un rectangle pour le menu principal, un rectangle horizontal à gauche pour le menu secondaire, etc. Ensuite, on passe des zonages aux wireframes où l’on ajoute les principaux textes et composants graphiques. Puis, enfin, des wireframes aux maquettes graphiques du site.

Faites attention à la structure arborescente pour guider au mieux vos visiteurs. C’est bien sûr le premier défi. Il est d’usage de dire qu’une page accessible en 3 clics est inutile. Organiser de grandes quantités d’informations est souvent très difficile. Il n’y a pas de recette magique ! Vous devez faire votre premier plan de navigation, observer ce qui se passe et l’améliorer progressivement. La meilleure navigation peut être basée sur les éléments suivants :

  • Un menu de navigation principal, éventuellement avec un menu secondaire qui apparaît dans l’aperçu du menu principal.
  • Menu de navigation secondaire, il peut s’agir du menu fils de l’élément sélectionné dans le menu principal, mais cela peut aussi être un menu complètement différent.
  • Moteur de recherche interne.
  • Barre latérale, où vous pouvez promouvoir la navigation via des suggestions de produits ou d’articles.
  • Pied de page, avec accès aux principales catégories du site Web ou aux pages clés.

Si votre arborescence est bien pensée, vous pouvez mettre en place une navigation efficace pour toutes les situations. Concevoir une arborescence signifie non seulement diviser le contenu en catégories et sous-catégories, mais aussi le flux attendu.

Si les visiteurs visitent la page XY via des canaux d’acquisition payants et sont intéressés par les produits ABC, peuvent-ils facilement accéder à la page cible? Il est difficile d’anticiper tous les processus. Obtenez trois profils de visiteurs. Chaque profil de visiteur arrive par différents canaux et a des exigences différentes sur différentes pages cibles. Ceci est très utile pour améliorer sa structure arborescente et la rendre réaliste.

Faites attention à votre arborescence pour améliorer l’indexation naturelle et pensez à indiquer aux moteurs de recherche l’adresse de vos sitemap.

L’arborescence de votre site Web aura un impact significatif sur son index naturel, mais elle affectera également la hiérarchie des pages de votre site Web. Les moteurs de recherche analysent les liens entrant des pages de votre site Web pour comprendre sa structure globale et déterminer quelles pages sont essentielles. Plus la page est « profonde », moins elle sera considérée.

Plus précisément, la catégorie de troisième ou quatrième niveau sera citée, mais les moteurs de recherche la rendront moins importante que la catégorie de premier ou deuxième niveau. Il existe des techniques telles que l’utilisation de pages supplémentaires, mais il est généralement recommandé d’avoir jusqu’à trois niveaux de hiérarchie.

La profondeur de page est loin d’être le seul défi de référencement à inclure dans la réflexion de l’arborescence du site. Le plus important est peut-être d’organiser le contenu de leur site Web de manière à ce que les pages qui renvoient au même champ sémantique soient aussi proches que possible. Dans le jargon SEO, le terme architecture de silo sera utilisé lorsque toutes les pages d’une catégorie appartiennent au même champ sémantique.

Qu’est-ce qu’une architecture de silos ?

Dans ce type d’architecture, les silos, c’est-à-dire les champs sémantiques du site, doivent être suffisamment indépendantes. Vous pouvez utiliser des liens dans le contenu de la page pour mettre en évidence des pages de silo spécifiques.

La stratégie de maillage interne est un sujet vaste et intéressant. Afin de vous donner une idée claire de l’utilisation de l’arborescence, veuillez suivre les trois règles de base suivantes :

  • Plus la page est élevée dans la hiérarchie du plan, meilleure est son indexation.
  • De plus, plus une page reçoit de liens d’autres pages de votre site, meilleure est son indexation.
  • Enfin, plus une page reçoit (et envoie) des liens de pages sémantiquement équivalente, meilleure est son indexation.

Encore une chose: tous les liens internes ne sont pas identiques. Les liens du menu principal seront plus visibles que les liens du pied de page. Les liens dans le contenu seront plus visibles que les liens dans la barre latérale.

arborescence site internet conception

Étapes importantes pour créer l’arborescence e de votre site Web

  1. Créez une liste de pages que le site Web contient ou contiendra. Assurez-vous que chaque élément répertorié est une page de votre site Web. En fonction de la taille du site, attribuez une référence à chaque page pour vous aider à créer l’arborescence et à suivre les progrès au fur et à mesure que vous développez le site.
  2. Utilisez des listes à puces pour organiser le plan afin d’afficher la relation parent-enfant entre chaque page du site. Par exemple, le site Web d’un magasin de vêtements peut avoir des pages parents de premier niveau qui incitent les hommes, les femmes et les enfants à porter des vêtements. Chacune de ces pages contient le type de vêtements, tels que des chemises et des pantalons, qui mène finalement à des pages pour des produits individuels.
  3. Commencez à créer le graphique en dessinant un rectangle pour chaque catégorie. Ajoutez un titre court à chaque page de premier niveau du diagramme.
  4. Dessinez des rectangles pour chaque sous-catégorie sous une catégorie de niveau supérieur. Par exemple, dessinez quatre rectangles sous la catégorie supérieure des vêtements pour hommes. Cela peut être une chemise, un pantalon, un short et un manteau. Disposez ces rectangles côte à côte pour montrer que les pages qu’ils représentent sont au même niveau dans la structure de votre site Web.
  5. Connectez les pages de sous-catégorie aux catégories de niveau supérieur auxquelles elles appartiennent, comme pour créer un diagramme de hiérarchie d’organisation. Par exemple, tracez des lignes à partir de pages de chemises, pantalons, shorts et manteaux jusqu’à la catégorie parent des vêtements pour hommes.
  6. Continuez à diviser le graphique en sous-catégories jusqu’à ce que l’arbre contienne les informations détaillées nécessaires pour développer efficacement le site Web.
  7. Remplissez les sections du diagramme pour toutes les catégories de premier niveau de votre site Web de la même manière. Par exemple : pour les vêtements femmes et enfants.

Pour tout renseignement sur nos services d’agence digitale à Montpellier. Contactez-nous via le chat de notre site web du lundi au vendredi de 9h00 à 18h00

Demander un devis Solutions Développement I Solutions Design Graphique I Solutions Marketing Digital I Blog

Dans la même catégorie

28 Nov 2021

Les 5 principaux cas d’utilisation de Tensorflow

Développement Web
27 Nov 2021

Qu’est-ce que TensorFlow ? La bibliothèque de machin Learning expliquée

Développement Web
20 Nov 2021

Qu’est-ce qu’un serveur proxy et comment fonctionne-t-il ?

Développement Web
19 Nov 2021

Qu’est-ce que DNS TTL ?

Développement Web