Architecture de l’information d’un site web : méthode en 6 étapes pour organiser vos pages

Un menu à rallonge, des pages orphelines, trois rubriques qui parlent de la même chose et un formulaire de contact introuvable : la plupart des sites vitrines de PME ne souffrent pas d’un problème de design, mais d’un problème de rangement. C’est exactement ce que corrige l’architecture de l’information d’un site web.

Dans ce guide, nous partons d’un cas réel et volontairement chaotique (un site vitrine de 34 pages accumulées en huit ans) et nous le reconstruisons étape par étape, jusqu’au menu final. Vous y trouverez la méthode complète, la technique du tri de cartes expliquée simplement, et les libellés de navigation à privilégier.

Qu’est-ce que l’architecture de l’information d’un site web ?

L’architecture de l’information (AI) est la discipline qui consiste à organiser, structurer et nommer les contenus d’un site web pour que chaque visiteur trouve ce qu’il cherche sans réfléchir. Elle définit les grandes rubriques, la hiérarchie entre les pages, les intitulés du menu et les chemins de navigation.

Si le design est la peinture et la décoration d’une maison, l’architecture de l’information est le plan : le nombre de pièces, leur enchaînement, la place des portes. On ne la voit pas, mais on la subit quand elle est mauvaise. Il y a plus de matière dans Architecture de l’information de la base de connaissances.

Les 4 composantes d’une architecture de l’information

Le modèle de référence, issu des travaux de Louis Rosenfeld et Peter Morville, distingue quatre systèmes :

• Le système d’organisation : comment les contenus sont regroupés (par produit, par métier, par cible, par étape du parcours, par ordre alphabétique…).
• Le système de nommage (labelling) : les mots utilisés pour désigner chaque rubrique. « Nos réalisations » plutôt que « Portfolio corporate ».
• Le système de navigation : menu principal, méga-menu, pied de page, fil d’Ariane, liens contextuels, navigation latérale.
• Le système de recherche : moteur interne, filtres, facettes, page de résultats.

Architecture de l’information, arborescence, plan de site : quelle différence ?

Terme	Ce que c’est	À quel moment
Architecture de l’information	La discipline globale : organisation, nommage, navigation, recherche	Avant le design, après la stratégie
Arborescence	Le schéma hiérarchique des pages (niveau 1, 2, 3)	Livrable central de l’AI
Plan de site (sitemap HTML)	Une page listant tous les contenus pour l’internaute	Après la mise en ligne
Sitemap.xml	Un fichier destiné aux moteurs de recherche	Technique, à la mise en ligne
Wireframe	La maquette fonctionnelle d’une page donnée	Après l’arborescence

Notre cas fil rouge : le site vitrine désorganisé d’une PME

Prenons Atelier Rondel (nom d’emprunt), une PME de menuiserie et d’agencement sur mesure : 22 salariés, une clientèle de particuliers pour les cuisines et dressings, et une clientèle professionnelle (architectes, hôtels, commerces) pour l’agencement.

Son site compte 34 pages accumulées depuis 2018, avec un menu de 11 entrées :

Accueil | Notre entreprise | Notre histoire | L’équipe | Nos produits | Services | Le showroom | Réalisations | Actualités | Blog | Contact

Les symptômes relevés à l’audit :

• Le menu est sur deux lignes en écran 13 pouces et illisible sur mobile.
• « Nos produits » et « Services » contiennent chacun des pages cuisine, sans logique claire.
• « Actualités » (4 articles depuis 2021) et « Blog » (17 articles) font doublon.
• Aucune séparation entre l’offre particuliers et l’offre professionnels : les deux cibles se croisent sur les mêmes pages.
• 7 pages ne reçoivent aucune visite en 12 mois et 5 pages ne sont liées depuis aucune autre page.
• Le taux de rebond de la page « Nos produits » est de 78 %, avec un temps moyen de 14 secondes.

Diagnostic : le site n’a pas de problème de contenu, il a un problème de classement. Voici comment nous l’avons repris.

La méthode en 6 étapes pour construire l’architecture de l’information de votre site

Étape 1 : dresser l’inventaire complet des contenus

Impossible de ranger une pièce sans savoir ce qu’il y a dedans. La première étape consiste à lister toutes les pages existantes dans un tableur, y compris celles que personne n’assume plus. Référence : https://coursera.org.

Colonnes à créer :

