Technique

Fil d'Ariane Shopify : l'afficher et le baliser

Mis à jour le 19 octobre 2026 · Par l’équipe Puck, éditée par Rank-Brain

Le fil d'Ariane situe une page dans votre boutique, pour le visiteur comme pour Google. Sur Shopify, il dépend du thème, parfois d'une application : il faut donc vérifier qu'il s'affiche, qu'il montre la bonne collection et qu'il est balisé.

Le fil d'Ariane fait partie de la technique SEO d'une boutique Shopify que l'on oublie facilement, parce qu'il ne bloque rien : une boutique sans fil d'Ariane fonctionne. Il apporte pourtant deux choses que le menu ne donne pas : le contexte de chaque page, et un lien de retour de la fiche vers sa collection.

À quoi sert un fil d'Ariane sur une boutique ?

Google le définit simplement : un fil d'Ariane indique la position d'une page dans la hiérarchie du site. Sur une boutique, cela se traduit par trois usages.

• Pour le visiteur. Arrivé sur une fiche depuis une recherche, il voit dans quelle catégorie il se trouve et remonte d'un clic vers le reste du choix.
• Pour le maillage interne. Chaque fiche produit renvoie un lien vers sa collection. Sur un catalogue de plusieurs centaines de fiches, ce sont autant de liens qui disent à Google quelle collection rassemble quels produits.
• Pour l'affichage dans les résultats. Google indique utiliser le balisage de fil d'Ariane présent dans le corps de la page pour catégoriser ses informations dans les résultats de recherche. Il précise, dans son journal des mises à jour de janvier 2025, que ce fil n'apparaît que dans les résultats sur ordinateur, pas sur mobile.

Quand vous cherchez à référencer votre boutique Shopify, le fil d'Ariane relève donc à la fois de l'ergonomie, du maillage et des données structurées. Ce sont trois réglages distincts, et un thème peut en réussir un sans les autres.

Qui l'affiche sur Shopify : le thème, pas la plateforme

Sur Shopify, les pages sont générées par les modèles du thème : c'est donc le thème qui décide d'afficher un fil, sur quelles pages, et avec quel balisage. Selon le thème, il peut être présent par défaut, proposé comme option dans l'éditeur de thème, ou absent. Nous ne listons pas ici quels thèmes l'affichent : cela change d'une version à l'autre, et la seule réponse fiable est celle de votre boutique en ligne.

Le cas est fréquent. Notre Observatoire des catalogues Shopify français a relevé, du 15 au 23 septembre 2026, les pages publiques d'environ 1 400 boutiques.

Les deux chiffres ne se recouvrent pas exactement : un thème peut afficher un fil sans le baliser, ou baliser un fil que le visiteur ne voit pas. Il faut donc tester les deux.

Vérifier votre boutique en trois tests

1. Le fil est-il visible ? Ouvrez une fiche produit en navigation privée, sur ordinateur puis sur mobile. Un chemin du type Accueil > Collection > Produit apparaît-il au-dessus du titre ? Faites le test en arrivant directement sur l'adresse de la fiche, comme un visiteur venu de Google, et pas seulement en cliquant depuis une collection.
2. Le fil est-il fait de liens ? Survolez chaque étape. Accueil et Collection doivent être des liens cliquables vers des pages qui existent ; la dernière étape, la page en cours, n'a pas besoin de l'être.
3. Le fil est-il balisé ? Passez l'adresse de la fiche dans le test des résultats enrichis de Google. Un fil d'Ariane (type BreadcrumbList) doit être détecté, et les noms et liens qu'il contient doivent correspondre à ce que vous voyez à l'écran.

Faites ces trois tests sur une fiche, une collection et un article de blog : les modèles du thème sont différents, et un fil présent sur l'un peut manquer sur l'autre.

Quelle collection afficher sur une fiche produit ?

C'est la difficulté propre à Shopify. Une fiche produit a une adresse principale en /products/nom-du-produit, et un produit appartient souvent à plusieurs collections. Le thème doit donc choisir laquelle afficher dans le fil.

