Le fil d’Ariane Google faisait son apparition dans les pages de résultats en fin d’année 2009. L’affichage d’un tel breadcrumb est d’ailleurs déterminé par plusieurs critères dont notamment la syntaxe utilisée sur le site qui souhaite bénéficier de la fonctionnalité dans les SERPS.
Dans bien des cas, un simple chevron suffit comme le précise le centre d’aide Google :
<a href="http://www.example.com/robes">Robes</a> ›
<a href="http://www.example.com/robes/soiree">Robes de soirée</a> ›
<a href="http://www.example.com/robes/soiree/vertes">Robes de soirée vertes</a>
Le géant de la recherche améliore cette fonctionnalité en permettant aux développeurs et autres webmasters de préciser des propriétés.
En premier lieu via des microdonnées :
<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
<a href="http://www.example.com/robes" itemprop="url">
<span itemprop="title">Robes</span>
</a> ›
</div>
<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
<a href="http://www.example.com/robes/soiree" itemprop="url">
<span itemprop="title">Robes de soirée</span>
</a> ›
</div>
<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
<a href="http://www.example.com/vetements/robes/soiree/vertes" itemprop="url">
<span itemprop="title">Robes de soirée vertes</span>
</a>
</div>
Mais aussi à l’aide du format RDFa :
<div xmlns:v="http://rdf.data-vocabulary.org/#">
<span typeof="v:Breadcrumb">
<a href="http://www.example.com/robes" rel="v:url" property="v:title">
Robes
</a> ›
</span>
<span typeof="v:Breadcrumb">
<a href="http://www.example.com/robes/soiree" rel="v:url" property="v:title">
Robes de soirée
</a> ›
</span>
<span typeof="v:Breadcrumb">
<a href="http://www.example.com/robes/soiree/vertes" rel="v:url" property="v:title">
Robes de soirée vertes
</a> ›
</span>
</div>
Source : Webmaster Central Blog