1. URL
2. Titre de la page
3. Rubrique actuelle (niveau dans le menu)
4. Objectif de la page (informer, convertir, rassurer, référencer)
5. Cible principale (particulier, professionnel, candidat, journaliste)
6. Sessions sur 12 mois
7. Impressions et clics dans la Search Console
8. Nombre de liens internes entrants
9. Date de dernière mise à jour
10. Décision (à conserver, à fusionner, à réécrire, à supprimer, à créer)

Comment récupérer la liste rapidement : un crawl avec Screaming Frog (gratuit jusqu’à 500 URL) ou l’export du sitemap.xml, complété par l’export des pages de destination dans GA4 et l’export « Pages » de la Google Search Console. Croisez les trois : les pages qui n’apparaissent que dans le crawl sont vos pages fantômes.

Chez Atelier Rondel : 34 pages inventoriées, dont 12 sans aucun clic organique sur 12 mois.

Étape 2 : trancher page par page (garder, fusionner, supprimer, créer)

Une architecture claire commence par un contenu allégé. Appliquez une règle de décision simple :

Situation	Décision
Trafic significatif + contenu à jour	Conserver telle quelle
Deux pages sur le même sujet	Fusionner + redirection 301 vers la page conservée
Zéro trafic, zéro lien, aucun rôle commercial	Supprimer (410) ou rediriger vers la rubrique parente
Sujet stratégique sans page dédiée	Créer
Contenu utile mais périmé	Réécrire et conserver l’URL

Résultat pour notre PME : 34 pages ramenées à 21, dont 4 pages nouvellement créées (une page dédiée « Agencement pour hôtels », une page « Dressings », une page « Devis en ligne », une page « Recrutement »).

Étape 3 : identifier les cibles et leurs intentions

Une architecture ne se construit pas depuis l’organigramme de l’entreprise, mais depuis la tête de l’utilisateur. Erreur classique : calquer le menu sur les services internes (« Bureau d’études », « Pôle SAV »), alors que personne ne cherche cela.

Listez pour chaque cible les 5 questions qu’elle se pose avant de vous contacter. Sources gratuites et rapides :

• Les 50 dernières demandes reçues par le formulaire de contact et par téléphone.
• Les requêtes réelles de la Search Console (onglet Performances, filtre par requête).
• Le moteur de recherche interne du site, s’il existe.
• 3 à 5 entretiens de 20 minutes avec des clients récents.

Pour Atelier Rondel, deux parcours totalement distincts sont apparus :

• Particulier : « Combien coûte une cuisine sur mesure ? », « Quel délai ? », « Puis-je voir des réalisations près de chez moi ? », « Y a-t-il un showroom ? »
• Professionnel : « Savez-vous produire 60 chambres d’hôtel ? », « Quelles certifications ? », « Travaillez-vous sur plans d’architecte ? », « Quelles capacités atelier ? »

C’est cette dualité qui va structurer tout le premier niveau du menu.

Étape 4 : le tri de cartes (card sorting), expliqué simplement

Le principe en une phrase

Vous écrivez le nom de chaque contenu sur une carte, vous donnez le paquet à des utilisateurs, et vous leur demandez de faire des piles et de nommer chaque pile. Vous découvrez ainsi comment eux rangeraient votre site, et non comment vous, vous le rangez.

Les trois formats

Format	Fonctionnement	Quand l’utiliser
Tri ouvert	Le participant crée ses catégories et les nomme librement	Refonte complète, aucune structure fixée
Tri fermé	Les catégories sont imposées, le participant y range les cartes	Valider une arborescence déjà pressentie
Tri hybride	Catégories proposées + possibilité d’en créer	Le meilleur compromis pour un site vitrine PME

Comment le mettre en place concrètement

1. Préparez 30 à 50 cartes maximum. Une carte = un contenu, formulé côté utilisateur (« Prix et devis d’une cuisine », pas « Page tarifs V2 »). Au-delà de 50, les participants décrochent.
2. Recrutez 15 à 20 participants par profil cible. La littérature UX montre qu’au-delà de 15 participants, les schémas de regroupement se stabilisent. Pour une PME, 10 clients réels valent mieux que 40 inconnus.
3. Choisissez le support. En présentiel : des post-it et une table, 25 minutes par personne. À distance : OptimalSort, Maze, UXtweak ou un simple tableau Miro partagé.
4. Ne guidez pas. Aucune explication de votre offre avant le test, sinon vous biaisez le résultat. Demandez juste de penser à voix haute.
5. Faites nommer les piles. C’est la partie la plus précieuse : vous récupérez le vocabulaire exact de vos clients, qui deviendra celui de votre menu.

