Fil d'Ariane : qu'est-ce que c'est et comment l'implémenter

Fil d'Ariane : qu'est-ce que c'est et comment l'implémenter
David Kaufmann
Tutoriels SEO
5 min read

Bien que Google les appelle curieusement « Chemins de navigation/exploration », ceux d'entre nous qui évoluent dans le monde du SEO connaissent officiellement cette fonctionnalité sous le nom de Breadcrumbs ou fil d'Ariane. Récemment, il y a eu beaucoup de nouveautés à ce sujet, c'est pourquoi nous avons décidé de préparer un guide où nous vous montrons ce que c'est, comment l'implémenter étape par étape, les moyens de valider une implémentation et, enfin, comment suivre son évolution dans Search Console.

C'est parti !

Qu'est-ce que le fil d'Ariane ?

Le fil d'Ariane (breadcrumbs) est une fonctionnalité dont l'objectif est d'améliorer la navigation de l'utilisateur et d'indiquer clairement, tant aux moteurs de recherche qu'aux utilisateurs, la hiérarchie des pages. Ainsi, l'utilisateur peut rapidement visiter à la fois la page finale et les catégories auxquelles cette page appartient.

Façons d'implémenter le fil d'Ariane

En matière d'implémentation, nous avons actuellement deux options : l'option visible pour les utilisateurs et l'option dans le code. En réalité, les deux doivent toujours être implémentées ensemble et non séparément.

Visible

Dans l'option visible, le site web implémente le fil d'Ariane en haut de chaque page afin que l'utilisateur visitant la page sache exactement où il se trouve. Par exemple, si nous regardons une page produit d'un site e-commerce (un ordinateur HP Envy), sur le fil d'Ariane nous verrions ce qui suit :

Accueil > Ordinateurs > HP > Envy De cette manière, nous indiquons à l'utilisateur que le produit qu'il consulte appartient à la catégorie ordinateurs et fait également partie de la famille des ordinateurs HP. En termes de navigation, cette fonctionnalité est très importante car si l'utilisateur souhaite voir d'autres modèles HP ou continuer à parcourir les ordinateurs, ce ne serait qu'à un clic.

Sans cette fonctionnalité, la navigation devient beaucoup plus difficile et les chances que l'utilisateur quitte le site sont beaucoup plus élevées.

Code

Tandis que l'option précédente nous permettait d'ajouter le fil d'Ariane pour l'utilisateur, cette option indiquera aux moteurs de recherche comment notre contenu est catégorisé. Il est très important que cette implémentation soit faite correctement car Google ne comprend pas les fils d'Ariane uniquement visibles.

Ci-dessous, vous pouvez voir un exemple d'implémentation de Breadcrumbs à l'aide d'un fragment de script JSON-LD.

