Construire l’arborescence de son site web facilement, suivez le guide !

Vous êtes en pleine création de site : vous êtes concentré, motivé et prêt à mettre le paquet sur le web.

Et vous voici arrivé au moment périlleux de l’organisation de vos contenus : vous vous apprêtez à élaborer la structure de votre site.

Vous connaissez les enjeux d’une bonne arborescence de site, tant sur le plan de l’expérience utilisateur, que pour votre SEO.
Il est donc hors de question pour vous de se lancer sans réflexion. Et là-dessus, nous ne pouvons qu’être d’accord avec vous.

Voyons ensemble comment organiser au mieux les pages d’un site internet : comment créer l’arborescence d’un site web.

Arborescence de site internet : pourquoi est-ce important ?

Commençons par voir pourquoi vous avez raison : pourquoi c’est une excellente idée de miser gros sur une bonne structure de site.

On parle beaucoup de l’importance de fournir un contenu de qualité, un peu moins de celle, pourtant non moindre, de structurer son site.

Cependant, il est aussi indispensable d’avoir un site bien structuré, que de présenter des textes dans un langage correct et compréhensible.
Pourquoi ? Déjà, pour afficher des informations bien claires – et ne pas risquer de perdre vos visiteurs dans les méandres de vos pages.

Ensuite, parce que si vos visiteurs vivent une expérience agréable sur votre site, ils auront certainement envie d’y revenir régulièrement.

Mais aussi parce que les comportements de recherche sur internet changent continuellement.
Et qu’il faut, par conséquent, s’adapter à ces évolutions, pour avoir de la visibilité. Par exemple, récemment, la recherche vocale, notamment sur mobiles, a pris beaucoup d’ampleur.

Dans ce contexte, nous avons affaire à des utilisateurs, qui, la plupart du temps, consultent leur smartphone, alors qu’ils sont en déplacement (dans la rue, dans les transports en commun…).
Ils ne disposent donc que de peu de temps, et ont besoin d’informations instantanées, efficaces et rapides.
Ils n’ont par conséquent aucune envie d’errer pendant de longues minutes, sur un site sans logique, enchevêtré et labyrinthique, sans parvenir à trouver de réponse à leurs questions.

Mais une arborescence de site solide a une autre fonction essentielle : elle favorise votre référencement. Et donc, elle participe à vous rendre plus visible sur internet.

En conclusion, élaborer la structure de son site sert essentiellement à cela : à augmenter votre visibilité et à faciliter l’accès à l’information, en s’adaptant au comportement des utilisateurs.

Arborescence de son site, c’est quoi ?

La structure d’un site internet est à peu près comparable à la table des matières d’un livre.

Ainsi, construire l’arborescence de son site permet d’obtenir une vision globale de votre site et des chemins de navigation.

C’est essentiel pour atteindre les objectifs fixés pour votre site internet. Car cela vous donne la possibilité d’adapter la structure de votre site, en fonction des actions que vous souhaitez voir réalisées par vos visiteurs (achat, téléchargement, abonnement, visionnage de vidéo…).

Dans cette perspective, il s’agit avant tout de segmenter et hiérarchiser le contenu de votre site.
Cela implique notamment de rapprocher des contenus parfois très dissemblables, en créant des catégories pertinentes, et de prioriser les informations.

arborescence de site internet

Comment mettre au point l’arborescence de son site web ?

Pour élaborer l’arborescence d’un site, il y a plusieurs notions fondamentales à prendre en compte :

  • Le parcours de navigation
    Pour structurer son site, l’une des clés les plus essentielles réside dans la détermination des parcours de navigation : c’est ce qui doit être posé au cœur de la réflexion. Il faut suivre le cheminement du visiteur, à partir de la source de sa visite, jusqu’à l’accomplissement de votre objectif final (qu’il s’agisse de l’achat d’un produit, du téléchargement d’un document, ou de l’abonnement à votre newsletter). Bien évidemment, il faut tout faire pour lui faciliter l’accès, et éventuellement le guider.
  • La profondeur du site
    Ce qu’on appelle la “profondeur du site” est primordiale pour votre référencement, autant que pour vos utilisateurs. Il s’agit du nombre de clics nécessaires, pour rejoindre la page d’accueil, à partir d’une sous-page du site (ou inversement).
    Une architecture avec 3 niveaux de hiérarchie est généralement recommandée (3 clics à partir de la page d’accueil).
    Dans ce contexte, on conseille une structure plutôt aplatie, pour minimiser la profondeur. Certains sites n’ont pas de hiérarchie (toutes les pages sont au même niveau), ou ont une organisation chaotique (pas très pratique pour naviguer !). Évidemment, ce n’est pas souhaitable, car non optimisé : ni pour les visiteurs, ni pour le référencement.
  • La sémantique
    La profondeur n’est pas le seul élément à prendre en compte. Il faut aussi rapprocher les pages, sémantiquement parlant, en organisant le contenu par catégories, et éventuellement sous-catégories.
    On parle d’architecture en SILO, c’est-à-dire qu’une page-mère avec un mot-clé principal régit ses pages-filles, ayant des mots-clés secondaires reliés (mots-clés de longue traîne). Ces pages parents / enfants sont donc corrélées verticalement et proches sémantiquement. Elles appartiennent à la même catégorie.
    Mais il faut aussi les relier horizontalement…
  • Le maillage interne
    Il s’agit de créer des liens pertinents entre les pages.
    En ce qui concerne le maillage interne ou cross-linking (maillage transversal), sachez qu’une page sera d’autant mieux référencée si elle :

    • À de nombreux backlinks sur le site
    • Contient beaucoup de liens entrants ou sortants, proches sémantiquement
    • Est haute en termes de niveau hiérarchique (proche en clic de la page d’accueil)