Comment lire les résultats

Les outils en ligne produisent une matrice de similarité (pourcentage de participants ayant mis deux cartes ensemble) et un dendrogramme (arbre de regroupement). Trois lectures suffisent :

• Accord supérieur à 70 % sur un regroupement : validez-le sans discuter.
• Accord entre 40 et 70 % : la carte est ambiguë, le contenu doit peut-être apparaître à deux endroits (navigation contextuelle) ou être renommé.
• Cartes isolées, jamais regroupées : le contenu est mal compris ou n’a pas sa place dans le menu principal (pied de page).

Chez Atelier Rondel, 18 participants (12 particuliers, 6 professionnels). Extrait des résultats :

Constat du tri de cartes	Décision d’architecture
89 % regroupent cuisine, dressing, bibliothèque dans une même pile	Créer une rubrique unique « Particuliers »
83 % isolent hôtellerie, commerces, bureaux	Créer une rubrique « Professionnels »
Piles nommées « Ce qu’ils ont déjà fait » ou « Exemples »	Libellé retenu : « Réalisations »
« Showroom » et « Contact » regroupés par 72 % des participants	Fusionner le showroom dans la page Contact
Aucun accord sur « Notre histoire », « L’équipe », « Partenaires »	Fusionner en une seule page « L’atelier »

Étape 5 : construire l’arborescence

Choisir un modèle de structure

Trois grands modèles cohabitent sur le web :

• Hiérarchique (en arbre) : le standard des sites vitrines et institutionnels. Un accueil, des rubriques, des sous-rubriques.
• Séquentielle (linéaire) : le visiteur suit un parcours imposé, étape après étape. Adapté aux tunnels de commande, aux configurateurs et aux formulaires longs.
• Matricielle ou en base de données : le contenu est accessible par filtres et facettes multiples. Adapté aux catalogues e-commerce et aux annuaires.

Pour un site vitrine de PME, le modèle hiérarchique s’impose, éventuellement enrichi de filtres sur la page « Réalisations ».

Les règles à respecter

1. 5 à 7 entrées au premier niveau. Au-delà, le menu devient un mur de texte et chaque lien perd en visibilité.
2. 3 clics maximum depuis l’accueil vers n’importe quelle page importante. Ce n’est pas une règle absolue, mais un excellent garde-fou pour un site de moins de 100 pages.
3. Privilégier la largeur à la profondeur. Une arborescence large et peu profonde est plus facile à parcourir qu’une arborescence étroite et profonde.
4. Jamais de rubrique à un seul enfant. Si une catégorie ne contient qu’une page, remontez la page d’un niveau.
5. Une page = une intention. Si une page répond à deux questions différentes, coupez-la en deux.
6. Le pied de page absorbe le reste : mentions légales, RGPD, recrutement, presse, plan de site.

L’arborescence retenue pour Atelier Rondel

Accueil
│
├── Particuliers
│   ├── Cuisines sur mesure
│   ├── Dressings et rangements
│   ├── Bibliothèques et meubles
│   └── Notre processus (du rendez-vous à la pose)
│
├── Professionnels
│   ├── Agencement d'hôtels
│   ├── Agencement de commerces
│   ├── Bureaux et espaces tertiaires
│   └── Capacités et certifications de l'atelier
│
├── Réalisations  (filtres : type de projet, lieu, budget)
│
├── L'atelier
│   ├── Notre savoir-faire
│   └── Rejoindre l'équipe
│
├── Conseils  (ancien blog + anciennes actualités)
│
└── Devis et contact
    └── Visiter le showroom

On passe de 11 entrées à 6, de 34 pages à 21, et surtout : chaque cible a son couloir dès le premier clic.

Étape 6 : nommer les rubriques, puis tester avant de développer

Les règles de nommage

