Fil d'Ariane

Fil d'Ariane affiché sur une page Web

Un fil d'Ariane sur une page indique la position de cette page dans la hiérarchie du site. Un utilisateur peut naviguer tout au long de la hiérarchie du site, un niveau à la fois, en commençant par le dernier fil d'Ariane.

Exemples

La recherche Google utilise des balises de fil d'Ariane dans le corps d'une page Web pour classer les informations de la page dans les résultats de recherche. Souvent, comme illustré dans les cas d'utilisation suivants, les utilisateurs peuvent accéder à une page à partir de types de requêtes de recherche très différents. Bien que chaque recherche puisse renvoyer la même page Web, le fil d'Ariane catégorise le contenu dans le contexte de la requête de recherche Google. La page ancillaryjustice.html peut afficher les fils d'Ariane suivants en fonction du contexte de la recherche :

Une requête de recherche pour le titre du livre "Ancillary Justice" peut générer le fil d'Ariane suivant :

BooksAuthorsAnn Leckie › Ancillary Justice

Voici un exemple de code JSON-LD permettant d'afficher ce fil d'Ariane :

Une requête de recherche liée à la remise d'un prix pour un genre et une année spécifiques ("2014 Nebula Award best novel", dans cet exemple) peut générer le fil d'Ariane suivant :

BooksScience FictionAward Winners

RDFa

Voici un exemple de code RDFa permettant l'affichage de ce fil d'Ariane :

Microdonnées

Voici un exemple de microdonnées permettant l'affichage de ce fil d'Ariane :

Voici un exemple de liste de fils d'Ariane :

BooksScience FictionAward Winners
LiteratureSpeculative Fiction

RDFa

Voici l'exemple RDFa qui permet l'affichage de ce fil d'Ariane :

Microdonnées

Voici l'exemple de format de microdonnées qui permet l'affichage de ce fil d'Ariane :

Exemple HTML

Voici un exemple de bloc de fils d'Ariane HTML sur la page dans le cadre de la conception visuelle.

<ol>
  <li>
    <a href="http://www.example.com/books">Books</a>
  </li>
  <li>
    <a href="http://www.example.com/sciencefiction">Science Fiction</a>
  </li>
  <li>
    Award Winners
  </li>
</ol>

Consignes

Pour qu'un fil d'Ariane puisse s'afficher pour votre site dans la recherche Google, suivez ces consignes.

Définitions des types de données structurées

Pour spécifier les éléments du fil d'Ariane, définissez une liste BreadcrumbListcontenant au moins deux éléments ListItems. Vous devez inclure les propriétés obligatoires pour que votre contenu puisse être affiché sous forme de fil d'Ariane.

BreadcrumbList est l'élément qui contient tous les éléments de la liste. La définition complète de l'élément BreadcrumbList est disponible sur schema.org/BreadcrumbList.

Propriétés obligatoires
itemListElement

BreadcrumbList

Tableau des éléments du fil d'Ariane, répertoriés dans un ordre spécifique. Utilisez ListItem pour définir chaque élément. Exemple :


{
"@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"
  }]
}

ListItem

ListItem contient les détails d'un élément individuel de la liste. La définition complète de l'élément ListItem est disponible sur schema.org/ListItem.

Propriétés obligatoires
item

URL ou sous-type de Thing

URL de la page Web qui représente l'élément du fil d'Ariane. Deux options s'offrent à vous pour spécifier un élément item :

  • URL : indiquez l'URL de la page. Exemple :
    
    "item": "https://example.com/books"
  • Thing : utilisez un ID pour spécifier l'URL en fonction du format de balisage que vous utilisez.
    • JSON-LD : utilisez @id.
    • Microdonnées : utilisez href ou itemid.
    • RDFa : utilisez about, href ou resource.

Si le fil d'Ariane est le dernier élément du bloc, item n'est pas obligatoire. Si item n'est pas inclus pour le dernier élément, Google utilise l'URL de la page parent.

name

Text

Titre de l'élément de fil d'Ariane affiché pour l'utilisateur. Si vous utilisez une propriété Thing avec un nom (name) au lieu d'une URL (URL) pour spécifier l'élément (item), name n'est pas obligatoire.

position

Integer

Position de l'élément dans le fil d'Ariane. La position 1 indique le début du fil d'Ariane.