Lexico WebA comme Arborescence Web
L’arborescence d’un site peut paraitre optionnelle et pourtant elle est essentielle pour une bonne compréhension mais c’est surtout la colonne vertébrale de votre site.
Souvent comparé à un arbre avec ses branches et ses feuilles, essayons d’aller un peu plus loin et de débroussailler ce terme.
- Définition de l’arborescence
- Objectifs d’une bonne arborescence
- Les étapes à suivre
- Les erreurs à éviter
- Les bonus de MissK
Définition d'une arborescence web
Arborescence : Organisation hiérarchique des informations, dont la représentation rappelle un arbre et ses branches.
Dans le web, c’est une méthode de hiérarchisation des pages d’un site internet ou encore l’organisation des pages et des sous-pages de votre site.
Représentée souvent sous la forme d’un schéma qui permet de mieux comprendre les relations entre les pages et les niveaux. On parle aussi de profondeur, je vous explique cela un peu plus loin.
Objectifs d'une bonne arborescence web
Le but étant de structurer le contenu d’un site web de façon logique, une bonne arborescence est essentielle pour offrir une navigation fluide, maximiser la visibilité sur les moteurs de recherche et garantir que le site reste fonctionnel et pertinent à mesure qu’il grandit.
En cela, une bonne arborescence doit répondre à des objectifs dont les principaux sont :
Améliorer l'expérience utilisateur
L’expérience utilisateur, plus communément appelé UX (User eXperience) est devenu un élément incontournable de la notation de la qualité d’un site au même titre que la vitesse.
Avec une arborescence bien pensée, le visiteur trouvera facilement et rapidement ce qu’il recherche en navigant au fil des pages ou au travers du ou des menus. Cette navigation pensée pour lui, réduira ce qu’on appelle le taux de rebond et augmentera le temps passé sur le site. Le but ultime étant bien entendu que le visiteur passe à l’action en vous contactant ou en achetant !
Clarifier les objectifs du site
Comme indiqué ci-dessus, une bonne arborescence sera le reflet des priorités et des objectifs de votre site. Mettant en avant les contenus les plus importants, elle guidera les utilisateurs vers les actions souhaitées, comme acheter un produit ou un service, s’inscrire à une newsletter ou vous contacter.
Optimiser le référencement naturel
Ah, le fameux SEO ! Ou en français, l’optimisation pour les moteurs de recherche. Mais comment une arborescence peut aider à cela ?
Au sein d’un site correctement structuré, les robots d’indexation pourront parcourir votre site plus efficacement, favorisant ainsi l’indexation (l’enregistrement par les moteurs de recherche) des pages de votre site.
Une hiérarchie bien pensée améliore le classement dans les résultats de recherche par les moteurs de recherche.
Faciliter la gestion du contenu et l’évolution du site
Que ce soit pour les administrateurs, les webmasters ou les créateurs de contenu, une arborescence correctement définie simplifie la mise à jour du site.
Chaque élément étant à sa place, l’ajout de nouvelles pages ou d’articles sera facilité en réduisant les risques de confusion et de contenu dupliqué.
Un site bien structuré, c’est comme un bureau bien rangé, on trouve tout ce qui existe sans chercher ou on peut facilement identifier ce qui manque !
Etapes pour établir l'arborescence de votre site
Pour réaliser une bonne arborescence sur un site web, il est important de suivre plusieurs étapes tout en restant logique avec ce que l’on souhaite proposer.
L’étape d’analyse et l’évolution du site
- Clarifier ce que l’on attend du site : vente en ligne, génération de contact, diffusion d’information…
- Identifier le public ciblé en comprenant qui sont les futurs utilisateurs, leurs attentes et leurs besoins spécifiques.
L’audit de contenu
- Lister le contenu existant si vous avez déjà un site
- Identifier ce qui doit être conservé, supprimé ou amélioré.
- Noter les contenus manquants ou les informations qui pourraient être ajoutées pour mieux répondre aux besoins des utilisateurs.
Brainstorming et organisation des idées
- Commencer en définissant les sections principales du site, comme l’accueil, les services, le blog, le contact, etc.
- Hiérarchiser les pages secondaires : pour chaque page principale, identifier si une page supplémentaire est nécessaire
La structure hiérarchique
- Schématiser le tout sur une page blanche (ou via des logiciels en ligne)
- Placer les pages principales, puis les pages secondaires.
- Faire des liens entre les pages pour vérifier également le maillage interne
Valider les parcours utilisateurs
- Créer différents scénarios en imaginant comment vos types de visiteurs atteindront le ou les objectifs fixés
- S’assurer que les utilisateurs puissent accéder à n’importe quelle page en 3 clics max.
- Ne pas hésiter à faire faire le test autour de vous
Simplification et optimisation
- Réévaluer la structure pour supprimer les redondances,
- Simplifier la navigation
- Vérifier que chaque page a un objectif clair
- Intégrer le SEO immédiatement en utilisant les mots-clés dans les noms de pages, pour améliorer la visibilité.
Les erreurs à éviter pour la création d’une bonne arborescence
Lors de la création d’une arborescence web, certaines erreurs peuvent nuire à l’expérience utilisateur, à la gestion du site ou encore à son référencement.
Profondeur excessive
- L’erreur : Créer trop de niveaux de sous-pages obligeant l’utilisateur à cliquer plus de 3 fois pour arriver au but souhaité.
- Conséquence : Complique la navigation en augmente le temps de recherche et finir par perdre le visiteur qui ira trouver l’info chez un de vos concurrents (le fameux taux de rebond).
- Solution : Limiter la profondeur de l’arborescence à trois niveaux maximum = 3 clics max
Organisation non intuitive
- Erreur : Structurer les pages d’une manière qui ne correspond pas aux attentes ou à la logique des utilisateurs.
- Conséquence : Les visiteurs se perdent et partent du site = augmentation du taux de rebond.
- Solution : Baser l’organisation du site sur les habitudes de navigation de votre cible
Multiplier des pages inutiles
- Erreur : Créer trop de pages pour des contenus similaires ou trop spécifiques
- Conséquence : L’arborescence est confuse et encombrée.
- Solution : Fusionnez les contenus similaires et éliminez les pages superflues
Les Bonus de MissK
Les astuces de MissK
Quand je dois créer une arborescence avec beaucoup de contenu, je repasse en mode papier !
- Je crée une mini fiche de format A6 pour chaque page (ou article)
- J’y inscrits les éléments principaux : nom de la page, le but, la cible et l’intension de recherche (mots clés)
- Puis je me mets sur une table et je crée la structure en réel
Cela permet d’avoir une vision plus éloignée que l’écran de l’ordinateur et de pouvoir bouger les feuillets plus facilement pour éliminer les potentiels doublons et valider le ou les parcours utilisateurs
Le lexique de MissK
- SEO = Optimisation pour les moteurs de recherche. Il s’agit d’un ensemble de techniques pour améliorer la position d’un site web dans les moteurs de recherche. On l’appelle aussi référencement naturel.
- Maillage interne est l’ensemble des liens qui relient les contenus et les pages d’un site entre elles
- Ux ou expérience utilisateur désigne la qualité du parcours de vos visiteurs dans toutes les situations
- Taux de rebond correspond au pourcentage de visiteurs qui arrivent sur votre site puis le quitte sans cliquer sur la page ni visiter d’autres pages.
Besoin d’aide pour établir l’arborescence de votre site ?
J’espère vous avoir un peu éclairé sur ce sujet !
Si vous souhaitez en savoir plus, n’hésitez plus et contactez-moi, je me ferais un plaisir de vous conseiller !