• Utilisez les mots de vos clients, ceux collectés à l’étape 4 et dans la Search Console. « Cuisines sur mesure » bat « Solutions d’aménagement culinaire ».
• Bannissez le jargon interne et les noms de marques maison que personne ne connaît.
• Restez court : 1 à 3 mots par entrée de menu, sinon le menu casse sur mobile.
• Soyez cohérent grammaticalement : soit tous les libellés sont des noms, soit tous sont des verbes. Pas de mélange.
• Évitez les libellés vides de sens : « Solutions », « Univers », « Expertises », « Ressources » n’apprennent rien au visiteur ni à Google.
• Placez le mot-clé principal dans le libellé quand c’est naturel : le texte d’ancre du menu est un signal de maillage interne fort.

Libellé à éviter	Libellé à préférer
Nos solutions	Cuisines sur mesure
Qui sommes-nous	L’atelier
Portfolio	Réalisations
Actualités + Blog	Conseils
Espace pro	Professionnels
Nous joindre	Devis et contact

Valider avec un tree testing

Le tree testing est l’exact inverse du tri de cartes : vous présentez votre arborescence sous forme de texte, sans design ni images, et vous donnez des missions du type « Vous voulez savoir combien de temps prend la fabrication d’une cuisine. Où cliquez-vous ? ».

Trois indicateurs à surveiller :

• Taux de réussite : visez au minimum 80 % par tâche. En dessous de 60 %, la rubrique est mal nommée ou mal placée.
• Directness (chemin direct sans retour arrière) : plus il est bas, plus le libellé est ambigu.
• Temps de réponse : une hésitation longue signale une hiérarchie mal comprise.

Outils : Treejack (Optimal Workshop), Maze, UXtweak. Comptez 15 participants et 6 à 8 tâches maximum, sinon la fatigue fausse les résultats. Un test de ce type se déroule en une demi-journée et évite des mois de navigation ratée.

Le résultat : avant / après sur le menu de la PME

Avant (11 entrées)	Après (6 entrées)
Accueil, Notre entreprise, Notre histoire, L’équipe, Nos produits, Services, Le showroom, Réalisations, Actualités, Blog, Contact	Particuliers, Professionnels, Réalisations, L’atelier, Conseils, Devis et contact (en bouton)

Les gains observés dans les trois mois suivant la mise en ligne :

• Nombre de pages vues par session en hausse de 41 %.
• Taux de rebond de la page d’accueil passé de 61 % à 38 %.
• Demandes de devis multipliées par 2,3, sans augmentation du trafic global.
• Progression des positions sur les requêtes « agencement hôtel » grâce à la nouvelle page dédiée et au maillage par silo.

Architecture de l’information et SEO : ce que Google en fait

Une bonne architecture ne sert pas qu’aux humains. Elle influence directement le référencement naturel :

• Distribution du PageRank interne : les pages proches de l’accueil dans l’arborescence reçoivent plus de jus de lien. Vos pages stratégiques doivent être au niveau 2, jamais au niveau 4.
• Budget de crawl : supprimer les pages fantômes et raccourcir les chemins facilite l’exploration par Googlebot.
• Regroupement sémantique : rassembler les contenus d’un même thème dans une rubrique (silo) renforce la pertinence perçue sur cette thématique.
• URL parlantes : une arborescence claire donne des URL claires du type /professionnels/agencement-hotels/, faciles à comprendre et à partager.
• Fil d’Ariane et données structurées BreadcrumbList : ils s’affichent dans les résultats de recherche et améliorent le taux de clic.
• Cannibalisation évitée : une page = une intention = un mot-clé principal, c’est aussi un principe d’architecture.

Point de vigilance : toute refonte d’arborescence modifie des URL. Préparez un plan de redirections 301 exhaustif, page par page, et surveillez les erreurs 404 dans la Search Console pendant les 8 semaines suivant la mise en ligne.

Les 8 erreurs les plus fréquentes

1. Calquer le menu sur l’organigramme de l’entreprise plutôt que sur les besoins des visiteurs.
2. Empiler les rubriques au fil des années sans jamais rien supprimer.
3. Créer une rubrique « Divers » ou « Autres », signe qu’une catégorie n’a pas été pensée.
4. Multiplier les niveaux : un contenu à 5 clics de l’accueil n’existe pas.
5. Utiliser des libellés créatifs et incompréhensibles pour paraître original.
6. Séparer blog et actualités quand les deux publient le même type de contenu.
7. Oublier le mobile : un menu de 10 entrées devient un burger de 10 lignes que personne ne déroule.
8. Ne pas tester et découvrir le problème six mois après la mise en ligne.

Les outils utiles à chaque étape

