Ressources

Filtres Shopify Search & Discovery : aider tes clients à trouver la bonne variante

Par Teo Comyn · Consultant Shopify · CRO, SEO & Liquid · EXPERAISE

Lecture ~12 min · Shopify · Search & Discovery · CRO/UX · Catalogue · SEO · Octobre 2026 · Mis à jour 2026-10-13

ShopifySearch & DiscoveryCRO/UXCatalogueSEO

Pour configurer des filtres Shopify utiles, pars des critères d’achat, vérifie les données produit, ajoute les filtres dans Search & Discovery, puis contrôle leur affichage dans le thème. Termine par une recette mobile et une revue des URLs filtrées. Installer l’app ne prouve ni que le visiteur trouve le bon article, ni que ses combinaisons sont achetables.

Le problème à résoudre est simple : « Je cherche un vêtement dans ma taille et dans cette couleur. Est-ce que je peux le trouver, puis l’acheter ? » Une longue liste de filtres ne répond pas forcément mieux à cette question. Je propose de recevoir un parcours complet, de la collection au choix de variante, plutôt qu’un écran de paramètres.

Search & Discovery, données et thème : trois pièces à vérifier

Search & Discovery est une app gratuite éditée par Shopify. Elle intervient sur les filtres, la recherche et les recommandations. Ici, on se concentre sur les filtres : les autres fonctions demandent leurs propres réglages et leur propre validation.

Le thème doit rendre une interface de filtrage. La documentation développeur décrit l’utilisation des données de collection ou de recherche et des paramètres d’URL ; la création des filtres dans l’admin précède leur utilisation. Source : prise en charge par le thème. Sur un storefront personnalisé, fais confirmer le support par l’équipe qui le maintient. Ne suppose pas qu’un nom de thème ou une app installée vaut recette.

Mon diagnostic commence par trois questions : la source contient-elle la bonne information ? Le filtre existe-t-il dans l’app ? Le thème l’affiche-t-il correctement sur la page testée ? Si tu ne sépares pas ces niveaux, tu risques de refaire le design alors que les valeurs sont absentes, ou de modifier le catalogue alors que le thème ne les utilise pas.

Choisir les critères qui aident vraiment à acheter

Pars d’une famille de produits et de questions réelles : messages au service client, recherche interne disponible, retours de l’équipe commerciale. Note ce que le client essaie d’exclure ou de comparer. « Couleur » peut être un critère évident ; « collection interne 2026-B » ne l’est pas forcément. Les données commerciales privées restent dans ton outil de travail, pas dans une page publique.

Tableau : défilement horizontal si nécessaire.

Grille de choix proposée — exemples fictifs, pas un catalogue client
Question d’achatCritère à examinerContrôle avant affichage
Est-ce dans ma taille ?Taille de la varianteLa valeur mène à un choix concret sur la fiche.
Quelle matière me convient ?Attribut matière documentéLes valeurs sont renseignées et compréhensibles.
Puis-je acheter maintenant ?DisponibilitéLa combinaison demandée reste achetable.
Quelle dimension convient ?Dimension et unité explicitesNe pas confondre longueur, largeur et format commercial.
Quel usage est adapté ?Usage défini par l’équipe produitAucune promesse non vérifiée, notamment de santé ou de sécurité.

Pour chaque ligne retenue, écris un libellé client, une source, un propriétaire et un exemple de produit. Si personne ne peut expliquer comment la valeur est obtenue, le filtre est prématuré. Une bonne règle de départ : enlever un critère que tu ne peux pas recevoir sur un produit réel, puis le réintroduire lorsque sa donnée est fiable.

Les metafields étendent les données d’un produit ou d’une variante ; leur mise en place passe par une définition, des valeurs, puis leur utilisation sur la boutique. Source : données personnalisées Shopify. Une donnée propre à la variante ne doit pas être traitée comme une propriété uniforme du produit si cela trompe le choix du client.

Ce n’est pas une invitation à créer un champ pour chaque idée. Shopify recommande une définition standard lorsqu’elle convient. Ma recommandation : documente d’abord la signification du critère et sa source actuelle. Évite de créer une deuxième « matière » qui dérive de celle déjà utilisée par l’équipe catalogue.

