Qu'est-ce que l'arborescence d'un site ? Définition et exemples

L'arborescence d'un site est le plan de ses pages, rangées comme les branches d'un arbre : l'accueil en haut, les grandes rubriques en dessous, puis les pages de détail. Elle décide du menu, des adresses des pages et du nombre de clics qu'il faut pour atteindre chacune.

On la dessine avant les maquettes : c'est la première forme concrète du site. Les spécialistes de l'expérience utilisateur parlent d'architecture de l'information pour le travail qui consiste à regrouper et à nommer les contenus ; l'arborescence en est le résultat visible.

En informatique, le mot désigne aussi la façon dont les dossiers et les fichiers sont rangés sur un ordinateur. Ce n'est pas le sujet ici.

• Le site vitrine d'un électricien. Accueil, puis une page par service (dépannage, installation, mise aux normes, borne de recharge), une page de réalisations, une page d'avis clients, une page contact. Une page par service plutôt qu'une page « Services » unique : chacune répond à une recherche précise sur Google.
• Une boutique en ligne de vêtements. Accueil, puis les catégories (femme, homme, enfant), leurs sous-catégories (manteaux, pantalons, chaussures), et la fiche de chaque produit. À côté, les pages que tout acheteur cherche : panier, compte, livraison, retours, conditions générales de vente.

Dans les deux cas, chaque page a un but unique, et le visiteur sait toujours où il se trouve.

• Les mots des visiteurs. Les rubriques portent les mots que tapent vos clients, pas le vocabulaire interne de l'entreprise.
• Peu de clics. Les pages qui comptent se trouvent à deux ou trois clics de l'accueil ; plus elles sont enfouies, moins elles sont vues, par les visiteurs comme par Google.
• Une page, un sujet. Deux pages qui parlent de la même chose se font concurrence ; une page qui parle de tout ne se classe sur rien.
• Des adresses lisibles. L'adresse suit le plan : /services/depannage dit tout de suite où l'on est.
• Un repère sur les sites profonds. Le fil d'Ariane, cette ligne « Accueil › Services › Dépannage » en haut de page, permet de remonter d'un niveau.

Google découvre les pages d'un site en suivant ses liens. Une arborescence claire l'aide à les trouver toutes, à comprendre de quoi parle chacune et lesquelles comptent le plus : ce sont celles vers qui beaucoup de liens pointent. C'est l'un des fondements du SEO, le référencement naturel.

Changer l'arborescence d'un site existant change ses adresses. Lors d'une refonte, chaque ancienne adresse doit renvoyer vers la nouvelle par une redirection, sans quoi les positions gagnées sur Google se perdent.

L'arborescence est la base du devis d'un site : le nombre de pages et leurs types (une page de service, une fiche produit, un article) font l'essentiel du travail. Le cahier des charges d'un site internet a une question pour elle ; une liste de pages, même sur papier, suffit pour commencer.

Chez Beaspo, un site vitrine démarre à 1 300 €, en ligne en 1 semaine, avec une arborescence pensée pour les recherches de vos clients.