Fil d'Ariane (Breadcrumb)

Définition et origine

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 désigne 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 :

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 peut être la page actuelle, sans item, et Google utilise alors l'URL de la page. Ni sa présence ni celle d'un premier élément pour le domaine ne sont obligatoires. Il faut en revanche au moins deux ListItem pour que le fil soit affiché
• La propriété position est obligatoire. Elle vaut 1 pour le début du fil et augmente d'un cran à chaque niveau

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.

Cet affichage rend le résultat plus lisible et situe la page dans le site avant le clic. Il faut cependant savoir où il apparaît. La documentation de Google précise que cette fonctionnalité est disponible sur ordinateur. Sur mobile, Google a cessé de l'afficher le 23 janvier 2025, parce qu'il était tronqué sur les petits écrans, et ne montre plus que le domaine. Sur un site dont l'audience est majoritairement mobile, le gain d'affichage est donc limité, et l'intérêt du fil d'Ariane tient surtout à la navigation et au maillage.

Impact SEO concret

Le fil d'Ariane a trois effets sur le référencement :

• 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 à structure profonde, comme une boutique avec ses catégories et sous-catégories, un site d'information avec ses rubriques ou un blog avec ses thèmes. 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 :

• Recopier l'URL au lieu du parcours : Google recommande un fil d'Ariane qui représente le chemin habituel d'un utilisateur vers la page, et non un miroir de la structure d'URL. Un produit rangé sous /p/12345/ a tout de même sa place sous Accueil › Chaussures › Running. Le fil doit en revanche rester cohérent avec le menu et les catégories réelles du site.
• 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 une navigation qui existe. Un chemin qui passe par des catégories introuvables dans le menu envoie des signaux contradictoires à Google.
• Un seul fil pour une page à plusieurs parents : quand une page est accessible par deux chemins légitimes, un livre à la fois en science-fiction et en prix littéraires par exemple, Google accepte plusieurs BreadcrumbList sur la même page. Il faut alors en déclarer un par chemin, plutôt que d'en inventer un troisième qui ne correspond à rien.

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.

Questions fréquentes sur le fil d'Ariane