Intégrer un fils d’ariane dans WordPress

Installer un fils d'ariane dans WordPress

Le fils d’ariane aide Les moteurs de recherches à comprendre la structure de votre site. Pour ma part je l’ai intégré partout dans mes sites mis à part sur la page d’accueil.
Il existe plusieurs méthodes pour le faire très facilement
Voici la plus simple :  j’ai installé l’extension Seo Yoast puis je l’ai activé.

Fils d'ariane WordPress
Il me reste plus qu’à intégrer le code court suivant “ [wpseo_breadcrumb]” à l’endroit désiré dans mes pages et articles.

Le fil d’Ariane est une navigation secondaire qui indique à vos visiteurs (et aux moteurs de recherche) où ils se trouvent dans la hiérarchie du site.

Exemple :

 
Accueil > Blog > SEO > Optimiser ses balises titre

C’est un signal fort de structure pour Google… et un vrai plus pour vos utilisateurs 👇

Pourquoi installer un fil d’Ariane ?

  • Améliore le SEO grâce à une meilleure compréhension de la structure du site

  • Facilite la navigation, notamment sur mobile

  • Renforce la hiérarchie des contenus

  • Optimise le maillage interne de façon automatique

Méthode 1 : Avec le plugin Yoast SEO

Étapes :

  1. Installer le plugin Yoast SEO

    • Extensions > Ajouter > Rechercher “Yoast SEO” > Installer > Activer

  2. Activer les fils d’Ariane

    • Yoast SEO > Réglages > Apparence dans les résultats de recherche > Fils d’Ariane

    • Activez : ✅ “Activer les fils d’Ariane”

  3. Intégrer le code dans votre thème (si nécessaire)

Dans header.php ou single.php (selon le thème), insérez ce code PHP à l’endroit où vous souhaitez afficher le fil d’Ariane :

 
if ( function_exists('yoast_breadcrumb') ) { yoast_breadcrumb('<p id="breadcrumbs">','</p>'); }

Bonnes pratiques :

  • Placez le fil sous le header, avant le titre H1

  • Adaptez le style via CSS (#breadcrumbs)

 Méthode 2 : Avec le plugin Breadcrumb NavXT (plus personnalisable)

  1. Installer Breadcrumb NavXT

    • Extensions > Ajouter > Cherchez “Breadcrumb NavXT” > Installer > Activer

  2. Configurer le fil d’Ariane

    • Réglages > Breadcrumb NavXT

    • Personnalisez le séparateur, la structure HTML, l’inclusion de la page d’accueil…

  3. Ajouter le code dans votre thème :

 
if ( function_exists('bcn_display') ) { echo '<nav class="breadcrumbs">'; bcn_display(); echo '</nav>'; }

 Vous pouvez styliser le tout avec ce CSS minimal :

 
.breadcrumbs { font-size: 0.9em; margin: 10px 0; } .breadcrumbs a { color: #666; text-decoration: none; }

Astuces pour un fil d’Ariane SEO-friendly

  • Intégrez le mot-clé principal dans le nom des catégories

  • Respectez la hiérarchie logique des pages

  • Affichez toujours un lien vers la page d’accueil

  • Pour les produits WooCommerce, activez le fil d’Ariane dans les réglages > Produits > Affichage

 Résultat SEO

Une fois le fil en place, Google peut l’afficher dans les résultats de recherche :

 
votresite.com > formation-wordpress > seo > article

Cela améliore le CTR et la compréhension du contexte de la page par l’utilisateur.

Bonus : si vous utilisez Elementor, Blocksy, Astra ou Kadence…

Certains thèmes et builders permettent d’ajouter un fil d’Ariane sans coder :

  • Elementor Pro : Widget « Breadcrumbs » intégré avec Yoast

  • Astra / Kadence / Blocksy : réglages dans l’en-tête

  • SEOPress : propose aussi une fonction similaire