Arborescence de site web : méthode, exemple et erreurs à éviter

Création de sites web
Homme devant un tableau blanc couvert de schémas pour concevoir l’arborescence d’un site web

L’arborescence d’un site web est le plan de ses pages : quelles rubriques existent, dans quel ordre, et quelle page dépend de quelle autre. On la dessine avant le design et avant la rédaction, car elle conditionne le menu, les URL, le maillage interne et une bonne partie du référencement naturel. Une arborescence de site web mal pensée se voit vite : des visiteurs qui tournent en rond, des pages introuvables et des contenus qui se concurrencent dans les résultats de recherche.

Bonne nouvelle : il n’est pas nécessaire de mobiliser des centaines de personnes pour la tester. Jakob Nielsen (Nielsen Norman Group) a montré qu’un tri par cartes mené avec 15 participants donne des regroupements corrélés à 0,90 avec ceux d’une étude menée sur 168 utilisateurs. Autrement dit, une petite session bien préparée suffit souvent à valider la structure d’un site de TPE, d’artisan ou d’association.

Ce guide explique ce qu’est une arborescence, pourquoi cette architecture de l’information compte pour les internautes comme pour le SEO, comment structurer un site internet étape par étape, puis comment la reproduire dans WordPress. Un exemple complet de site vitrine de 15 pages sert de fil rouge.

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

L’arborescence est la représentation hiérarchique des pages d’un site. On la dessine comme un arbre renversé : la page d’accueil en haut, les rubriques principales au niveau 1, puis les sous-rubriques et les pages de détail aux niveaux suivants. Chaque page a une place précise et un « parent », sauf la page d’accueil.

Trois notions voisines sont souvent confondues :

  • Le menu de navigation : c’est la partie visible de l’arborescence, en général limitée aux rubriques de premier niveau et à quelques sous-menus. Tous les contenus ne figurent pas dans la navigation principale.
  • Le plan de site : une page HTML qui liste les pages pour les visiteurs. Il reflète l’arborescence, mais ne la remplace pas.
  • Le sitemap XML : un fichier technique destiné aux moteurs de recherche, qui liste les URL à explorer. Google limite un fichier sitemap à 50 000 URL ou 50 Mo non compressé. WordPress en génère un par défaut à l’adresse /wp-sitemap.xml.

L’arborescence, elle, est un document de conception. On la produit au début d’une création de site internet ou d’une refonte, sous forme de schéma, de tableur ou de liste indentée. Elle sert ensuite de référence commune au webdesigner, au rédacteur et au développeur.

Pourquoi l’arborescence du site compte pour les visiteurs et le SEO

Pour l’utilisateur d’un site web, une bonne structure répond à une question simple : « Où suis-je et où trouver ce que je cherche ? ». Des libellés clairs, une navigation principale courte et un parcours utilisateur logique réduisent les retours en arrière et les abandons. L’expérience utilisateur (UX, pour User Experience) dépend autant de cette organisation que du graphisme.

Pour les moteurs de recherche, l’arborescence se traduit surtout par des liens. Google l’écrit noir sur blanc dans sa documentation : il ne regarde généralement pas la structure des URL pour comprendre celle d’un site, il s’appuie sur les liens entre les pages. Son guide sur la structure d’un site e-commerce recommande de relier les menus aux pages de catégories, puis les catégories aux sous-catégories et aux fiches produits, avec de vraies balises de lien plutôt que des événements JavaScript.

Concrètement, l’arborescence d’un site web influence sa visibilité à travers trois leviers :

  • La découverte des pages : une page sans lien interne (page « orpheline ») risque de ne jamais être explorée, sauf si elle figure dans le sitemap.
  • La hiérarchie perçue : les pages reliées depuis la page d’accueil ou le menu principal reçoivent plus de liens internes, ce qui signale leur importance.
  • La cohérence thématique : regrouper les pages proches dans une même rubrique, avec un maillage interne entre elles, aide Google à comprendre le sujet de chaque section.

Le guide de démarrage SEO de Google conseille aussi de regrouper les pages similaires dans des répertoires et d’utiliser des URL descriptives. Il précise toutefois que cet effort compte surtout pour les gros sites, de plusieurs milliers d’URL. Pour un site vitrine, la priorité reste donc la clarté pour l’humain.

