Création de site web

Arborescence de site web : structurer un site qui convertit

L'arborescence, c'est le squelette de votre site. On la néglige, et tout le reste s'écroule : le SEO, la navigation, la conversion. Voici comment la construire correctement.

Schéma d'une arborescence de site web organisée en niveaux, de la page d'accueil aux pages enfants

La plupart des sites ratés ne le sont pas à cause du design. Ils le sont à cause de ce qu’on ne voit pas : leur structure. Un visiteur qui se perd, une page importante enterrée à quatre clics de l’accueil, un menu fourre-tout où plus personne ne retrouve rien. Tout ça se décide bien avant la première maquette, au moment où l’on dessine l’arborescence.

C’est l’étape que les amateurs sautent et que les professionnels ne lâchent jamais. Voici ce qu’est vraiment une arborescence de site web, pourquoi elle conditionne le référencement comme la conversion, et la méthode pour en construire une qui tient debout, exemples à l’appui.

Qu’est-ce que l’arborescence d’un site web ?

L’arborescence d’un site web est le plan qui organise toutes ses pages selon une hiérarchie logique, de la page d’accueil jusqu’aux pages les plus profondes. C’est le squelette du site : il définit quelles pages existent, comment elles se regroupent en rubriques, et comment on circule de l’une à l’autre. On la conçoit avant le design et avant le développement, parce que tout le reste en découle.

Le mot vient de l’image de l’arbre : un tronc (l’accueil), des branches (les grandes rubriques), des feuilles (les pages de contenu). Chaque page a une place précise et un chemin clair pour y accéder.

Quatre termes sont souvent confondus, et la confusion coûte cher. Voici comment les distinguer.

Quatre notions proches, quatre rôles distincts : l'arborescence se pense en amont, les deux sitemaps sont des sorties.
TermeCe que c'estÀ quoi ça sert
Arborescence La hiérarchie logique de toutes les pages du site et leurs regroupementsPenser la structure et la navigation, en amont du design
Plan de site (sitemap HTML) Une page qui liste tous les liens du site pour l'utilisateurAider le visiteur (et un peu Google) à retrouver une page
Sitemap.xml Un fichier technique listant les URLs à destination des moteursFaciliter l'exploration et l'indexation par Google
Wireframe Le schéma filaire d'une seule page (blocs, zones), sans designDéfinir le contenu et la disposition d'une page précise

Quatre notions proches, quatre rôles distincts : l'arborescence se pense en amont, les deux sitemaps sont des sorties.

Retenez la nuance principale : l’arborescence pense le site entier en amont, le wireframe pense une seule page, et les deux sitemaps (HTML et XML) sont des sorties, pas des outils de conception.

Pourquoi l’arborescence conditionne tout le reste

Une arborescence n’est pas un schéma qu’on dessine pour se rassurer puis qu’on oublie. C’est la décision la plus structurante d’un projet web, parce qu’elle commande trois choses à la fois : le référencement, l’expérience utilisateur et la conversion. Se tromper là, c’est se tromper partout.

L’impact sur le référencement (SEO)

Google ne lit pas votre site page par page comme un humain. Il suit les liens, mesure la distance de chaque page à l’accueil, et déduit de la structure quelles pages sont importantes et comment vos sujets se regroupent. Une arborescence claire, organisée en thématiques cohérentes (ce qu’on appelle des cocons sémantiques), envoie un signal limpide : voilà mes sujets d’expertise, voilà comment ils s’articulent.

À l’inverse, une structure plate où tout est au même niveau, ou trop profonde où les pages stratégiques sont enfouies, dilue ce signal. Le jus de lien (l’autorité qui circule entre vos pages) se répartit mal, et vos pages de conversion peinent à remonter. La structure du site est un levier SEO à part entière, au même titre que le contenu ou la stratégie de référencement naturel.

L’impact sur l’expérience et la navigation

Un visiteur décide en quelques secondes s’il comprend votre site ou non. Une arborescence logique lui donne une carte mentale immédiate : il sait où il est, où aller, et combien d’étapes le séparent de ce qu’il cherche. Une arborescence bancale produit l’effet inverse, cette sensation diffuse de ne pas trouver, qui fait fermer l’onglet. L’ergonomie d’un site web commence ici, dans l’ordre des pages, pas dans la couleur des boutons.

L’impact sur la conversion