☝️ NB : les liens n’ont pas tous le même poids, selon leur position dans la page.
Par exemple, le premier lien de page est considéré plus important par les moteurs de recherche. De même, un lien dans le menu de navigation principal est évidemment perçu comme plus fondamental, qu’un lien dans le footer.

Dernier point à prendre en compte au moment d’agencer ses pages web :

  • La familiarité du secteur
    Un autre élément important à considérer, lorsque vous organisez votre contenu sur le site, est l’influence de la “familiarité du secteur”.
    La familiarité du secteur, qu’est-ce que c’est ?

    On s’explique : si les leaders du marché, vos plus gros concurrents, présentent leur site web d’une certaine façon, plutôt qu’une autre, il y a fort à parier que vos visiteurs soient habitués à leur façon de faire. Il est donc conseillé d’observer, et éventuellement de s’inspirer de leur agencement de site.

Concrètement, comment mettre en place une bonne structure de site ?

Élaborer l’arborescence de son site : les étapes

En somme, on organise ses pages web :

  • En fonction du contenu du site,
  • Tout en optimisant la navigation,

Dans le but de faciliter :

  • La lecture par les moteurs de recherche,
  • Et l’accès à l’information pour les visiteurs.

La plupart du temps, on retrouve des pages comme :

  • La page d’accueil, bien sûr
  • Mais aussi, la page “Offres”,
  • La page “Contact”,
  • La page “À propos”,
  • Et d’autres pages plus spécifiques, selon votre secteur d’activité ou vos besoins.

Lister ses contenus, les compartimenter et les hiérarchiser

Une fois que vous savez de quel type de site vous avez besoin, et sous quels formats vous allez présenter vos contenus, il est temps de produire une liste détaillée de l’ensemble des données qui seront présentes sur votre site, en précisant sous quelles formes elles apparaîtront.

Puis, classez ces contenus par catégories et hiérarchisez-les en sous-catégories.

Commencez par intégrer des pages principales, puis des pages secondaires et des sous menus.
Voici à quoi pourrait ressembler votre arborescence de site web. Évidemment, cette trame est à adapter en fonction de votre site internet !

Arborescence site web

Source : codeur.com

Sacré boulot ! Courage, on continue ! 💪

En ce qui concerne le SEO

L’anatomie de la page est très importante pour le SEO.

Attention aux pages dupliquées, elles ne doivent pas être indexées.

☝️ NB : pour qu’une page soit considérée comme unique, son contenu doit être unique à 70 %

Trouver des mots-clés

Une bonne arborescence de site ne va pas sans un choix judicieux de vos mots-clés.

Il est intéressant de trouver des mots clés très utilisés se rapportant à vos sujets. Cela vous permettra d’adapter les titres de vos pages. En effet, les mots-clés choisis vous serviront à définir les différentes URLs de vos pages.

Choisissez plutôt, dans un premier temps du moins, des mots-clés dits de longue traîne, qui sont plus précis et moins concurrentiels.

Sélectionnez des termes en relation avec les thématiques spécifiques de vos diverses pages. Chaque sous-page aura son champ sémantique propre, relié au thème plus général de sa page principale.

Envisager toutes les possibilités de parcours

Pour la navigation transversale, essayez de visualiser toutes les possibilités de cheminement de vos utilisateurs.
Analysez les parcours, et essayez de les optimiser pour simplifier l’expérience de vos visiteurs. Globalement, essayez de minimiser le nombre de clics, donc de réduire la quantité de liens (ne pas en mettre trop), et de penser les choses de façon intuitive.
De la même façon, simplifiez la présentation, et ne surchargez pas les pages en informations.
Il faut faire en sorte de structurer votre site internet de manière logique pour l’utilisateur. Il doit se sentir aidé dans la navigation.
Il est donc important de prévoir les parcours possibles des utilisateurs. S’imaginer des scénarios et faire des tests est une bonne méthode pour cela.
Il est aussi intéressant de visiter les sites concurrents pour observer la façon dont ils ont structuré leur site et vous en inspirer !

Relier les pages entre elles

