Fil d'Ariane (Breadcrumb) : définition, types, code HTML, JSON-LD et SEO

Définition et origine

Fil d'Ariane dans une page et dans les résultats Google : chemin de navigation Accueil > Catégorie > Page avec balisage BreadcrumbList

L'expression "fil d'Ariane" vient de la mythologie grecque : Ariane donna un fil à Thésée pour qu'il puisse retrouver sa sortie après avoir tué le Minotaure dans le labyrinthe du roi Minos. En informatique, le terme est une métaphore parfaite : un chemin de navigation qui permet à l'utilisateur de retracer son parcours depuis la page d'accueil jusqu'à la page actuelle.

En anglais, on parle de breadcrumb (miette de pain), référence à Hansel et Gretel qui sèment des miettes pour retrouver leur chemin dans la forêt. Concrètement, un fil d'Ariane se présente comme une ligne de liens horizontale, généralement placée sous le menu principal :

Accueil › Lexique SEO › Fil d'Ariane

Son utilité est double :

Pour les visiteurs : savoir immédiatement où l'on se trouve et remonter vers une catégorie sans utiliser le bouton retour du navigateur
Pour Google : indiquer explicitement la position de la page dans l'architecture du site, ce qui aide les robots à comprendre la hiérarchie du contenu

Les 3 types de fil d'Ariane

Il existe trois variantes, avec des usages différents :

Type	Principe	Exemple	Cas d'usage
Hiérarchique	Reflète la structure permanente du site	Accueil › Chaussures › Running › Nike Pegasus 40	E-commerce, sites d'information, blogs structurés
Basé sur le parcours	Reflète les pages réellement visitées par l'utilisateur	Accueil › Page produit › Panier	Tunnels de conversion, applications web
Basé sur les attributs	Reflète les filtres actifs (facettes)	Accueil › Hommes › Taille L › Bleu	Sites e-commerce avec navigation à facettes

Pour le SEO, seul le fil d'Ariane hiérarchique présente un réel intérêt. Les deux autres types servent l'UX mais n'apportent pas de signal de structure à Google. La grande majorité des implémentations sur les sites éditoriaux et les e-commerces utilisent la version hiérarchique.

Le balisage Schema.org BreadcrumbList

Pour que Google puisse lire et afficher le fil d'Ariane dans les résultats de recherche, il faut le baliser avec le vocabulaire Schema.org, type BreadcrumbList. Il existe deux façons de le faire : les microdata HTML intégrées dans le code visible, ou le JSON-LD inséré dans une balise <script>. Google accepte les deux. Le JSON-LD est généralement préféré car il ne mélange pas le balisage sémantique avec la structure HTML visible.

Version microdata (HTML intégré) :

<nav aria-label="Fil d'Ariane">
  <ol itemscope itemtype="https://schema.org/BreadcrumbList">
    <li itemprop="itemListElement" itemscope
        itemtype="https://schema.org/ListItem">
      <a itemprop="item" href="/">
        <span itemprop="name">Accueil</span>
      </a>
      <meta itemprop="position" content="1">
    </li>
    <li itemprop="itemListElement" itemscope
        itemtype="https://schema.org/ListItem">
      <a itemprop="item" href="/lexique-seo/">
        <span itemprop="name">Lexique SEO</span>
      </a>
      <meta itemprop="position" content="2">
    </li>
    <li itemprop="itemListElement" itemscope
        itemtype="https://schema.org/ListItem">
      <span itemprop="name">Fil d'Ariane</span>
      <meta itemprop="position" content="3">
    </li>
  </ol>
</nav>

Version JSON-LD (dans <head> ou <body>) :

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "Accueil",
      "item": "https://exemple.com/"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "Lexique SEO",
      "item": "https://exemple.com/lexique-seo/"
    },
    {
      "@type": "ListItem",
      "position": 3,
      "name": "Fil d'Ariane"
    }
  ]
}
</script>

Points importants du balisage :

Chaque étape est un ListItem avec un name, un item (URL) et un position
La dernière étape (la page actuelle) n'a pas besoin d'un lien cliquable, mais doit quand même être balisée
La numérotation position doit être continue et commencer à 1 — c'est l'erreur de validation la plus fréquente

Affichage dans les résultats de recherche

Quand Google détecte un balisage BreadcrumbList valide, il peut remplacer l'URL habituelle dans l'extrait de résultat par le chemin lisible du fil d'Ariane. Au lieu d'afficher :

josselinleydier.com › lexique-seo › fil-dariane

Il peut afficher :

Josselin Leydier › Lexique SEO › Fil d'Ariane

Cela améliore la lisibilité du résultat dans le SERP et peut légèrement améliorer le taux de clic en rendant la hiérarchie du contenu visible avant même l'accès à la page.

Vérification : l'outil Rich Results Test de Google permet de valider que le balisage BreadcrumbList est correctement interprété. Les erreurs remontées dans la Google Search Console sous "Données structurées" signalent souvent une position manquante ou un lien absent sur un élément intermédiaire.

Impact SEO concret

Le fil d'Ariane a trois effets SEO mesurables :

Affichage enrichi dans les SERPs : le balisage BreadcrumbList permet à Google d'afficher le chemin lisible à la place de l'URL brute dans les résultats.
Signal de structure hiérarchique : il indique à Google à quel niveau de profondeur se trouve la page et de quelle catégorie elle dépend. C'est un signal complémentaire aux URLs et au maillage interne.
Liens internes supplémentaires : chaque élément cliquable est un lien interne vers une page parent. Sur un site avec des milliers de pages produits, cela représente un volume de liens internes vers les catégories qui renforce leur autorité.

Le fil d'Ariane est particulièrement utile sur les sites avec une structure profonde : e-commerce avec des catégories et sous-catégories, sites d'information avec des rubriques, blogs avec des taxonomies. Sur un site de deux ou trois niveaux, son impact est plus limité mais reste recommandé.

Erreurs fréquentes à éviter

Plusieurs erreurs reviennent régulièrement dans les audits SEO :

Fil d'Ariane non cohérent avec les URLs : si l'URL est /blog/seo/fil-dariane/, le fil doit passer par /blog/ puis /blog/seo/. Un fil d'Ariane qui saute des niveaux ou pointe vers des URLs différentes de la structure réelle crée de la confusion pour Google.
Balisage sans l'attribut position : chaque ListItem doit avoir un numéro de position en commençant à 1.
La page actuelle cliquable vers elle-même : si le dernier élément est un lien, son href doit pointer vers l'URL canonique de la page, pas une variante avec paramètre.
Absence sur les pages profondes : le fil d'Ariane doit être présent sur toutes les pages de contenu, pas seulement sur la page d'accueil ou les catégories.
Contenu incohérent avec les balises title : le nom affiché dans le fil d'Ariane doit correspondre au titre de la page cible, pas à une reformulation différente.
Hiérarchie fictive : le fil d'Ariane doit refléter la vraie structure du site. Créer un chemin qui ne correspond pas à l'arborescence réelle envoie des signaux contradictoires à Google.

Le fil d'Ariane s'intègre naturellement dans une réflexion plus large sur le maillage interne et l'arborescence du site. Pour les sites en refonte, la checklist de refonte SEO inclut la vérification du fil d'Ariane parmi les éléments à conserver ou recréer.