Configurer un pilote en six étapes

  1. Choisir une collection pilote. Prends un parcours important, mais assez petit pour examiner les produits. Note l’URL, le thème ou sa copie de travail, la langue, la devise et le responsable. Conserve les réglages actuels et une capture de départ. Une copie de thème n’isole pas nécessairement les données ou réglages d’une app partagée : demande quels changements affecteront déjà la boutique publiée.
  2. Définir les données avant de remplir les valeurs. Établis les noms, unités et règles de saisie. Pour une donnée personnalisée, confirme sa définition au bon niveau, renseigne ensuite les valeurs du pilote, puis relis leur usage dans la boutique. Une liste « laine, coton » et une valeur unique « laine et coton » n’expriment pas forcément la même chose. Fais valider le vocabulaire par la personne qui connaît le produit.
  3. Ajouter les critères utiles. Dans Apps → Search & Discovery → Filters, utilise Add filter, choisis la source, ajuste le libellé, les valeurs et leur ordre, puis enregistre. Les regroupements peuvent réunir des valeurs proches. Parcours de configuration officiel. Garde une liste courte pour le pilote ; le plafond technique n’est pas un objectif de design.
  4. Vérifier les combinaisons. Shopify combine les filtres distincts avec une logique ET et, par défaut, les valeurs d’un même filtre avec OU. Logique du filtrage storefront. Certaines sources permettent de changer la logique interne dans l’app : vérifie le réglage réel. Prépare deux produits attendus et un produit qui doit être exclu ; explique pourquoi avant de cliquer.
  5. Recevoir l’interface et les produits. Fais le parcours sur mobile et ordinateur : appliquer, lire le résultat, ouvrir un produit, sélectionner la variante, revenir à la collection, retirer un filtre. Contrôle aussi l’arrivée directe sur l’URL filtrée. Une grille qui se met à jour n’est pas une preuve que la fiche sélectionne le bon choix ou que le retour conserve le contexte.
  6. Valider puis surveiller. Consigne les écarts et leur propriétaire : donnée, thème, app ou politique d’URL. Corrige les erreurs critiques avant extension aux autres collections. Définis un responsable pour tout nouvel attribut et une vérification après changement de thème, traduction ou catalogue. Ne généralise pas un résultat observé sur une collection à tout le site.

Le livrable du pilote est un journal de décisions, pas une simple liste de cases activées. Il doit permettre à une autre personne de reproduire le résultat avec le même produit et le même contexte. Si une valeur manque après une modification, examine la donnée et son indexation dans Shopify avant de multiplier les corrections dans le thème ; garde les références utiles pour le support.

Le vrai test : trouver une combinaison achetable

Exemple pédagogique fictif : une veste existe en noir et beige, tailles S et M. Noir/S est en rupture, noir/M est disponible, beige/S est disponible. Une personne cherche noir en S. Voir cette veste dans les résultats ne prouve pas que son besoin est satisfait : il faut examiner la combinaison qu’elle pourra réellement sélectionner.

La documentation distingue les paramètres produit, notés p, et variante, notés v ; disponibilité, options et prix font partie des critères de variante. Les filtres appliqués se reflètent dans l’URL. Niveaux et paramètres officiels. Ne construis pas une URL de production à partir d’un exemple générique : utilise celle générée par ta boutique et les noms effectifs de ses options.

Tableau : défilement horizontal si nécessaire.

Recette de variante proposée — résultats à observer, pas annoncés comme testés
Demande fictiveQuestion sur la collectionQuestion sur la fiche
Noir + SLa réponse distingue-t-elle la combinaison indisponible ?Le client peut-il comprendre la rupture sans découvrir une contradiction ?
Noir + MLe produit attendu est-il trouvable ?La variante proposée correspond-elle au choix et reste-t-elle achetable ?
S sans couleurLes choix disponibles sont-ils compréhensibles ?La couleur finalement sélectionnée conserve-t-elle la taille ?
Retour depuis la ficheLes critères actifs sont-ils toujours visibles ?Le contexte de navigation est-il retrouvé sans tout recommencer ?

Cette grille ne préjuge pas du résultat natif de chaque thème ou app. Son intérêt est de formuler la réception de bout en bout. Si le résultat est incohérent, ne cache pas simplement la rupture : détermine si la source, la combinaison ou la représentation de la variante est en cause. Une vente impossible et une information mal présentée demandent deux corrections différentes.

Garde pour chaque essai l’URL, les identifiants produit/variante, l’état de disponibilité au moment du test et la capture. Un nom produit seul est insuffisant. Les stocks peuvent évoluer pendant la recette : note l’heure et ne confonds pas une variation de stock avec une régression du filtre.

Recevoir les filtres sur mobile, pas seulement dans l’admin

Shopify recommande notamment des critères actifs visibles et retirables, des contrôles adaptés au type de filtre, ainsi qu’un tiroir ou une modale sur mobile. Sa documentation encourage une base utilisable sans JavaScript, enrichie ensuite pour actualiser la grille. Recommandations UX officielles. Le choix exact d’interface dépend de ton thème ; voici ma grille de réception.

  • Ouvrir : le bouton est facile à trouver, son nom est clair et le focus arrive dans l’interface. Vérifie au clavier, pas uniquement au toucher.
  • Comprendre : les unités sont visibles, les libellés ne sont pas tronqués et une couleur n’est pas le seul moyen d’identifier un choix. Les valeurs longues doivent rester lisibles sur petit écran.
  • Appliquer : le visiteur sait si son choix est déjà actif ou attend un bouton de validation. L’indication de chargement et le résultat ne doivent pas se contredire pendant une mise à jour.
  • Revenir : fermer le tiroir, retirer une valeur ou effacer les critères a un effet compréhensible. Vérifie aussi le bouton Retour du navigateur et le partage de l’URL.
  • Sortir d’une impasse : si aucun produit ne convient, propose de retirer un critère précis. Ne remplace pas silencieusement le choix par des produits hors demande.