Sur un site e-commerce, la même logique s’applique aux catégories de produits : une catégorie par famille, des sous-catégories si le catalogue l’exige, puis les fiches produit. Les sites de services suivent le même principe, avec une page par service et des liens internes vers les réalisations correspondantes. Dans les deux cas, la hiérarchie doit refléter la façon dont les utilisateurs cherchent, pas l’organisation interne de l’entreprise.

Les différents types d’arborescence de site

On distingue trois grandes familles. Le bon choix dépend du volume de contenus, de la diversité de vos offres et de la façon dont vos clients cherchent.

L’arborescence horizontale (ou plate)

Peu de niveaux, beaucoup de rubriques au premier niveau. Chaque rubrique est accessible en un ou deux clics depuis l’accueil. C’est la structure naturelle d’un site vitrine de 5 à 20 pages. Sa limite apparaît quand le contenu grossit : le menu devient trop long et les libellés finissent par se ressembler.

L’arborescence verticale (ou profonde)

Peu de rubriques principales, mais plusieurs niveaux de sous-rubriques. On la retrouve sur les catalogues e-commerce, les sites institutionnels et les centres d’aide. Elle classe bien un grand volume de pages, mais elle cache les contenus situés au quatrième ou cinquième niveau si les liens entre rubriques ne compensent pas.

L’arborescence mixte (ou en silos)

C’est un compromis : quelques grandes rubriques thématiques (les silos), chacune avec deux ou trois niveaux, et des liens transversaux entre pages proches. Chaque silo regroupe les informations d’une même catégorie, de la plus générale à la plus précise. La plupart des sites de PME et des blogs actifs finissent par adopter cette organisation, car elle concilie navigation simple et regroupement thématique utile au SEO.

Type Profondeur Adapté à Point de vigilance
Horizontale 1 à 2 niveaux Site vitrine, portfolio, association Menu qui s’allonge avec le temps
Verticale 3 à 5 niveaux Catalogue, site institutionnel Pages profondes peu visitées
Mixte en silos 2 à 3 niveaux Site de PME, blog, petit e-commerce Demande des liens transversaux soignés
Linéaire Parcours imposé Tunnel de commande, formulaire en étapes Réservée à une séquence précise
Asso22

Comment construire l’arborescence de son site web en 6 étapes

La méthode qui suit convient à la création d’un site internet comme à une refonte de site web. Comptez quelques heures pour un site vitrine, plusieurs jours pour un catalogue.

1. Clarifier les objectifs et les publics

Listez ce que le site doit produire : demandes de devis, appels, inscriptions, ventes, adhésions. Puis décrivez vos deux ou trois profils de visiteurs et la question principale de chacun. Un particulier pressé cherche un numéro et une zone d’intervention ; un syndic cherche des références et des garanties. Ces besoins dictent les rubriques à mettre en avant.

2. Faire l’inventaire des contenus

Dans un tableur, notez toutes les pages existantes ou envisagées : titre, objectif, contenu disponible, propriétaire. En refonte, exportez la liste des URL actuelles et leurs visites depuis votre outil de mesure d’audience. Les pages sans visite ni utilité peuvent être fusionnées ou supprimées, à condition de prévoir une redirection.

3. S’appuyer sur la recherche de mots-clés

Les mots clés que tapent les internautes dans les moteurs de recherche sont de bons candidats pour nommer les rubriques. Si personne ne cherche « solutions thermiques » mais que beaucoup cherchent « installation pompe à chaleur », le libellé est tout trouvé. Chaque page doit viser une intention distincte, pour éviter que deux pages se concurrencent sur la même requête.

4. Tester les regroupements avec un tri par cartes

Le tri par cartes (card sorting) consiste à écrire chaque contenu sur une carte, puis à demander à des utilisateurs de les regrouper et de nommer les groupes. En tri ouvert, ils créent leurs propres catégories ; en tri fermé, ils classent les cartes dans des catégories que vous proposez. Un atelier de tri par cartes avec une quinzaine de clients ou d’adhérents révèle vite les libellés ambigus et les regroupements inattendus.

5. Dessiner le schéma

Représentez la page d’accueil, les rubriques de niveau 1, puis les pages enfants. Un tableur indenté suffit souvent. Des outils de schéma en ligne comme Gloomaps, FigJam (Figma) ou Miro facilitent le partage avec un prestataire ; vérifiez sur leur site les fonctions incluses dans l’offre gratuite. Ajoutez sur le schéma l’URL prévue et l’appel à l’action (CTA, pour Call To Action) principal de chaque page.

