Un site peut avoir un design impeccable et rester inutilisable. Si le visiteur ne trouve pas la page qu’il cherche en quelques secondes, il repart. C’est précisément le rôle de l’architecture de l’information d’un site web : décider quoi mettre où, comment nommer chaque rubrique et à quelle profondeur placer chaque contenu, avant même d’ouvrir un outil de maquettage.
Ce guide vous donne une méthode concrète, applicable à un site vitrine comme à un site plus important : inventaire de contenu, tri par cartes, construction de l’arborescence, test, puis traduction en menus. Avec des exemples réels et la liste des erreurs de navigation qui coûtent le plus de visiteurs.
Qu’est-ce que l’architecture de l’information d’un site web ?
L’architecture de l’information (souvent abrégée AI, ou IA pour Information Architecture en anglais) est la discipline qui consiste à organiser, structurer et nommer les contenus d’un dispositif numérique afin que les utilisateurs trouvent ce qu’ils cherchent et comprennent où ils se situent.
Concrètement, sur un site web, elle répond à quatre questions très simples :
- Quoi ? Quels contenus et services existent réellement.
- Où ? Dans quelle rubrique chaque contenu est rangé.
- Comment on y accède ? Par quel menu, quel lien, quel fil d’Ariane, quelle recherche.
- Comment on le nomme ? Avec quels mots, compris par les visiteurs et non par l’équipe interne.
Les 4 composantes classiques
Le modèle de référence en architecture de l’information distingue quatre systèmes complémentaires :
- Le système d’organisation : comment les contenus sont regroupés (par audience, par type de service, par thématique, par étape du parcours, par ordre alphabétique, par géographie).
- Le système d’étiquetage : le vocabulaire utilisé pour les titres de rubriques, les intitulés de menu, les catégories.
- Le système de navigation : menu principal, menu secondaire, pied de page, fil d’Ariane, liens contextuels dans le contenu.
- Le système de recherche : moteur interne, filtres, facettes, suggestions, page de résultats.
Ne confondez pas ces trois notions
| Notion | Ce que c’est | Livrable typique |
|---|---|---|
| Architecture de l’information | La logique d’organisation et de nommage des contenus | Inventaire de contenu, plan de classement, arborescence commentée |
| Arborescence | La représentation visuelle et hiérarchique de cette logique | Schéma en arbre avec niveaux 1, 2, 3 |
| Design d’interface | La mise en forme graphique de chaque page | Wireframes, maquettes, design system |
L’ordre compte : l’architecture d’abord, le design ensuite. Dessiner des maquettes avant d’avoir stabilisé l’arborescence, c’est repeindre une maison dont les murs porteurs ne sont pas posés.
Pourquoi travailler l’architecture avant le design ?
Trois bénéfices très mesurables :
- Moins d’abandons. Une navigation claire réduit le taux de rebond et allonge la durée de visite. Le visiteur n’a pas à deviner.
- Un meilleur référencement. Google explore votre site en suivant les liens. Une arborescence logique diminue la profondeur de clic des pages stratégiques, clarifie le maillage interne et évite la cannibalisation entre pages qui traitent du même sujet.
- Un projet moins coûteux. Déplacer une rubrique dans un tableau prend deux minutes. La déplacer après la mise en production, avec redirections, refonte de menus et retouches graphiques, prend des jours.
Les grands types d’architecture
On distingue habituellement quatre structures, dont les trois premières couvrent la quasi-totalité des sites d’entreprise.
| Type | Principe | Quand l’utiliser |
|---|---|---|
| Hiérarchique (arborescente) | Une page d’accueil, des rubriques, des sous-rubriques | Sites vitrines, sites institutionnels, la majorité des cas |
| Séquentielle (linéaire) | Le visiteur avance étape par étape | Tunnels de commande, formulaires longs, parcours d’inscription, tutoriels |
| Matricielle (ou en réseau) | Plusieurs chemins d’accès au même contenu | Catalogues, sites multi-audiences, bases documentaires |
| Base de données (à facettes) | Contenus décrits par des métadonnées et filtrés dynamiquement | E-commerce, annuaires, offres d’emploi, sites immobiliers |
Dans la pratique, un site combine souvent plusieurs modèles : une structure hiérarchique pour les pages institutionnelles, des filtres à facettes pour le catalogue, un parcours séquentiel pour la demande de devis. Pour creuser, lire L’architecture de l’information et l’expérience utilisateur.
La méthode en 6 étapes pour structurer votre site
Étape 1 : faire l’inventaire de contenu
On ne structure pas dans le vide. Listez dans un tableur toutes les pages existantes ou prévues, avec pour chacune :
- l’URL actuelle (en cas de refonte) et le titre ;
- l’objectif de la page (informer, convertir, rassurer, référencer) ;
- l’audience visée ;
- les données de trafic et de conversion ;
- la décision : garder, fusionner, réécrire, supprimer.
Cet audit est presque toujours une révélation : on découvre trois pages qui parlent du même service, une rubrique vide depuis deux ans et des contenus stratégiques enfouis au quatrième niveau.
Étape 2 : le tri par cartes (card sorting)
Le tri par cartes est la technique la plus efficace pour sortir de la logique interne de l’entreprise et adopter celle des visiteurs. Le principe : on écrit chaque contenu sur une carte, et on demande à des utilisateurs de les regrouper comme cela leur semble naturel.
Les trois variantes
- Tri ouvert : le participant crée lui-même les groupes et les nomme. Idéal pour un nouveau site, ou quand aucune structure ne fait consensus en interne.
- Tri fermé : les catégories sont fournies, le participant place les cartes dedans. Idéal pour valider une arborescence déjà esquissée.
- Tri hybride : catégories imposées, avec possibilité d’en créer de nouvelles.
Comment le mener concrètement
- Préparez entre 30 et 60 cartes maximum. Au-delà, les participants fatiguent et trient au hasard.
- Utilisez des intitulés de contenu, pas des noms de rubriques. Écrivez Conditions de garantie, pas Infos diverses.
- Recrutez 15 à 20 participants représentatifs de vos cibles réelles, jamais uniquement vos collègues.
- En présentiel, des post-it suffisent. À distance, des outils comme OptimalSort, Maze ou UXtweak automatisent l’analyse.
- Demandez aux participants de verbaliser leurs hésitations : ce sont ces cartes flottantes qui signalent les futurs problèmes de navigation.
Comment lire les résultats
Vous cherchez les regroupements récurrents (les cartes que plus de 60 à 70 % des participants placent ensemble) et les cartes orphelines, classées différemment par chacun. Ces dernières exigent une décision : soit elles sont mal nommées, soit elles doivent être accessibles depuis plusieurs endroits.
Étape 3 : construire l’arborescence
Traduisez les regroupements en arbre à trois niveaux maximum pour un site vitrine. Quelques règles de bon sens :
- 5 à 7 entrées dans le menu principal, idéalement.
- Une rubrique qui ne contient qu’une seule page n’est pas une rubrique : c’est une page.
- Chaque rubrique de niveau 1 doit avoir une vraie page d’atterrissage, avec du contenu, et pas seulement un menu déroulant.
- Placez les pages qui génèrent du chiffre d’affaires au plus près de l’accueil.
Étape 4 : nommer les rubriques
L’étiquetage est la partie la plus sous-estimée de l’architecture de l’information d’un site web. Quelques principes :
- Utilisez le vocabulaire de vos clients, pas votre jargon interne. Nos solutions ne veut rien dire ; Logiciel de gestion des dépenses est clair.
- Bannissez les intitulés fourre-tout : Divers, Ressources, Espace, Plus.
- Restez court : 1 à 3 mots par entrée de menu.
- Appuyez-vous sur vos données de recherche : requêtes du moteur interne, mots-clés qui amènent du trafic, questions posées au support.
- Gardez une cohérence grammaticale : soit tous les intitulés sont des noms, soit tous sont des verbes.
Étape 5 : tester l’arborescence avant le design
Deux méthodes rapides et peu coûteuses :
- Le tree testing (test d’arborescence) : on présente l’arbre sans design, et on demande « Où iriez-vous pour trouver le tarif de la maintenance ? ». On mesure le taux de réussite et le taux de retours en arrière. En dessous de 70 % de réussite sur une tâche clé, la rubrique est à revoir.
- Le test du premier clic : si le premier clic est bon, la probabilité de réussite de la tâche dépasse largement celle d’un parcours mal engagé.
Étape 6 : traduire l’architecture en navigation
L’arborescence n’est pas le menu. Le menu est une sélection de l’arborescence, complétée par d’autres dispositifs :
| Dispositif | Rôle |
|---|---|
| Menu principal | Donner accès aux grandes rubriques et montrer l’étendue de l’offre |
| Menu utilitaire (en haut) | Contact, recherche, espace client, langue |
| Fil d’Ariane | Situer le visiteur et permettre la remontée d’un niveau |
| Liens contextuels dans le contenu | Prolonger la lecture, renforcer le maillage interne |
| Pied de page | Accès aux pages secondaires, légales et au plan du site |
Combien de niveaux de profondeur faut-il prévoir ?
La fameuse « règle des 3 clics » n’a jamais été validée scientifiquement : les utilisateurs acceptent des clics supplémentaires tant que chaque clic les rassure sur la bonne direction. Ce qui fait fuir, ce n’est pas le nombre de clics, c’est l’incertitude.
Cela dit, un repère pratique reste utile :
| Type de site | Nombre de pages | Profondeur conseillée |
|---|---|---|
| Site vitrine simple | 5 à 15 | 1 à 2 niveaux |
| Site vitrine multi-services | 15 à 80 | 2 à 3 niveaux |
| Site institutionnel ou catalogue | 80 à 500 | 3 niveaux + filtres |
| E-commerce, annuaire | 500 et plus | 3 niveaux + navigation à facettes |
Retenez le compromis largeur contre profondeur : un menu large (beaucoup de rubriques, peu de niveaux) est plus rapide à parcourir mais plus difficile à scanner ; un menu profond (peu de rubriques, beaucoup de niveaux) est plus lisible mais multiplie les erreurs de chemin.
Trois exemples d’arborescences de sites vitrines
Exemple 1 : artisan ou entreprise du bâtiment
- Accueil
- Nos prestations
- Rénovation intérieure
- Isolation
- Menuiserie
- Dépannage urgent
- Réalisations (filtrables par type de chantier)
- Zone d’intervention
- Une page par ville principale
- L’entreprise
- Équipe et savoir-faire
- Certifications et assurances
- Devis gratuit (page de conversion, accessible aussi en bouton permanent)
Point clé : les pages « zone d’intervention » servent autant le visiteur que le référencement local. Elles doivent contenir du contenu unique, jamais un simple copier-coller avec le nom de la ville modifié.
Exemple 2 : cabinet de conseil ou prestataire B2B
- Accueil
- Expertises
- Une page par expertise, avec méthode, livrables et durée
- Secteurs
- Industrie, santé, secteur public, retail
- Cas clients
- Une page par mission avec résultats chiffrés
- Ressources
- Blog
- Guides et livres blancs
- Webinaires
- À propos
- Équipe
- Carrières
- Contact
Ici, la double entrée Expertises et Secteurs est une architecture matricielle assumée : deux chemins pour arriver à la même offre, selon que le visiteur pense d’abord à son métier ou à son problème.
Exemple 3 : éditeur de logiciel ou service en ligne
- Accueil
- Fonctionnalités
- Une page par fonctionnalité majeure
- Solutions
- Par taille d’entreprise
- Par métier
- Tarifs (jamais caché, jamais au troisième niveau)
- Intégrations
- Ressources
- Centre d’aide
- Blog
- Témoignages clients
- Démo et Connexion dans le menu utilitaire
8 erreurs de navigation qui font fuir vos visiteurs
- Le menu calqué sur l’organigramme. Vos visiteurs ne connaissent ni vos directions ni vos services internes. Organisez par besoin, pas par hiérarchie interne.
- Les intitulés créatifs. L’Atelier, La Fabrique, Notre ADN : personne ne sait ce qu’il va trouver derrière. La clarté convertit mieux que l’originalité.
- Quinze entrées dans le menu principal. Au-delà de 7 ou 8, le visiteur ne lit plus, il scanne et rate l’essentiel.
- Les mégamenus qui se referment. Un menu déroulant qui disparaît au moindre écart de souris, ou qui n’est pas utilisable au clavier, exclut une partie de vos visiteurs.
- L’absence de page de rubrique. Une rubrique de niveau 1 qui n’ouvre que sur un déroulé prive le visiteur d’une vue d’ensemble et le référencement d’une page pivot.
- Les impasses. Une page sans lien de sortie autre que le bouton retour du navigateur. Chaque page doit proposer l’étape suivante.
- Le contact enterré. Numéro de téléphone en image, formulaire au troisième niveau, adresse uniquement dans les mentions légales : autant de freins gratuits.
- La navigation mobile bâclée. Sur mobile, une arborescence profonde devient un tunnel. Prévoyez un menu accessible dès le premier écran, des libellés courts et des boutons assez grands.
Checklist avant de passer au design
- L’inventaire de contenu est complet et arbitré (garder, fusionner, supprimer).
- Un tri par cartes a été mené avec des utilisateurs réels.
- L’arborescence tient sur une page et se comprend sans commentaire.
- Chaque intitulé de menu est compris par une personne extérieure à l’entreprise.
- Les 3 pages les plus stratégiques sont à 1 ou 2 clics de l’accueil.
- Un tree testing a validé les 5 tâches principales avec un taux de réussite satisfaisant.
- Le plan de redirections est prêt si c’est une refonte, pour éviter de perdre le référencement acquis.
- Le maillage interne entre pages sœurs est prévu, pas improvisé.
Les outils utiles
- Inventaire et audit : un tableur, plus un crawler comme Screaming Frog pour lister l’existant et repérer les pages trop profondes.
- Tri par cartes et tree testing : OptimalSort et Treejack, Maze, UXtweak, ou des post-it en atelier.
- Schématisation de l’arborescence : FigJam, Whimsical, Miro, draw.io, ou un simple tableau à trois colonnes (niveau 1, niveau 2, niveau 3).
- Validation post-lancement : analyse des parcours dans votre outil d’analytics, requêtes du moteur de recherche interne, cartes de clics.
L’architecture de l’information n’est pas un livrable qu’on archive. Elle se revoit à chaque nouvelle offre, à chaque nouvelle famille de contenus. Un rendez-vous annuel pour relire l’arborescence à la lumière des données d’usage suffit à éviter l’accumulation silencieuse de pages orphelines.
Besoin d’un regard extérieur sur la structure de votre site avant une refonte ? Parlons de votre arborescence, c’est la partie du projet qui coûte le moins cher à corriger et qui rapporte le plus. ux247.com a traité le sujet en longueur.
FAQ
Qu’est-ce que l’architecture de l’information ?
C’est la discipline qui consiste à organiser, structurer, nommer et rendre accessibles les contenus d’un dispositif informationnel (site web, application, intranet) pour que les utilisateurs trouvent l’information cherchée et comprennent où ils se trouvent. Elle repose sur quatre systèmes : organisation, étiquetage, navigation et recherche.
Qu’est-ce que l’architecture d’un site web ?
C’est la façon dont les pages du site sont hiérarchisées et reliées entre elles : page d’accueil, rubriques de premier niveau, sous-rubriques, pages de contenu, et les liens qui les connectent. On la représente sous forme d’arborescence. Elle détermine à la fois l’expérience de navigation et la manière dont les moteurs de recherche explorent le site. À lire aussi : Les fondamentaux pour réussir l’architecture de l’information.
Quels sont les 3 principaux types d’architecture de l’information ?
Les trois structures les plus courantes sont l’architecture hiérarchique (arborescente, du général au particulier), l’architecture séquentielle (parcours linéaire, étape par étape) et l’architecture matricielle ou en réseau (plusieurs chemins d’accès vers un même contenu). S’y ajoute l’architecture en base de données, avec filtres et facettes, pour les catalogues volumineux.
Combien de rubriques faut-il dans un menu principal ?
Visez 5 à 7 entrées, 8 au maximum. Au-delà, la lecture devient difficile et les entrées se concurrencent. Si vous avez trop de contenus, regroupez-les dans des sous-rubriques plutôt que d’allonger le menu, et déportez les pages secondaires vers le pied de page.
Le tri par cartes est-il indispensable pour un petit site vitrine ?
Il n’est pas obligatoire, mais même une version allégée apporte beaucoup : 30 cartes soumises à 5 ou 6 clients ou prospects, en une heure, révèlent souvent que vos intitulés internes ne sont pas compris. C’est l’investissement le plus rentable de toute la phase de conception.
L’architecture de l’information a-t-elle un impact sur le SEO ?
Oui, direct. Elle conditionne la profondeur de clic des pages importantes, la qualité du maillage interne, la cohérence des URLs, la lisibilité du fil d’Ariane et la répartition de la popularité interne entre les pages. Une arborescence claire aide aussi à éviter que plusieurs pages se disputent la même requête.
Faut-il refaire l’arborescence lors d’une refonte graphique ?
Pas systématiquement, mais il faut toujours l’auditer. Si les données montrent des pages jamais visitées, des taux de sortie anormaux ou des recherches internes récurrentes sur des contenus déjà en ligne, le problème est structurel et un nouveau design ne le réglera pas.