Fil d'Ariane (breadcrumb) : à quoi il sert et comment le baliser en SEO

Vous l’avez croisé mille fois sans lui donner de nom : cette petite ligne, tout en haut d’une page, du type Accueil › Chaussures › Baskets › ce modèle. C’est le fil d’Ariane, ou breadcrumb. Ce n’est pas une astuce de référencement, c’est une pièce de navigation, au même titre que le menu. Elle rend deux services à la fois, au visiteur qui se repère et à Google qui vous lit.

Le fil d’Ariane rend deux services en même temps

Un bon fil d’Ariane travaille sur deux tableaux, et c’est ce qui le rend utile bien au-delà du confort de lecture.

Le visiteur n’entre presque jamais par l’accueil

Un internaute qui arrive depuis Google atterrit rarement sur votre page d’accueil. Il tombe au milieu de votre arborescence, sur une fiche ou une page de prestation, et il se pose une question que personne ne formule : où suis-je, et comment je remonte ? Le fil d’Ariane lui donne d’un coup d’œil l’univers dans lequel il vient d’entrer, plus un moyen de monter d’un niveau sans repasser par le menu. Sur mobile, où le menu est replié derrière un bouton, c’est souvent le seul repère visible.

Google y lit votre hiérarchie, et parfois l’affiche

Côté machine, le fil d’Ariane matérialise votre hiérarchie de pages. Il dit noir sur blanc que cette fiche appartient à cette catégorie, elle-même rattachée à l’accueil. C’est un signal de structure, dans la même logique qu’un cocon sémantique bien rangé. Et quand il est balisé, Google peut l’afficher dans les résultats : sous le titre, à la place de l’URL brute et illisible, il montre exemple.fr › catégorie › page. Plus clair, plus rassurant, plus cliqué à position égale.

BreadcrumbList : le balisage qui remplace l’URL dans les résultats

Afficher le fil d’Ariane sur la page sert au visiteur. Le baliser est ce qui le rend visible dans Google. Le type à utiliser s’appelle BreadcrumbList, et il s’écrit en JSON-LD. Nous ne refaisons pas ici le cours sur schema.org et les outils de vérification : il est dans notre guide sur les données structurées pour le référencement.

La structure, en entier

Voici les deux moitiés du même objet sur une fiche « garde-corps inox » rangée dans la catégorie « Garde-corps ». D’abord ce que voit le visiteur, où la dernière étape n’est pas un lien :

<nav aria-label="Fil d'Ariane">
  <ol>
    <li><a href="/">Accueil</a></li>
    <li><a href="/garde-corps/">Garde-corps</a></li>
    <li><span aria-current="page">Garde-corps inox</span></li>
  </ol>
</nav>

Puis ce que lit la machine, dans le même ordre :

{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    { "@type": "ListItem", "position": 1, "name": "Accueil",
      "item": "https://exemple.fr/" },
    { "@type": "ListItem", "position": 2, "name": "Garde-corps",
      "item": "https://exemple.fr/garde-corps/" },
    { "@type": "ListItem", "position": 3,
      "name": "Garde-corps inox" }
  ]
}

Vous n’aurez presque jamais à l’écrire vous-même. Sur WordPress, une extension comme Yoast ou Rank Math le génère depuis votre arborescence dès que le fil est affiché. Sur un site sur mesure, il se pose une seule fois dans le gabarit et se remplit tout seul pour chaque adresse.

Trois champs, et un seul piège

Chaque étape porte trois choses : sa position, son name et son item. Les positions se suivent sans trou, à partir de 1. Le name doit reprendre le libellé réellement affiché à l’écran, pas une variante « optimisée » écrite pour la machine. L’item est l’adresse absolue de l’étape.

Le piège est ailleurs, et il prime sur le reste : le chemin balisé doit correspondre exactement au chemin affiché sur la page. Google compare les deux. Un balisage qui annonce « Accueil › Services › Plomberie » quand la page montre autre chose ne sera pas récompensé, il sera simplement ignoré.

La dernière étape, et la règle que tout le monde répète de travers

C’est le point sur lequel les guides se contredisent le plus, parce qu’ils mélangent deux questions différentes.