6. Valider avant de produire

Faites tester le schéma par quelques utilisateurs extérieurs au projet. Donnez-leur des tâches précises : « trouvez le tarif d’un entretien de chaudière », « trouvez comment joindre l’entreprise le samedi ». Notez où elles cliquent en premier. Si plus d’une personne sur deux se trompe de rubrique, le libellé ou le classement est à revoir. C’est le test d’expérience utilisateur le plus économique qui soit.

Exemple : l’arborescence d’un site vitrine de 15 pages

Prenons un plombier-chauffagiste qui intervient dans une agglomération et ses environs. Objectifs : générer des demandes de devis et des appels pour dépannage. Voici une arborescence de 15 pages, avec les URL prévues :

  • Accueil (/)
    • Dépannage plomberie (/depannage-plomberie/)
      • Fuite d’eau (/depannage-plomberie/fuite-eau/)
      • Canalisation bouchée (/depannage-plomberie/canalisation-bouchee/)
    • Chauffage (/chauffage/)
      • Installation de pompe à chaleur (/chauffage/pompe-a-chaleur/)
      • Entretien de chaudière (/chauffage/entretien-chaudiere/)
    • Salle de bains (/salle-de-bains/)
      • Douche à l’italienne (/salle-de-bains/douche-italienne/)
    • Réalisations (/realisations/)
    • Tarifs et devis (/tarifs-devis/)
    • À propos (/a-propos/)
    • Contact (/contact/)
    • Mentions légales et Politique de confidentialité (liens en pied de page)

Le décompte donne bien 15 pages : l’accueil, 7 rubriques de niveau 1, 5 pages de niveau 2 et 2 pages légales en pied de page. Le menu principal ne montre que six entrées : Dépannage, Chauffage, Salle de bains, Réalisations, Tarifs et devis, Contact. « À propos » et les pages légales passent dans le pied de page.

Plusieurs choix méritent d’être expliqués :

  • Le dépannage est en tête, parce que c’est la demande la plus urgente et la plus fréquente. Le numéro de téléphone figure aussi dans l’en-tête, sur toutes les pages.
  • Chaque service a sa page : une page « fuite d’eau » répond mieux à la recherche correspondante qu’un paragraphe noyé dans une page « Nos services ».
  • Les réalisations font le lien : chaque chantier présenté renvoie vers la page de service concernée, ce qui multiplie les liens utiles entre les pages du site.
  • Les URL restent courtes, en minuscules, avec des tirets. Google recommande les tirets plutôt que les tirets bas pour séparer les mots.

Si l’artisan ajoute un blog plus tard, il crée une rubrique « Conseils » dont chaque article renvoie vers la page de service la plus proche. La structure absorbe ainsi de nouveaux contenus sans toucher à la navigation principale.

Reproduire la structure du site web dans WordPress

Une fois le schéma validé, il faut le traduire dans le CMS (Content Management System, l’outil qui gère le contenu du site). Dans WordPress, trois réglages font le travail.

  1. Les permaliens : dans Réglages > Permaliens, choisissez la structure « Titre de la publication ». Les URL reprennent alors le titre, sans date ni numéro.
  2. Les pages parentes : en éditant une page, ouvrez le panneau de réglages de la page et renseignez le champ « Parent ». La page « Fuite d’eau » aura pour parent « Dépannage plomberie », et son URL deviendra automatiquement /depannage-plomberie/fuite-eau/.
  3. Le menu : avec un thème classique, rendez-vous dans Apparence > Menus, ajoutez les pages, puis glissez un élément légèrement vers la droite pour en faire un sous-menu. Avec un thème basé sur les blocs, tout se passe dans Apparence > Éditeur > Navigation, comme le détaille la documentation officielle de WordPress sur la navigation.

Pour savoir où retrouver chaque contenu dans l’administration, consultez notre article sur l’emplacement des pages dans WordPress. Pensez aussi au fil d’Ariane, cette ligne « Accueil > Chauffage > Entretien de chaudière » affichée en haut de page. La plupart des extensions SEO et de nombreux thèmes le proposent. Il aide le visiteur à se situer et peut être balisé en données structurées. Depuis le 23 janvier 2025, Google ne l’affiche plus dans les résultats sur mobile, mais il continue de l’utiliser sur ordinateur.