C’est le point que presque tout le monde oublie. L’arborescence dessine les parcours. Si le chemin entre la page où atterrit votre prospect et la page qui le transforme en client est long, confus ou plein de bifurcations, vous perdez des conversions à chaque étape. Une bonne structure rapproche le visiteur de l’action, supprime les détours inutiles et guide sans qu’on s’en rende compte. Un site peut être magnifique et ne rien vendre, simplement parce que ses parcours ont été pensés après coup.

Les composants d’une bonne arborescence

Avant de construire, il faut connaître les pièces. Une arborescence repose sur quelques notions simples qui, bien combinées, font toute la différence.

  • Accueil
    • Services
      • Service A
      • Service B
      • Service C
    • À propos
    • Blog
      • Article 1
      • Article 2
      • Article 3
    • Contact
La structure en niveaux d'un site type : l'accueil distribue vers les rubriques, qui chapeautent les pages de contenu. Chaque cran d'indentation est un niveau de profondeur.

La page d’accueil, c’est la racine. Le point d’entrée principal, celui qui distribue l’autorité vers le reste et oriente le visiteur vers les grandes rubriques.

Les pages mères (ou pages catégories) chapeautent un ensemble de pages liées. Sur un site de services, « Création de site web » peut être une page mère qui regroupe les pages dédiées au site vitrine, à l’e-commerce et à la refonte. Elle existe pour elle-même et sert de hub.

Les pages filles (ou pages enfants) sont rattachées à une mère. Elles traitent un sujet précis et remontent vers leur mère par un lien, ce qui renforce la cohérence thématique aux yeux de Google.

Les niveaux de profondeur mesurent le nombre de clics depuis l’accueil. Accueil = niveau 0, une rubrique = niveau 1, une sous-page = niveau 2, et ainsi de suite. Plus une page est profonde, moins elle reçoit d’autorité et plus elle est difficile à atteindre.

On résume souvent ça par la « règle des trois clics » : aucune page importante ne devrait être à plus de trois clics de l’accueil. C’est un bon repère, mais je le nuance toujours. Ce qui compte vraiment, ce n’est pas le chiffre magique de trois, c’est que les pages stratégiques (celles qui convertissent ou qui ciblent vos mots-clés clés) soient faciles à atteindre et bien reliées. Un site profond mais parfaitement maillé peut très bien fonctionner. Un site plat mais illisible, non.

Les cocons sémantiques, enfin, sont la version SEO des rubriques. On regroupe les pages qui traitent d’un même grand sujet, on les relie entre elles et vers leur mère, pour créer un bloc thématique dense que Google identifie comme une expertise. L’arborescence est le support physique de cette stratégie.

Comment construire l’arborescence d’un site, étape par étape

Voici la méthode que j’applique sur chaque projet. Elle fonctionne pour un site vitrine comme pour un e-commerce, il suffit d’adapter le volume.

  1. Inventoriez tous les contenus. Listez chaque page dont le site a besoin, sans encore les organiser. Pages de services, pages de contenu, pages légales, pages de conversion. Le but est d’avoir la matière brute complète avant de la ranger.
  2. Regroupez par logique métier ET par intention de recherche. Réunissez les pages qui vont ensemble, du point de vue de votre activité mais aussi de ce que cherchent vos visiteurs. C’est ici que se dessinent vos rubriques et vos cocons.
  3. Hiérarchisez : mères, filles, niveaux. Décidez qui chapeaute quoi. Identifiez les pages mères, rattachez-leur les pages filles, et vérifiez la profondeur de chacune. Remontez ce qui est stratégique, acceptez d’enterrer ce qui est secondaire.
  4. Pensez les parcours et le maillage. Pour vos pages clés, tracez le chemin depuis les points d’entrée probables. Prévoyez les liens entre pages (descente vers les filles, remontée vers les mères, liens latéraux pertinents) pour que rien ne soit orphelin.
  5. Validez et figez les URLs. Une fois la structure stable, définissez les URLs qui reflètent la hiérarchie. C’est le moment de bien faire, parce que changer une URL après mise en ligne impose une redirection et fait perdre du référencement.
  1. 1

    Inventaire

    Lister tous les contenus du site, sans encore les organiser.

  2. 2

    Regroupement

    Réunir les pages par logique métier et par intention de recherche.

  3. 3

    Hiérarchisation

    Définir les pages mères, les pages filles et les niveaux de profondeur.

  4. 4

    Parcours et maillage

    Tracer les chemins clés et les liens entre les pages.

  5. 5

    URLs

    Figer des URLs propres qui reflètent la hiérarchie.