Faites des liens internes pertinents et utiles pour votre utilisateur.
Et surtout soyez cohérent dans la présentation de votre navigation : les liens, menus ou boutons doivent avoir la même apparence sur tout le site. Cela aidera vos visiteurs à se repérer plus facilement et plus rapidement.

Construire la maquette de son site

Créer une maquette de l’arborescence de son site permet de visualiser beaucoup plus clairement la structure des pages. Et donc de se montrer beaucoup plus efficace, dans l’organisation des contenus de son site.
Commencez par ébaucher la maquette sur papier, puis passez au propre, en utilisant un logiciel spécialisé d’édition d’images ou de mindmapping.

Pour créer votre arborescence de site, plusieurs outils existent :

Avec Flowmapp vous pourrez concevoir votre arborescence de site internet et créer les flux d’utilisateurs, c’est-à-dire les parcours que feront les visiteurs sur vos pages.

Flowmapp

Slickplan est un système de planification de sites web, qui permet de générer des sitemaps, planificateurs de contenu, diagrammes et maquettes.

Slickplan

Mindmeister est un outil de cartographie mentale en ligne, qui vous donnera la possibilité d’élaborer la structure de votre site internet.

Mindmeister

Mindnode est un outil de brainstorming visuel, qui vous permettra d’organiser vos idées de façon visuelle et ainsi construire l’arborescence de votre site internet.

Mindnode

Dynomapper est un outil permettant de faire des plans de site visuels, afin de structurer votre site internet et de créer facilement son arborescence.

Dynomapper

Évaluer l’efficacité de votre arborescence de site

Une fois que vous avez terminé et validé le plan de votre site, il sera difficile de le modifier complètement. Donc, prenez votre temps ! ⌚

Pour vérifier que l’arborescence de votre site est bien réussie, vous pourrez observer certains indicateurs concernant le comportement de vos visiteurs, par exemple :

  • Le temps passé sur votre site
  • La page d’arrivée du visiteur
  • Le nombre de pages visitées
  • Le taux de conversion
  • etc.

On a vu les grandes lignes d’une arborescence de site efficace.
Mais voici une approche un peu différente, qui peut éventuellement s’avérer intéressante dans certains cas…

Arborescence de site par segments d’utilisateurs : une approche intéressante

On l’a vu, on organise ses pages web en fonction du contenu de son site, et pour faciliter l’accès à l’information de ses visiteurs (qu’ils soient réels, ou virtuels comme les robots des moteurs de recherche).
Alors pourquoi ne pas pousser les choses un petit peu plus loin ? Et structurer son site, en fonction des différents profils de visiteurs.

Après tout, s’adapter à ses utilisateurs, c’est précisément le principe de base d’une bonne arborescence de site !
Typiquement, un site professionnel reçoit la visite de publics très distincts :

  • Clients/consommateurs
  • Prospects
  • Fournisseurs
  • Investisseurs/partenaires financiers
  • Salariés
  • Demandeurs d’emploi
  • Presse/partenaires médiatiques

Les entreprises qui reconnaissent l’importance de ces différents groupes essaient de s’adresser à chacun d’entre eux, en créant des sections de type “Pour les investisseurs, “Offres d’emploi” ou “Page presse”

Créer ce genre de sections, c’est déjà mieux que rien… Mais ce n’est pas toujours super convaincant…

Un site segmenté par type de public

Une approche différenciée par profil peut être intéressante pour l’architecture de votre site, si vous vous adressez à des visiteurs très différents.
Il s’agit de donner la possibilité à vos utilisateurs de renseigner à quel type de public ils appartiennent, pour leur permettre de naviguer sur une sorte de micro site, spécialement adapté à leurs besoins.
On espère ainsi arriver à un site web d’entreprise qui :

  • Se montre convaincant vis-à-vis de tous ses publics
  • Optimise au maximum l’expérience-utilisateur
  • Convertit mieux

Chaque section du site est donc considérée comme un micro site, avec son système de navigation, son design et son univers propre, tandis que le site principal présentera les généralités.
Ainsi chaque section aura son ton, son langage, son argumentaire.

Par exemple, les clients les plus fidèles se verront proposer de tester des versions bêta. Les prospects pourront lire les bénéfices produits en détail, dans un jargon simple. Enfin, les salariés et collaborateurs pourront avoir accès à un blog ou à un questionnaire de satisfaction au bureau, etc.

Nous voici cette fois-ci, avec une arborescence de site bien solide et optimisée. Que ce soit pour vos visiteurs de chair et d’os, comme pour vos visiteurs numériques.

Vous êtes prêts à accueillir comme il se doit, tous les utilisateurs du web qui viendront s’aventurer sur les pages de votre site internet.

Et vu le bel accueil que vous leur réservez : un site clair et agréable, il y a de fortes chances, pour qu’ils s’y sentent bien ! 🙂

Frédérique Biau

Traductrice et Rédactrice autour des Nouvelles Technologies et du Web. Frédérique est en charge de partager nos astuces avec l'art et la manière !