Thématique : Blog | Niveau : Débutant
Objectif de cette astuce
Comprendre ce qu’est un fil d’Ariane et pourquoi il améliore à la fois l’expérience utilisateur et le référencement, savoir l’activer avec Yoast SEO ou Rank Math en thème classique, utiliser le bloc natif Gutenberg en thème FSE, personnaliser son apparence via CSS, et comprendre comment les données structurées schema.org permettent son apparition dans les résultats Google.
Qu’est-ce qu’un fil d’Ariane
Le fil d’Ariane (breadcrumb en anglais) est un élément de navigation qui indique à l’utilisateur sa position dans la structure du site. Il se présente sous forme d’un chemin cliquable en haut de chaque page — Accueil › SEO › SEO Technique › Optimiser les Core Web Vitals — où chaque élément est un lien vers le niveau supérieur.
Le fil d’Ariane apporte trois avantages distincts.
Du côté de l’expérience utilisateur, il permet au visiteur de savoir immédiatement où il se trouve dans le site et de remonter d’un niveau — vers la catégorie ou l’accueil — sans utiliser le bouton retour du navigateur. C’est particulièrement utile sur les sites avec une structure profonde.
Du côté du SEO et du maillage interne, chaque élément du fil d’Ariane est un lien interne. Il renforce l’architecture du site, aide Google à comprendre la hiérarchie des contenus et distribue le PageRank vers les pages de catégories.
Du côté des résultats de recherche, avec les données structurées schema.org, Google peut afficher le chemin de navigation directement dans les SERPs à la place de l’URL brute — ce qui améliore la lisibilité du résultat et peut augmenter le taux de clic.
Activer le fil d’Ariane avec un plugin SEO
En thème classique, la méthode la plus simple est d’utiliser les fonctionnalités intégrées à Yoast SEO ou Rank Math — deux plugins qui gèrent à la fois l’activation du fil d’Ariane et l’injection automatique des données structurées schema.org.
Avec Yoast SEO :
Aller dans Yoast SEO → Réglages → Apparence dans les résultats de recherche → onglet Fil d’Ariane. Activer l’option “Activer le fil d’Ariane”. Les options disponibles permettent de choisir le séparateur entre les éléments (chevron, tiret, barre oblique…), le texte du premier élément (généralement “Accueil”), et d’activer ou non l’affichage sur les pages 404.
Avec Rank Math :
Aller dans Rank Math → Réglages → Réglages généraux → onglet Fil d’Ariane. Activer la fonctionnalité et configurer le séparateur, le texte d’accueil et l’éventuel préfixe affiché avant le premier élément (ex. “Vous êtes ici :”).
Important — l’activation dans le plugin ne suffit pas. Elle active la fonctionnalité et génère les données structurées, mais le fil d’Ariane ne s’affiche pas automatiquement sur le site. Il faut l’intégrer dans le template du thème.
En thème classique, cela se fait en ajoutant la fonction PHP dans le fichier template approprié — single.php pour les articles, page.php pour les pages, ou dans un fichier header.php. Pour Yoast, la fonction à appeler est :
<?php
if ( function_exists( 'yoast_breadcrumb' ) ) {
yoast_breadcrumb( '<nav>', '</nav>' );
}
?>
Pour Rank Math, utiliser le shortcode [rank_math_breadcrumb] dans le Customizer ou dans les templates via PHP :
<?php echo do_shortcode( '[rank_math_breadcrumb]' ); ?>
Activer le fil d’Ariane en thème FSE
En thème FSE, WordPress verra apparaître dans sa version 7.0 un bloc “Fil d’Ariane” natif qui s’insère directement dans les templates de l’éditeur de site sans nécessiter de code PHP. Sur les versions antérieures l’extension Yoast propose un bloc Fil d’ariane Yoast et rank math l’insertion dans un bloc shortcode
Aller dans Apparence → Éditeur → Modèles. Ouvrir le template d’article — généralement “Article unique”. Cliquer sur le symbole + pour ajouter un bloc, rechercher “Fil d’Ariane” et l’insérer à l’emplacement souhaité, généralement au-dessus du titre de l’article.
Le panneau de droite propose des options de style directement dans l’éditeur (réglages variables selon le bloc natif ou extension) : couleur du texte, couleur des liens, typographie et séparateur. Ces réglages s’appliquent via le système de styles globaux du thème FSE.
Si un plugin SEO comme Yoast ou Rank Math est actif sur le site, les données structurées schema.org sont générées automatiquement — même avec le bloc natif WordPress. Il n’y a pas de double configuration nécessaire.
Le bloc natif FSE qui doit doit apparaitre sur la version WordPress 7.0 et les fonctions PHP de Yoast/Rank Math ne doivent pas être utilisés simultanément sur la même page, au risque d’afficher deux fils d’Ariane superposés.
Personnaliser l’apparence
Chaque solution génère ses propres classes CSS. Le CSS de personnalisation est à ajouter dans le fichier style.css du thème enfant ou dans Apparence → Éditeur → Styles → CSS additionnel en thème FSE.
Pour Yoast SEO, la classe principale est .yoast-breadcrumb. Les liens sont ciblés via .yoast-breadcrumb a et l’élément courant via .yoast-breadcrumb span[class*="breadcrumb_last"].
Pour Rank Math, la classe principale est .rank-math-breadcrumb et les liens via .rank-math-breadcrumb a.
Pour le bloc natif FSE, la classe principale est .wp-block-breadcrumbs et les liens via .wp-block-breadcrumbs a.
Les personnalisations les plus courantes sont la taille de police, la couleur des liens, la couleur et la mise en forme de l’élément courant (la page active), et l’ajout d’un fond coloré ou d’un encadré pour mieux distinguer le fil d’Ariane du reste du contenu.
Données structurées et apparition dans Google
Capture 5 — Rich snippets dans les SERPs
Yoast SEO et Rank Math injectent automatiquement des données structurées au format JSON-LD dans le <head> de chaque page. Ces données décrivent le fil d’Ariane selon le standard schema.org — type BreadcrumbList avec chaque élément du chemin, sa position et son URL.
Google utilise ces données pour afficher le chemin de navigation dans les résultats de recherche, à la place de l’URL brute habituelle. Le résultat passe de monsite.com › seo › technique › optimiser-core-web-vitals à Accueil › SEO › SEO Technique — ce qui est plus lisible et plus informatif pour l’utilisateur.
Cet affichage amélioré dans les SERPs est appelé rich snippet. Il aide le visiteur à comprendre immédiatement dans quel contexte se situe la page avant de cliquer, ce qui peut augmenter le taux de clic de façon significative.
Il n’y a aucune action manuelle nécessaire pour générer ces données — activer le fil d’Ariane dans Yoast ou Rank Math suffit. Google peut prendre quelques jours ou semaines pour commencer à afficher le rich snippet après l’activation.
Récapitulatif — Quelle méthode selon le contexte
| Contexte | Méthode recommandée |
|---|---|
| Thème classique avec Yoast SEO | Activer dans Yoast + fonction PHP dans le template |
| Thème classique avec Rank Math | Activer dans Rank Math + shortcode ou PHP dans le template |
| Thème FSE | Bloc natif “Fil d’Ariane” dans le template de l’éditeur |
| Thème FSE avec Yoast ou Rank Math | Bloc natif pour l’affichage + plugin SEO pour les données structurées |
Ce qu’il faut retenir
Le fil d’Ariane est l’un des rares éléments qui améliore simultanément l’expérience utilisateur, le maillage interne et la visibilité dans les résultats de recherche. Son activation est simple — quelques minutes de configuration — et son impact est durable. En thème classique, Yoast et Rank Math gèrent les deux aspects (affichage et données structurées) avec une configuration centralisée. En thème FSE, le bloc natif Gutenberg simplifie l’intégration visuelle sans nécessiter de code PHP.