Les erreurs fréquentes dans une arborescence de site

Certaines erreurs reviennent dans presque tous les audits de sites web de petites structures. Les repérer tôt évite une refonte coûteuse.

  • Appliquer la « règle des trois clics » à la lettre. Le Nielsen Norman Group rappelle qu’aucune étude ne la soutient : les visiteurs acceptent plus de clics si chaque étape est claire. Viser trois clics à tout prix pousse à des menus surchargés.
  • Calquer le menu sur l’organigramme interne. « Pôle technique » ou « Service commercial » ne parlent pas au client. Nommez les rubriques selon ses besoins.
  • Créer des pages quasi identiques. Deux pages « Rénovation salle de bains » et « Travaux salle de bains » se font concurrence dans les résultats de recherche. Fusionnez-les.
  • Oublier les pages orphelines. Une page publiée mais reliée à aucune autre reste quasi invisible. Chaque page doit recevoir au moins un lien depuis une page parente ou une page proche.
  • Changer les URL sans redirection. Lors d’une refonte de site web, chaque ancienne adresse doit pointer vers la nouvelle avec une redirection 301 (permanente). Sans cela, vous perdez les visites issues des moteurs et des liens externes.
  • Multiplier les catégories de blog. Cinq catégories bien remplies valent mieux que vingt catégories de deux articles chacune.

Une arborescence n’est jamais figée. Revoyez-la quand vous ajoutez une offre, quand une rubrique dépasse une dizaine de pages ou quand vos statistiques montrent qu’une page importante reçoit peu de visites. Ces points rejoignent les qualités d’un bon site web : lisibilité, cohérence et facilité de mise à jour.

Arborescence et projet de site : à quel moment intervenir ?

L’arborescence arrive juste après le cahier des charges et avant les maquettes. Elle conditionne le nombre de gabarits de pages à dessiner, le volume de textes à rédiger et donc le budget. Dans le déroulement de la création d’un site web, c’est le document qui permet de chiffrer précisément un projet.

Si vous travaillez avec un prestataire, demandez une arborescence validée par écrit avant tout développement. Elle sert de référence en cas de désaccord : une page ajoutée en cours de route est un avenant, pas un oubli. Si vous construisez votre site vous-même, elle vous évite de créer des pages au fil de l’eau et de vous retrouver avec une navigation incohérente.

Le travail sur la structure prépare aussi le SEO. Les rubriques correspondent aux grandes thématiques sur lesquelles le site veut se positionner, et le maillage interne prévu dès le schéma facilite le travail décrit dans nos conseils d’optimisation pour les moteurs de recherche.

Questions fréquentes

Combien de niveaux doit compter une arborescence ?

Pour un site vitrine, deux niveaux sous la page d’accueil suffisent presque toujours. Un catalogue peut aller jusqu’à trois ou quatre niveaux. Au-delà, vérifiez que les pages profondes reçoivent des liens depuis d’autres rubriques, sinon elles seront peu visitées et peu explorées.

Quelle différence entre arborescence et sitemap ?

L’arborescence est un schéma de conception qui organise les pages. Le sitemap XML est un fichier technique qui liste les URL pour les moteurs de recherche. Le second découle du premier, mais il ne dit rien de la hiérarchie ni de la navigation.

Avec quel outil faire l’arborescence d’un site internet ?

Une feuille de papier, un tableur ou des post-it suffisent pour démarrer. Pour partager le schéma, des outils comme Gloomaps, FigJam ou Miro produisent un plan lisible et facile à partager. L’outil importe moins que la logique : objectifs, publics, regroupements testés.

Peut-on modifier l’arborescence après la mise en ligne ?

Oui, mais avec méthode. Listez les URL qui changent, mettez en place les redirections 301, mettez à jour le menu et les liens internes, puis surveillez les erreurs d’exploration dans Google Search Console pendant les semaines qui suivent.

À retenir : partez des objectifs du site et des questions de vos visiteurs, inventoriez les contenus, testez les regroupements avec une quinzaine d’utilisateurs, puis dessinez un schéma à deux ou trois niveaux avec les URL prévues. Dans WordPress, reproduisez-le avec les pages parentes, des permaliens lisibles et un menu court, et vérifiez qu’aucune page ne reste orpheline. Revoyez enfin la structure à chaque nouvelle offre ou refonte, en redirigeant systématiquement les anciennes adresses.