La méthode en cinq étapes, de la matière brute aux URLs figées.

Une remarque de méthode : ne construisez jamais votre arborescence en recopiant celle d’un concurrent. Vous héritez de ses erreurs sans connaître ses raisons. Partez de vos contenus et de votre cible, toujours.

Exemple d’arborescence de site web (cas concrets)

La théorie aide, l’exemple ancre. Voici trois arborescences types, selon le genre de site. Les structures sont volontairement simplifiées pour rester lisibles.

Arborescence d’un site vitrine

Le site vitrine présente une activité et génère des contacts. Sa structure est compacte et orientée conversion : on veut amener vite le visiteur vers la prise de contact.

  • Accueil
    • Servicespage mère
      • Service 1
      • Service 2
      • Service 3
    • À propos
    • Réalisations
    • Blog
      • Articlespages enfants de contenu
    • Contactaccessible depuis chaque page
Arborescence type d'un site vitrine : structure compacte, page de contact accessible partout. Le parcours Accueil → Service → Contact est court par conception.

Le point clé ici : la page Contact est accessible depuis partout, et chaque page service y mène directement. Le parcours de conversion est court par conception.

Arborescence d’un site e-commerce

L’e-commerce gère beaucoup plus de pages (catégories, sous-catégories, produits), donc la profondeur augmente forcément. Le défi est de garder les produits accessibles malgré le volume. L’arborescence d’un site e-commerce repose sur un classement catégories/sous-catégories rigoureux.

  • Accueil
    • Boutiquepage mère
    • Catégorie A
      • Sous-catégorie A1
        • Produità 3 niveaux de l'accueil
        • Produit
        • Produit
      • Sous-catégorie A2
    • Catégorie B
    • Blog
    • Compte client
    • Contact
Arborescence type d'un site e-commerce : le produit descend à trois niveaux, et le maillage (filtres, fil d'Ariane, produits liés) raccourcit l'accès réel.

Sur un e-commerce, la profondeur de trois niveaux est normale. Ce qui sauve l’accessibilité, c’est le maillage : filtres, fil d’Ariane, blocs de produits liés et recherche interne raccourcissent le chemin réel vers chaque produit.

Arborescence d’un site de services (B2B)

Le site de services d’une entreprise B2B mise sur l’expertise et la preuve. Sa structure articule des pages de services détaillées, des contenus d’autorité et des éléments de réassurance.

  • Accueil
    • Solutionspage mère
      • Solution 1
      • Solution 2
      • Solution 3
    • Méthode
    • À propos
    • Ressources / Blogmaille vers les pages Solutions
      • Guides
      • Études de cas
    • Contact
Arborescence type d'un site de services B2B : une page mère chapeaute les solutions, et le blog alimente la conversion en maillant vers ces pages Solutions.

L’élément distinctif du B2B : le blog n’est pas décoratif. Il capte les recherches d’information et redirige vers les pages de solutions. C’est exactement la logique qui sous-tend une stratégie de contenu efficace.

Les erreurs d’arborescence les plus fréquentes

En plus de dix ans à concevoir et auditer des sites, je retrouve toujours les mêmes fautes. Les voici, pour que vous les évitiez.

La profondeur excessive. Des pages enterrées à cinq ou six clics de l’accueil, que ni Google ni l’utilisateur ne trouvent. Si une page compte, remontez-la.

Le menu fourre-tout. Quinze entrées dans la navigation principale, parce qu’on n’a pas voulu trancher. Un menu doit hiérarchiser, pas tout afficher. Trop de choix tue le choix.

Les pages orphelines. Des pages qui existent mais vers lesquelles aucun lien interne ne pointe. Invisibles pour le visiteur, quasi invisibles pour Google. Chaque page doit être reliée à au moins une autre.

La structure calquée sur l’organigramme interne. On organise le site selon les services de l’entreprise plutôt que selon ce que cherche le visiteur. Le client ne connaît pas votre organisation interne, il connaît son besoin. Partez de lui.

Les URLs improvisées. Des adresses incohérentes, qui ne reflètent pas la hiérarchie, et qu’on finit par devoir changer. Une URL bien pensée dès le départ évite des redirections et de la perte de référencement plus tard.