Étape	Outils
Inventaire de contenu	Screaming Frog, Google Sheets, GA4, Search Console
Recherche utilisateur	Entretiens, Hotjar, Microsoft Clarity, Search Console
Tri de cartes	OptimalSort, Maze, UXtweak, post-it et Miro
Arborescence	FlowMapp, Whimsical, Octopus.do, Figma, XMind
Tests de navigation	Treejack, Maze, tests de 5 secondes

Checklist avant de valider votre architecture

• Le menu principal compte 7 entrées ou moins.
• Chaque page stratégique est atteignable en 3 clics maximum.
• Chaque libellé est compris hors contexte par une personne extérieure.
• Aucune rubrique ne contient une seule page.
• Aucun doublon thématique entre deux pages.
• Chaque page a un objectif unique et une cible identifiée.
• Le parcours de conversion (devis, contact, appel) est accessible depuis toutes les pages.
• Le fil d’Ariane est présent sur tous les niveaux supérieurs à 1.
• Le menu mobile a été testé sur un vrai téléphone.
• Le plan de redirections 301 est prêt avant la mise en ligne.

FAQ sur l’architecture de l’information d’un site web

Qu’est-ce que l’architecture de l’information ?

C’est la discipline UX qui consiste à organiser, structurer et nommer les contenus d’un site web, d’une application ou d’un intranet afin que les utilisateurs trouvent l’information rapidement. Elle repose sur quatre systèmes : organisation, nommage, navigation et recherche. La même chose est faite proprement sur html-hunter.com.

Quels sont les 3 types d’architecture de l’information ?

Les trois structures les plus répandues sont : hiérarchique (en arbre, du général au particulier, typique des sites vitrines), séquentielle (un parcours linéaire imposé, typique des tunnels de commande) et matricielle ou en base de données (accès multiple par filtres et facettes, typique des catalogues e-commerce).

Combien de temps prend la refonte d’une architecture de site vitrine ?

Pour un site vitrine de 20 à 50 pages, comptez 2 à 4 semaines : une semaine d’inventaire et d’audit, une semaine de recherche utilisateur et de tri de cartes, une semaine de construction de l’arborescence et de tests, puis les validations internes. C’est très peu au regard des mois de développement qui suivent.

Combien de participants faut-il pour un tri de cartes ?

Entre 15 et 20 participants par profil cible suffisent : au-delà, les regroupements se stabilisent et les résultats supplémentaires apportent peu. Mieux vaut 12 clients réels que 40 répondants sans lien avec votre activité. Pour creuser, lire Les fondamentaux pour réussir l’architecture de l’information.

Faut-il faire l’architecture avant ou après le design ?

Toujours avant. L’arborescence conditionne le nombre de gabarits de pages, la structure du menu et les wireframes. Concevoir le design d’abord revient à décorer une maison dont les murs ne sont pas encore posés.

La règle des 3 clics est-elle encore valable ?

Ce n’est pas une loi absolue : les études montrent que les utilisateurs acceptent plusieurs clics tant que chaque étape leur semble logique et les rapproche du but. Elle reste toutefois un excellent indicateur de simplicité pour un site vitrine de moins de 100 pages.

Comment gérer un contenu qui appartient à deux rubriques ?

Choisissez une rubrique principale pour la page (une seule URL, pour éviter le contenu dupliqué) et rendez-la accessible depuis la seconde rubrique par un lien contextuel, un bloc « à voir aussi » ou un filtre. Une page, une URL, plusieurs chemins d’accès.

Une refonte d’arborescence fait-elle perdre du trafic SEO ?

Elle peut provoquer une baisse temporaire de quelques semaines, le temps que Google recrawle le site. Avec un plan de redirections 301 exhaustif, un sitemap.xml à jour et un maillage interne cohérent, le trafic revient et progresse généralement au-delà du niveau initial.

En résumé

Construire l’architecture de l’information d’un site web ne demande ni budget démesuré ni outil sophistiqué : un tableur, un paquet de post-it, une quinzaine de clients volontaires et une méthode rigoureuse suffisent. Inventoriez, élaguez, écoutez vos utilisateurs, triez avec eux, structurez, nommez avec leurs mots, puis testez avant de développer.

Votre site vitrine ressemble à celui d’Atelier Rondel avant refonte ? Les équipes de NowSocial accompagnent les PME dans l’audit et la refonte de leur architecture de site. Contactez-nous pour un premier diagnostic de votre arborescence.