La documentation développeur de Shopify éclaire le mécanisme. Le filtre Liquid within génère l'adresse d'un produit dans le contexte d'une collection (/collections/…/products/…), et c'est quand ce contexte est présent que le modèle produit a accès à l'objet collection associé. Un thème qui construit son fil d'Ariane à partir de cet objet n'a donc une collection à afficher que si le visiteur est passé par l'adresse longue. Sur l'adresse principale, il peut se replier sur Accueil > Produit, ou ne rien afficher.

D'où un arbitrage. Lier les produits en /collections/…/products/… pour garder la collection dans le fil crée une seconde adresse pour chaque fiche, et la même documentation invite à considérer les implications SEO de ce filtre, puisque les deux adresses ont le même contenu. Dans notre relevé, 33 % des boutiques (445 sur 1 351) liaient ainsi leurs produits depuis les collections.

La solution la plus propre consiste à garder des liens vers l'adresse principale /products/… et à faire choisir au thème une collection de référence pour chaque produit, indépendamment du chemin suivi. L'objet product expose la liste des collections auxquelles le produit appartient (product.collections) ; à vous de définir une règle (par exemple une collection principale indiquée dans un champ méta) plutôt que de laisser le thème prendre la première venue. Ce travail se fait dans le code du thème : confiez-le à la personne qui le maintient, et testez sur une copie du thème avant de le publier.

Google laisse d'ailleurs de la souplesse : il recommande un fil d'Ariane qui représente un parcours typique d'utilisateur vers la page, plutôt qu'un simple reflet de la structure de l'URL. Et si une page peut être atteinte de plusieurs façons, il accepte plusieurs fils pour la même page. Sur Shopify, où l'URL d'une fiche ne contient pas sa collection, c'est une bonne nouvelle : le fil n'a pas à copier l'adresse.

Baliser le fil avec BreadcrumbList

Le fil visible s'adresse au visiteur. Pour Google, il se décrit avec le balisage schema.org de type BreadcrumbList. Les règles de Google sont courtes :

• un BreadcrumbList contient au moins deux éléments ListItem, rangés dans itemListElement ;
• chaque élément porte un name (le libellé affiché), un item (l'URL de la page) et une position, qui commence à 1 ;
• le dernier élément peut se passer d'item : Google utilise alors l'URL de la page qui contient le balisage.

Pour une fiche produit, cela donne par exemple :

{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {"@type": "ListItem", "position": 1, "name": "Accueil", "item": "https://votre-boutique.fr/"},
    {"@type": "ListItem", "position": 2, "name": "Plaids", "item": "https://votre-boutique.fr/collections/plaids"},
    {"@type": "ListItem", "position": 3, "name": "Plaid en laine mérinos"}
  ]
}

Un point à connaître : le filtre Liquid structured_data, que Shopify met à disposition des thèmes, s'applique aux objets product et article et produit un bloc Product ou ProductGroup. Il ne produit pas de BreadcrumbList. Si votre fiche n'en a pas, c'est au thème, ou à une application, de l'ajouter.

La règle d'or : le balisage décrit le fil visible, pas un autre. Mêmes libellés, mêmes liens, même collection. Un balisage qui annonce un chemin que le visiteur ne voit jamais n'apporte rien de fiable.

Un fil d'Ariane accessible

Le guide de bonnes pratiques ARIA du W3C décrit le modèle du fil d'Ariane en trois points : le fil est placé dans une région de navigation (<nav>), cette région porte un libellé (aria-label ou aria-labelledby), et le lien vers la page en cours porte aria-current="page". Une liste ordonnée (<ol>) rend l'ordre des étapes explicite. Ces trois réglages se vérifient dans le code source, en quelques secondes.

Les erreurs fréquentes

La dernière ligne peut survenir après l'installation d'une application dédiée sur un thème qui avait déjà son propre fil : vérifiez le code source et l'outil de test après chaque installation.