Arborescence

L'arborescence est la structure des pages et ressources d’un site web.

Il s'agit généralement de la première étape de conception d'un site web.

Pour l'UX designer, il s'agit d'un moyen de mettre en avant les fonctionnalités de chaque page du site web.

Ce n'est qu'une fois votre arborescence validée que vous pourrez atteindre un niveau de détail supplémentaire et envisager la production de maquettes.

On représente l'arborescence sous forme d’arbre, qui part des racines pour se diviser en branches.

Un outil comme GlooMaps vous permet de modéliser l’arborescence de votre site web de façon 100 % gratuite, mais vous pouvez tout aussi bien travailler sur papier.

Cette architecture va correspondre au menu de votre site web, il doit comprendre les principales pages et l'accès aux pages secondaires.

N’oubliez pas la règle des trois clics !  Permettre à l’internaute de trouver l’information recherchée en trois clics maximum.

Mes conseils :

• Limitez le nombre de rubriques (4-5) : ex. Femme / Homme / Enfant
• Évitez de créer trop de profondeur (sous-sous-catégories), limitez-vous à 2 ou 3 niveaux maximum
• Vous pouvez créer un menu secondaire (souvent situé en haut à droite, dans une police plus fine) qui regroupera toutes les pages qui n'ont pas de liens directs avec les produits ou services proposés : ex. Blog / Contact
• Seul le menu principal doit rester visible au scroll (sticky)
• Votre menu est composé de liens avec des ancres qui doivent comporter des mots-clés pertinents en termes de SEO
• Regardez ce que font vos concurrents afin d'y trouver de l'inspiration (sans copier)

Si votre arborescence est suffisamment claire, Google peut définir un sitelinks dans ses résultats de recherche.