Structure du catalogue d'une boutique en ligne
La structure du catalogue est la façon dont les produits sont organisés en catégories, sous-catégories, filtres et adresses de pages. Elle répond à deux questions : le client peut-il trouver ce qu'il cherche en quelques clics, et le moteur de recherche comprend-il quelles pages comptent.
Pourquoi c'est important aujourd'hui
Baymard Institute évalue chaque année la navigation des meilleures boutiques. Dans son étude « Homepage and Category Navigation UX 2026 » (plus de 17 000 évaluations pour plus de 180 sites américains et européens ; article mis à jour le 13 octobre 2026), la taxonomie des catégories s'est révélée le point le plus faible, sur ordinateur comme sur mobile : 61 % des sites sur ordinateur et 65 % sur mobile ont été jugés « médiocres » ou « mauvais » (Baymard). C'est donc un problème courant, non une rareté, et une bonne structure donne un véritable avantage.
Ci-dessous, les études de Baymard montrent le comportement des acheteurs aux États-Unis et en Europe, et la documentation de Google montre les règles pour la recherche.
Étape 1. Partir de la façon dont les clients cherchent
La structure se construit non autour de l'entrepôt ou du logiciel de gestion, mais autour du langage du client.
- Rassemblez les requêtes de Google Search Console, de votre recherche interne, de Keyword Planner et des échanges avec le support.
- Regroupez-les par finalité, non par fabricant : « chaussures de course », et non « Nike ».
- Testez avec deux ou trois personnes extérieures à l'équipe : demandez-leur de trouver un produit précis et observez où elles cliquent. Un bref aperçu de la méthode figure dans utilisabilité.
Exemple (une boutique de cosmétiques inventée). L'entrepôt range les produits par marque. Un client cherche « sérum vitamine C » ou « crème pour peau sèche ». Des catégories par type de produit et par besoin de peau seront plus utiles qu'une liste alphabétique de marques, et il vaut mieux faire de la marque un filtre.
Étape 2. Séparer catégories et filtres
L'erreur la plus fréquente selon Baymard : 79 % des sites utilisent des catégories distinctes là où ils devraient proposer des filtres pour des types de produits qui ont des attributs communs. La recommandation de l'étude : si les produits ont des attributs communs, affichez-les dans une seule liste avec un filtre, pour que le client voie toute la gamme (Baymard).
Une règle pratique :
- Une catégorie répond à « quel type de produit est-ce ».
- Un filtre répond à « lequel exactement » : couleur, taille, marque, prix, matière, disponibilité.
Dans l'exemple des vêtements, « T-shirts » et « Chemises » sont des catégories, tandis que « homme », « coton » et « taille M » sont des filtres. Plus de détails sur les filtres dans l'article filtres produits.
Étape 3. Garder la profondeur et la largeur dans des limites
D'après les mêmes données de Baymard :
- 51 % des sites ne découpent pas les catégories et sous-catégories en blocs pratiques.
- Recommandation : diviser une catégorie en sous-catégories lorsqu'elle contient environ 10 éléments, et viser au moins 10 produits dans la catégorie la plus profonde. Plus d'une dizaine d'options de sous-catégories surcharge les utilisateurs.
Ce n'est pas une loi de la nature, mais une indication empirique issue de tests. Si une catégorie contient deux produits, elle n'a pas besoin de sa propre page ; si elle en contient 3 000, il lui faut des sous-catégories et des filtres.
Étape 4. Montrer aux clients où ils se trouvent
Baymard relève que 96 % des sites ne mettent pas en évidence la section courante dans le menu principal (c'était 95 % en 2025), que 31 % ne rendent pas les titres du menu cliquables, et que 22 % ne placent pas les catégories de produits au premier niveau du menu mobile. Recommandations : sur mobile, afficher les catégories de produits au premier niveau, mettre en évidence la section courante, rendre cliquables les catégories parentes, et, sur les pages intermédiaires, placer les sous-catégories en haut, au-dessus des blocs promotionnels, avec des vignettes claires (38 % ne le font pas, et 39 % ont des vignettes peu claires ou absentes) (Baymard).
Pour les menus déroulants au survol, l'étude conseille un délai de 300 à 500 ms pour que le menu ne se déclenche pas par accident. Le mobile n'a pas de survol : la priorité y est donc des premiers niveaux simples. Voir UX mobile et la page de catégorie.
Étape 5. Le fil d'Ariane
Le fil d'Ariane montre le chemin jusqu'à un produit et aide l'utilisateur à remonter d'un niveau. Google utilise le balisage `BreadcrumbList` pour afficher ce chemin dans les résultats de recherche et conseille de montrer le parcours typique de l'utilisateur plutôt que de copier la structure des URL. Si un produit est accessible par plusieurs chemins, on peut indiquer plusieurs fils (Google Search Central).
Étape 6. Adresses des pages (URL)
Pour les moteurs de recherche, la structure, ce sont aussi les URL. Ce que Google recommande pour les boutiques en ligne (Google Search Central) :
- Chaque variante de produit (couleur, taille) peut avoir sa propre URL, mais l'URL principale du produit reste canonique, désignée par `rel="canonical"`.
- Utilisez des mots descriptifs dans l'URL, pas des numéros : `/product/black-t-shirt` vaut mieux que `/product/3243`.
- Écrivez les paramètres sous la forme `clé=valeur` (`?page=2`, `?color=green`) et ne répétez pas le même paramètre.
- N'utilisez pas de fragments `#` pour afficher des contenus différents, car Google les ignore.
- Chaque page de pagination a sa propre URL ; soyez cohérent pour la première page (toujours avec `?page=1` ou toujours sans).
- Ne mettez pas dans le menu de liens vers des catégories vides : fermez une page vide avec `noindex` ou renvoyez une 404.
- Utilisez des liens `<a href>` plutôt qu'une navigation en JavaScript, et donnez un texte de lien explicite (le nom du produit, pas « en savoir plus »).
- Utilisez la même URL dans les liens, le sitemap et le canonical.
Étape 7. Filtres et indexation par les moteurs de recherche
Si les filtres construisent des URL au moyen de paramètres, le nombre de pages peut devenir presque infini, et les robots de Google gaspillent leurs ressources. La documentation de Google (Search Central) propose un choix :
- Les URL filtrées n'ont pas lieu d'être dans la recherche : bloquez-les dans `robots.txt` (exemple : `/?color=`) ou transmettez les filtres après `#` ; les pages produits et la catégorie sans filtres restent ouvertes.
- Elles y ont leur place (par exemple « baskets rouges ») : utilisez le séparateur standard `&`, gardez fixe l'ordre des filtres dans l'URL, et renvoyez une 404 pour les combinaisons sans résultat. Google avertit que cela augmente la charge du serveur et ralentit la découverte de nouvelles URL.
- Google considère `rel="canonical"` et `nofollow` comme des signaux plus faibles : le canonical peut réduire l'exploration avec le temps, et `nofollow` ne fonctionne que si chaque lien vers une telle URL en est marqué.
Une approche pratique : faire des pages de filtres correspondant à des requêtes populaires des pages d'atterrissage distinctes, avec un titre et un texte uniques, et fermer le reste.
Étape 8. Les données sur lesquelles repose la structure
- Attributs. Nommez les mêmes caractéristiques de la même façon dans tout le catalogue, sinon les filtres s'effondrent. Pour une grande gamme, un PIM s'en charge.
- Catégories dans l'analyse d'audience. Dans Google Analytics, le rapport « Achats e-commerce » transmet la catégorie du produit sur cinq niveaux (`Item category` à `Item category 5`) (Aide Google Analytics). Si votre catalogue est plus profond, il faudra simplifier les données : prévoyez-le à l'avance.
- Le flux. Les catégories du flux produits pour Google ou les marketplaces doivent correspondre à leur classification, pas seulement à la vôtre.
- Merchandising. L'ordre des produits dans une catégorie est un travail à part (merchandising).
Comment refondre un catalogue en production
- Prenez les données actuelles : quelles catégories apportent du trafic et des commandes, lesquelles sont vides ou en double.
- Dessinez la nouvelle structure et associez chaque ancienne URL à une nouvelle.
- Redirigez les anciennes URL vers les nouvelles par une redirection serveur permanente (301/308), et non vers la page d'accueil. Les règles figurent dans l'article migrer vers une nouvelle plateforme.
- Mettez à jour le sitemap, le canonical et les liens internes.
- Après 2 à 4 semaines, comparez le trafic par catégorie et les requêtes de recherche.
Erreurs fréquentes
- Construire les catégories autour de la comptabilité interne plutôt que des requêtes des clients.
- Faire une catégorie de ce qui devrait être un filtre (couleur, marque).
- Créer des catégories vides et en double.
- Donner aux filtres des URL infinies sans règles d'indexation.
- Oublier le menu mobile : les catégories de produits doivent être le premier niveau.
FAQ
Combien de niveaux d'imbrication un catalogue doit-il avoir ? Il n'y a pas de chiffre strict. La règle de Baymard est de subdiviser une catégorie à environ 10 éléments et d'avoir au moins 10 produits dans la catégorie la plus profonde. La profondeur doit être telle que le client ne se perde pas.
En quoi une catégorie diffère-t-elle d'un filtre ? Une catégorie répond à « qu'est-ce que c'est », un filtre répond à « lequel exactement ». Les produits aux attributs communs gagnent à être présentés dans une seule liste avec un filtre.
Les couleurs et les tailles ont-elles besoin d'URL distinctes ? Google autorise une URL distincte pour une variante (par le chemin ou par un paramètre), mais conseille de faire de l'URL principale du produit l'URL canonique.
Comment garder les filtres hors de l'index ? Par `robots.txt` pour les paramètres de filtres, ou en transmettant les filtres dans le fragment de l'URL. Canonical et nofollow sont plus faibles.
Termes associés
- Page de catégorie
- Filtres de catalogue
- Variantes de produit
- Système PIM
- Recherche sur le site
- Comment passer à une nouvelle plateforme de boutique en ligne sans perdre de trafic ni de données
Sources
- Baymard Institute, Homepage and Category Navigation UX 2026: 10 Pitfalls and Best Practices (mis à jour le 13.10.2026) — baymard.com/blog/ecommerce-navigation-best-practice
- Google Search Central, Designing a URL structure for ecommerce sites — developers.google.com/search/docs/specialty/ecommerce/designing-a-url-structure-for-ecommerce-sites
- Google Search Central, Managing crawling of faceted navigation URLs — developers.google.com/search/docs/crawling-indexing/crawling-managing-faceted-navigation
- Google Search Central, Breadcrumb structured data — developers.google.com/search/docs/appearance/structured-data/breadcrumb
- Google Analytics Help, Ecommerce purchases report — support.google.com/analytics/answer/12924131
À lire aussi
Photos produit, vidéo et génération par IA
La photo produit est le principal moyen de montrer à un acheteur ce qu'il ne peut pas tenir dans ses mains. La génération par IA aide à créer un arrière-plan, un angle ou une illustration, mais elle s'accompagne de règles claires : dans Google Merchant…
Signaux de confiance
Les signaux de confiance sont les éléments d'un site qui aident un acheteur à croire que la boutique est réelle, honnête et sûre pour payer : avis, coordonnées, conditions de livraison et de retour, signes visuels de protection sur le formulaire de carte…
Seuil de livraison gratuite
Un seuil de livraison gratuite est une règle : la livraison est gratuite si le total de la commande atteint au moins un montant fixé (par exemple, à partir de 50 €). Pour la boutique, c'est un moyen d'augmenter le panier moyen ; pour l'acheteur, une…
La version mobile d'une boutique
La version mobile d'une boutique en ligne (mobile UX, m-commerce) est la façon dont le site s'affiche et fonctionne sur un smartphone : du catalogue et de la recherche jusqu'au paiement.