<script type="application/ld+json"> { "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [{ "@type": "ListItem", "position": 1, "name": "Books", "item": "https://example.com/books" },{ "@type": "ListItem", "position": 2, "name": "Authors", "item": "https://example.com/books/authors" },{ "@type": "ListItem", "position": 3, "name": "Ann Leckie", "item": "https://example.com/books/authors/annleckie" },{ "@type": "ListItem", "position": 4, "name": "Ancillary Justice", "item": "https://example.com/books/authors/ancillaryjustice" }] } </script> Le code ci-dessus nous indique que le livre « Ancillary Justice » a été écrit par l'auteure Ann Leckie et qu'il s'agit d'un livre.

Books > Authors > Ann Leckie > Ancillary Justice

Si nous avons construit notre site avec un développement personnalisé ou certains des principaux langages, nous devrons réaliser l'implémentation manuellement. Cependant, si nous utilisons Wordpress, nous avons à disposition plusieurs plugins qui nous aideront avec cette implémentation :

Valider l'implémentation

Une fois l'implémentation effectuée, le plus important sera de vérifier qu'elle a été réalisée correctement. Tandis que vérifier l'implémentation « visible » sera très simple puisqu'il suffira de vérifier que tous les éléments sont correctement liés et fonctionnent bien, pour vérifier l'implémentation dans le code, il faudra un peu plus d'effort.

Malgré tout, nous avons à notre disposition un outil Google et une extension Chrome qui nous faciliteront grandement la vie.

Outil de données structurées de Google :

À l'aide de l'outil Google, nous pouvons valider nos données structurées soit via une URL, soit au niveau du code si nous saisissons le fragment directement.

Données structurées Google
Données structurées Google

Outil de données structurées de Google

Si nous saisissons une URL, Google nous renverra l'analyse avec toutes les données structurées qui ont été détectées.

Test de données structurées
Test de données structurées

Exemple d'une analyse d'URL dans l'outil de données structurées de Google.

Si, en revanche, nous voulons d'abord tester le code JSON-LD du fil d'Ariane avant de l'implémenter, nous pouvons utiliser l'outil « fragment de code », qui nous donnera le résultat suivant :

Fragments de code de données structurées
Fragments de code de données structurées

Outil de validation de fragments de code pour les données structurées.

Structured Data Testing Tool (extension Google Chrome)

Si au lieu de visiter l'outil Google, nous voulons valider les données structurées du fil d'Ariane (et autres) directement depuis le navigateur, nous pouvons utiliser l'extension « Structured Data Testing Tool », qui nous montrera toutes les données structurées détectées ainsi que toute erreur.

Données structurées Chrome
Données structurées Chrome

Extension Chrome pour valider les données structurées avec un exemple d'article SEO Alive.

Suivre le fil d'Ariane dans Google Search Console

Enfin, une fois l'implémentation et la validation effectuées, il ne reste plus qu'à suivre l'activité dans Google Search Console, qui nous permettra de la suivre quotidiennement et de détecter toute anomalie.

BreadCrumbs Search Console
BreadCrumbs Search Console

Visualisation du rapport breadcrumbs dans Search Console (lancé en septembre 2019).

Pour conclure, nous aimerions vous demander : quelles ont été les erreurs les plus courantes que vous avez rencontrées lors de leur implémentation ?

Nous aimerions en faire une compilation et la publier dans cet article pour aider d'autres professionnels du SEO.

Merci beaucoup et n'oubliez pas de partager vos commentaires !

Références

Auteur : David Kaufmann

David Kaufmann

Cela fait plus de 10 ans que je suis totalement obsédé par le SEO — et honnêtement, je ne voudrais pas qu'il en soit autrement.

Ma carrière a franchi un cap lorsque j'ai travaillé comme Senior SEO Specialist pour Chess.com — l'un des 100 sites les plus visités de tout Internet. Opérer à cette échelle, sur des millions de pages, des dizaines de langues et dans l'une des SERPs les plus concurrentielles qui soient, m'a appris des choses qu'aucun cours ni aucune certification ne pourrait jamais transmettre. Cette expérience a transformé ma vision de ce qu'est réellement un SEO d'excellence — et elle est devenue le socle de tout ce que j'ai construit depuis.

Forcé par cette expérience, j'ai fondé SEO Alive — une agence pour les marques qui prennent la croissance organique au sérieux. Nous ne sommes pas là pour vendre des dashboards et des rapports mensuels. Nous sommes là pour bâtir des stratégies qui font vraiment la différence, en combinant le meilleur du SEO classique avec le nouvel univers passionnant de la Generative Engine Optimization (GEO) — afin que votre marque apparaisse non seulement dans les liens bleus de Google, mais aussi dans les réponses générées par l'AI que ChatGPT, Perplexity et Google AI Overviews livrent chaque jour à des millions de personnes.

Et parce que je ne trouvais aucun outil capable de gérer correctement ces deux mondes, j'en ai construit un moi-même — SEOcrawl, une plateforme d'intelligence SEO pour les entreprises qui réunit rankings, audits techniques, monitoring des backlinks, santé du crawl et suivi de la visibilité de marque dans l'AI, le tout au même endroit. C'est la plateforme dont j'ai toujours rêvé.

→ Lire tous les articles de David
Plus d'articles de David Kaufmann

Découvrez plus de contenu de cet auteur