Comme les cailloux semés par le personnage du conte pour retrouver son chemin, le fil d’Ariane affiche en haut d’une page la suite de catégories parcourues pour y arriver, du type « Accueil > Blog > Sécurité > Gestion des exceptions ». Il aide autant l’internaute à se repérer dans la profondeur d’un site que les moteurs de recherche à comprendre son architecture.
Dans WordPress
Le cœur ne fournit pas de fil d’Ariane natif ; certains thèmes l’implémentent via get_the_category() et la hiérarchie des pages, mais la plupart des sites délèguent cette fonctionnalité à une extension de référencement, qui l’accompagne généralement d’un balisage de données structurées de type BreadcrumbList.
Exemple
<nav aria-label="Fil d'Ariane">
<ol>
<li><a href="/">Accueil</a></li>
<li><a href="/blog/">Blog</a></li>
<li aria-current="page">Gestion des exceptions</li>
</ol>
</nav>
Bon à savoir
Sur une page produit d’une boutique en ligne, plusieurs chemins de catégories peuvent techniquement mener au même article : il est alors recommandé de choisir un seul chemin canonique cohérent pour le fil d’Ariane, plutôt que d’afficher toutes les catégories parentes possibles, ce qui nuirait à la clarté du repère visuel comme au balisage de données structurées associé. Un fil d’Ariane cohérent avec l’arborescence réelle du menu de navigation évite aussi de perturber le visiteur, qui pourrait autrement se retrouver face à deux organisations différentes du même contenu selon l’endroit où il se trouve sur le site.