Le breadcrumb (ou fil d'Ariane) est un chemin de navigation secondaire affiché sur une page web, indiquant la position de l'utilisateur dans la hiérarchie du site : Accueil > Électronique > Smartphones > iPhone 15. Simple composant UX en apparence, le breadcrumb a un rôle SEO significatif : il renforce le maillage interne, aide les moteurs de recherche à comprendre l'architecture du site, et permet d'obtenir un rich snippet dans les SERP Google — l'URL technique étant remplacée par le chemin de navigation lisible.
Types de breadcrumbs
Il existe trois types de breadcrumbs. Le breadcrumb de localisation (le plus courant) reflète la position de la page dans la hiérarchie du site : Accueil > Catégorie > Sous-catégorie > Produit. Le breadcrumb de chemin (path-based) indique le parcours de navigation de l'utilisateur, qui peut être différent de la hiérarchie structurelle — moins utile pour le SEO car il varie selon l'utilisateur. Le breadcrumb d'attributs est utilisé sur les pages de résultats filtrés : Accueil > Vêtements > Rouge > Taille M — pertinent pour les e-commerces avec navigation à facettes.
Bénéfices SEO des breadcrumbs
- Maillage interne naturel : chaque breadcrumb crée des liens internes vers les pages parentes, renforçant leur PageRank
- Compréhension de l'architecture : Google utilise les breadcrumbs pour cartographier la structure du site et identifier les pages clés
- Rich snippets dans les SERP : l'URL technique est remplacée par le chemin Accueil > Catégorie > Produit dans les résultats Google
- Réduction du taux de rebond : les utilisateurs qui arrivent sur une page profonde peuvent remonter dans la hiérarchie sans utiliser le bouton retour
- Amélioration du CTR : les résultats avec breadcrumb dans les SERP sont plus lisibles et ont tendance à être plus cliqués
Balisage BreadcrumbList : implémenter le rich snippet
Pour obtenir le rich snippet breadcrumb dans Google, il faut implémenter le schéma BreadcrumbList en JSON-LD. La structure est une liste d'éléments ListItem, chacun ayant : @type ListItem, position (numéro d'ordre, commençant à 1), name (texte affiché du niveau, ex. Électronique), et item (URL absolue de la page parente). Le dernier élément de la liste — la page courante — n'a pas besoin d'URL car c'est la page elle-même. Google affiche ensuite dans les SERP : Accueil › Électronique › Smartphones à la place de l'URL technique.
Breadcrumb affiché dans Google
Bonnes pratiques d'implémentation
Un breadcrumb efficace suit quelques règles fondamentales : toujours commencer par la page d'accueil (lien cliquable), utiliser du texte lisible plutôt que des images ou des icônes seules, refléter la structure réelle des URLs (cohérence entre l'URL /femme/robes/ete et le breadcrumb Femme > Robes > Robes d'été), être mobile-friendly (ne pas se tronquer sur petits écrans), et utiliser des séparateurs typographiques clairs (›, /, >). Les breadcrumbs à plus de 4-5 niveaux peuvent être tronqués sur mobile — préférez des architectures d'URL à 3-4 niveaux maximum.
Breadcrumbs sur PrestaShop
PrestaShop inclut un module de breadcrumb natif (ps_breadcrumb) qui génère automatiquement le fil d'Ariane sur les pages produit, catégorie et CMS, en suivant la hiérarchie des catégories. Le balisage Schema.org BreadcrumbList est inclus dans le thème par défaut (Classic) depuis PrestaShop 1.7.5. Cependant, selon le thème utilisé, la qualité du balisage peut varier. Pour vérifier que votre balisage est correct, utilisez l'outil Rich Results Test de Google sur une page produit de votre boutique.