Fil d’Ariane et résultats enrichis

Dernière mise à jour le 30 juin 2022

Savez-vous que les résultats enrichis Fil d’Ariane font partie des premiers résultats enrichis à être apparus dans Google ?

De quoi s’agit-il ?

Un exemple de fil d’Ariane affiché dans une page web

Celui que vous pouvez trouver en haut de cette page :
📌 > Bienvenue ! > Référencement naturel > Résultats enrichis > Résultat enrichi : Fil d’Ariane

Un exemple de fil d’Ariane dans les résultats de Google

capture d'écran : fil d'ariane dans un extrait de résultat Google enrichi

A quoi ça sert ?

Le fil d’Ariane (aussi appelé chemin de fer, et breadcrumb en anglais) est apparu assez tôt dans les interfaces informatiques et dans les pages web. Il subit fortement des effets de mode, apparaissant et disparaissant au gré des tendances.

Comme vous pouvez le voir, un fil d’Ariane dans une page web permet aux visiteurs d’identifier rapidement la place de la page dans la structure du site.
L’affichage du fil d’Ariane dans les résultats de recherche Google permet au visiteur d’avoir l’information avant même d’avoir cliqué sur le résultat. Le fil d’Ariane aide aussi le moteur à bien comprendre la place de la page dans le site, que ce soit au format HTML ou en données structurées.

Dans certains cas, on peut voir plus d’un fil d’Ariane sur une page, il peut s’agir lors

  • De différentes « catégorisations » (ou taxonomies) intéressantes pour le visiteur
    exemples :
    📌 > Bienvenue ! > Référencement naturel > Résultats enrichis > Résultat enrichi : Fil d’Ariane
    📌 > Bienvenue ! > Ergonomie web > Fil d’Ariane
    📌 > Bienvenue ! > Pages de résultats des moteurs de recherche > Fil d’Ariane
  • D’un historique de navigation
    exemple :
    📌 > 1ère page consultée sur le site > 2e page consultée sur le site > Page en cours de consultation

Comment ajouter un fil d’Ariane dans ses pages ?

Le fil d’Ariane version HTML, dans WordPress

Il y a de nombreuses solutions d’intégration de fil d’Ariane dans les sites web, grâce à des thèmes et extensions (pour les CMS) ou avec un peu de développement.

Concernant WordPress, si votre thème ne comporte pas de fil d’Ariane, il est préférable de créer un thème enfant (ce n’est pas une grosse affaire), d’ajouter un peu de code au bon endroit et d’assurer la mise en forme. Rank Math, une extension SEO très efficace, propose (entre autres choses) un code à intégrer et une gestion assez complète du fil d’Ariane.

Le fil d’Ariane version données structurées / résultats enrichis

Situation dans la hiérarchie des propriétés schema.org

Le type Breadcrumb est rattaché à l’entité ItemList, elle-même raccrochée à Intangible puis à Thing. On est donc clairement dans une histoire de listes.

Thing > Intangible > ItemList > BreadcrumbList

Les prérequis

Comme pour tous les résultats enrichis, il est nécessaire d’afficher un vrai fil d’Ariane dans la page, cohérent avec les informations fournies en données structurées : les structures de ces 2 fils d’Ariane doivent être identiques.

La structure

Pour que Google considère votre fil d’Ariane en données structurées comme valide, il faut fournir 3 informations à chaque niveau :

  • La position au sein du fil d’Ariane :
    1er élément, 2e élément, 3e élément, etc.
  • Le texte de l’élément :
    Accueil, Nom de rubrique, Nom de page, etc.
  • L’URL de l’élément :
    URL de la page d’accueil, de la rubrique, de la page, etc.
    A noter que l’URL n’est pas indispensable pour le dernier élément du fil d’Ariane (l’URL de la page sera alors utilisée par Google – attention aux problèmes liés au contenu dupliqué).
schéma d'un fil d'ariane : informations requises à chaque niveau pour les données structurées
Vue schématique des données structurées à inclure pour un fil d’Ariane

Code d’exemple JSON-LD données structurées BreadcrumbList (fil d’Ariane)

{
"@type":"BreadcrumbList",
"@id":"https://www.extraits-enrichis.fr/installer-matomo-sur-wp-c-est-rapide-et-facile/#breadcrumb",
"itemListElement":
[
{"@type":"ListItem",
"position":"1",
"item":{
"@id":"https://www.extraits-enrichis.fr/wp/",
"name":"WordPress"}
},
{"@type":"ListItem",
"position":"2",
"item":{
"@id":"https://www.extraits-enrichis.fr/installer-matomo-sur-wp-c-est-rapide-et-facile/",
"name":"Installer Matomo sur un site WordPress (auto h\u00e9berg\u00e9) : rapide et facile"}}
]
}

Spécifications officielles

Sujets / autres résultats enrichis en relation