À l’écran, elle ne se clique pas

La dernière étape est la page affichée : elle ne se visite pas elle-même. Un lien qui pointe vers la page courante n’apporte rien au visiteur et déroute les personnes qui naviguent au clavier ou au lecteur d’écran. Elle s’écrit donc en texte simple, avec l’attribut aria-current="page" qui la désigne comme la position actuelle. Cette règle-là ne souffre aucune exception.

Dans le balisage, son adresse est facultative

Voilà ce qui se répète de travers : beaucoup d’articles affirment que le dernier ListItem ne doit jamais porter d’item. La documentation de Google est plus mesurée : cette propriété n’est pas nécessaire sur la dernière étape, puisqu’il s’agit de la page courante. Ne pas la mettre est le plus propre et le plus courant, mais la renseigner ne casse rien et beaucoup d’implémentations sérieuses le font. Si un outil vous signale une erreur à cet endroit, relisez son message : il s’agit presque toujours d’une recommandation, pas d’un blocage.

Les fautes qui font vraiment disparaître le chemin

Les vraies erreurs sont ailleurs, et elles reviennent en boucle.

Le chemin balisé qui contredit le chemin affiché

C’est la première cause de disparition, et elle vient presque toujours d’un déménagement : une catégorie renommée, une page déplacée, un gabarit changé, et le balisage continue d’annoncer l’ancienne organisation. Vérifiez-le après chaque réorganisation, au même titre que vos redirections.

Trois autres reviennent souvent. Le produit rangé dans trois catégories : une fiche accessible par « Promotions », « Nouveautés » et son vrai rayon doit choisir un chemin pour son balisage, le rayon naturel, jamais l’opération commerciale du moment. Les libellés techniques : un identifiant de catégorie ou un mot-clé bourré à la place du nom clair rend le chemin illisible pour tout le monde. La confusion entre hiérarchie et historique : le fil d’Ariane montre où la page vit dans le site, pas par où le visiteur est passé. Le retour en arrière est le travail du navigateur, pas le vôtre.

Quand le fil d’Ariane ne sert à rien

Voilà la partie que les guides omettent. Sur un site vitrine de cinq pages toutes rattachées à l’accueil, le fil d’Ariane n’apporte à peu près rien : chaque page est à un clic, le chemin n’a qu’une étape, et l’afficher revient à poser un panneau directionnel dans un couloir de trois mètres.

Le seuil, c’est le jour où votre site prend un étage

Le seuil ne se compte pas en pages, il se compte en niveaux : des catégories qui contiennent des sous-pages, un catalogue, un blog rangé par rubriques, des prestations déclinées par métier. En dessous, mettez cette énergie dans un menu clair et dans les liens entre vos pages, ce qui compte davantage dans la façon dont un site d’entreprise se construit.

• Il reflète la vraie arborescence : le chemin réel de la page, pas un chemin décoratif.
• Il commence à l'Accueil et se termine sur la page courante, cette dernière étape n'étant pas un lien.
• Les libellés sont courts et lisibles, et identiques à ceux du balisage.
• Il est cohérent avec l'URL et avec le menu : les trois racontent la même structure.
• Il est balisé en BreadcrumbList et vérifié avec le test des résultats enrichis.

Sur une boutique, le fil d’Ariane fait équipe avec le balisage des fiches, qui obéit à ses propres règles de disponibilité et de référence : nous les détaillons dans les données structurées d’une fiche produit.

Vous seul savez où vit chaque page

Le rangement se fait sans nous : lister vos pages, décider de leurs étages et nommer les rubriques est un travail que vous seul pouvez mener, parce qu’il dépend de votre métier. Le reste est mécanique. Le fil d’Ariane fait partie des fondations posées d’office dès qu’un site a plusieurs niveaux, sur les sites de TPE, de commerces et de PME que nous construisons et refondons depuis Vendargues : arborescence claire, breadcrumb cohérent à chaque étage, balisé en BreadcrumbList. Rien de spectaculaire, mais c’est le genre de détail structurel qui rend un site lisible pour l’internaute et pour la machine.