Teste une connexion lente et un appareil réel disponible en plus de l’émulation. Si le changement de filtre provoque des sauts de page, mesure le comportement avant d’ajouter une animation. Le guide Core Web Vitals traite la performance ; le présent protocole vérifie d’abord que le choix reste utilisable.

Un filtre utile n’est pas automatiquement une landing page SEO

Google explique que les combinaisons de navigation à facettes peuvent produire un très grand nombre d’URLs et détourner l’exploration de pages utiles. Le choix dépend de leur intérêt à être indexées ; canonical et nofollow ne sont pas des contrôles de crawl aussi forts qu’un blocage approprié. Source : gestion de l’exploration des facettes.

Tableau : défilement horizontal si nécessaire.

Politique d’URL à décider — pas une configuration robots universelle
Type de pageDécision éditoriale proposéeContrôle nécessaire
Collection dédiée à un besoin établiConstruire une page utile, stable et reliée au site.Intention distincte, produits adaptés, contenu et métadonnées.
Combinaison temporaire de filtresServir le choix du client, sans la transformer par défaut en cible SEO.URL générée, canonical, directives et liens réellement rendus.
Combinaison incohérente ou videDocumenter le traitement pour les visiteurs et moteurs.Statut HTTP et comportement effectifs de la plateforme.

Sur Shopify, pars des URLs et réponses réellement servies, puis fais valider les changements possibles dans ton architecture. Ce guide ne promet pas que tu peux imposer un statut serveur arbitraire à toutes les facettes d’un thème. N’applique pas une règle robots copiée d’un autre CMS ; elle peut bloquer des pages ou ressources utiles.

Si tu envisages une collection « vestes en laine », compare-la aux pages existantes, à la demande que tu peux établir et aux produits réellement disponibles. L’URL propre n’est que le début du travail. Une combinaison rare sans contenu utile ne mérite pas une nouvelle page uniquement parce qu’elle peut être produite automatiquement.

Pour le GEO, n’assimile pas l’interface de filtrage à une citation dans une réponse IA. Rendre les caractéristiques cohérentes entre catalogue et fiches est un objectif de qualité de données ; cela ne garantit ni découverte, ni classement, ni recommandation. Le contrôle SEO technique et Search Console restent complémentaires.

Mesurer l’utilité sans inventer un gain de conversion

Commence par la fiabilité fonctionnelle : produits attendus trouvés, erreurs expliquées et parcours complétés. Ensuite seulement, avec une mesure autorisée et correctement configurée, observe l’utilisation des filtres et la suite du parcours. Aucun suivi personnalisé n’est annoncé installé par cet article.

Proposition de contrat de mesure : distingue ouverture de l’interface, application d’un critère, retrait, résultat vide, consultation d’une fiche et ajout au panier. Utilise des noms et identifiants stables, pas le texte libre d’une recherche qui pourrait contenir des données personnelles. Une mise à jour de grille ne doit pas être comptée comme une nouvelle intention d’achat à chaque requête technique.

Écris le dénominateur : utilisateurs de la collection, utilisateurs consentants mesurés ou sessions ayant appliqué un filtre. Ne mélange pas ces populations. Les visiteurs qui filtrent peuvent déjà être plus décidés ; leur taux d’achat plus élevé ne prouve pas que le filtre l’a causé. Le guide Shopify Analytics et GA4 aide à conserver des définitions comparables.

Choisis une période qui représente ton activité, note les promotions et changements de stock, puis examine les difficultés persistantes. Si tu testes une variante d’interface, définis avant lancement le résultat recherché et les erreurs qui imposent l’arrêt. Un taux d’utilisation plus fort n’est pas toujours une réussite : il peut aussi signaler que la navigation initiale est devenue moins claire.

Le livrable à demander pour ton prochain audit

Choisis une collection et trois demandes d’achat plausibles. Pour chacune, note le produit attendu, la variante et le résultat du parcours. Si le client ne peut pas parvenir au bon choix, corrige ce cas avant de multiplier les critères ou d’acheter une nouvelle app.

Demande un dossier court mais reproductible : critères retenus et écartés, sources des données, réglages, URLs testées, captures mobile, écarts, responsable et décision de publication. Sépare « configuré », « observé sur le pilote » et « généralisé ». Ce vocabulaire évite qu’une sauvegarde dans l’admin devienne une réussite commerciale supposée.

Tu veux clarifier les collections, les variantes et la navigation de ta boutique ? Découvre le périmètre de l’audit Shopify, ou parlons de ton catalogue et de ton parcours actuel. Pour approfondir l’étape suivante, le guide de la fiche produit complète cette réception.

Sources & documentation officielle

Liens utiles (hors affiliation) pour creuser le sujet.