Faut-il un outil pour faire son arborescence ?

Un outil aide à dessiner une arborescence, il ne la pense pas à votre place. Des solutions gratuites comme GlooMaps ou Octopus, ou simplement un tableur, permettent de visualiser une structure. Mais l’outil ne fait que mettre en forme une réflexion qui, elle, doit venir de vous : connaissance de votre cible, de vos objectifs, de l’intention derrière chaque recherche.

C’est la même logique que partout ailleurs dans la création web. L’outil dessine ce que vous avez déjà conçu dans votre tête. Si la réflexion stratégique n’est pas là, le plus beau schéma du monde ne produira qu’une structure vide et bien rangée. La vraie valeur est dans les arbitrages : quoi regrouper, quoi remonter, quoi sacrifier. Aucun générateur ne tranche ça pour vous.

Pour une arborescence simple, un outil gratuit suffit largement. Pour un site dont la structure porte un enjeu commercial réel, c’est la réflexion en amont qui compte, pas le logiciel.

Points clés à retenir

  • L’arborescence est le squelette du site : la hiérarchie logique de toutes ses pages, conçue avant le design et le développement.
  • Elle conditionne trois choses à la fois : le référencement (signal de structure pour Google), l’expérience utilisateur et la conversion (les parcours).
  • Ses composants : page d’accueil, pages mères, pages filles, niveaux de profondeur et cocons sémantiques.
  • La méthode tient en cinq étapes : inventaire, regroupement, hiérarchisation, parcours/maillage, URLs.
  • La règle des trois clics est un repère utile, pas une loi : ce qui compte, c’est que les pages stratégiques soient faciles à atteindre.
  • Les pièges classiques : profondeur excessive, menu fourre-tout, pages orphelines, structure calquée sur l’organigramme, URLs improvisées.
  • Un outil met en forme une arborescence, il ne remplace pas la réflexion stratégique.

FAQ

Qui réalise l’arborescence d’un site ?

L’arborescence est conçue par la personne qui pilote la stratégie du site : un concepteur web, un consultant SEO, un studio ou une agence. Sur un projet sur mesure, c’est une étape de cadrage menée avec le client, en amont du design, parce qu’elle engage toute la suite du projet.

Qu’est-ce qu’une bonne arborescence de site web ?

Une bonne arborescence est claire, peu profonde sur les pages stratégiques, et organisée selon l’intention des visiteurs plutôt que selon l’organisation interne de l’entreprise. Elle regroupe les contenus en thématiques cohérentes, relie chaque page à au moins une autre, et rend les pages de conversion faciles à atteindre depuis les points d’entrée.

Comment améliorer l’arborescence d’un site existant ?

Commencez par un audit : listez toutes les pages, mesurez leur profondeur et repérez les pages orphelines ou trop enterrées. Regroupez ensuite ce qui doit l’être, remontez les pages stratégiques, renforcez le maillage interne, et corrigez les URLs incohérentes (avec redirection 301 systématique pour ne pas perdre de référencement). C’est souvent l’un des leviers les plus rentables d’une refonte de site.

Comment connaître l’arborescence d’un site concurrent ?

Vous pouvez explorer manuellement le menu et les liens d’un site, consulter son sitemap.xml (souvent à l’adresse /sitemap.xml) qui liste ses URLs, ou utiliser un crawler SEO qui reconstitue la structure. Utile pour comprendre un marché, à condition de ne jamais copier bêtement : la structure d’un concurrent reflète ses choix et parfois ses erreurs, pas forcément les vôtres.

Conclusion

L’arborescence est invisible une fois le site en ligne, et c’est précisément pour ça qu’on la néglige. Pourtant, c’est elle qui décide si Google comprend votre site, si vos visiteurs s’y retrouvent, et si vos parcours convertissent. La bâcler, c’est construire une maison sans plan : ça tient un temps, puis ça se fissure.

Bien pensée, au contraire, elle devient un avantage durable, un socle sur lequel le design, le contenu et le référencement s’appuient sans effort.

Vous préparez un nouveau site ou la refonte d’un site existant, et vous voulez une structure pensée pour le référencement comme pour la conversion ? Découvrez notre approche de la création de site web sur mesure, où l’arborescence est la première pierre, jamais une formalité.

Vous avez un projet en tête ? Voyons ensemble ce qu'il vous faut, sans engagement.

Découvrir la création de site sur mesure