Le fil d’Ariane, ou breadcrumb, est un véritable atout pour votre site web. En plus d’afficher la progression de la navigation de l’utilisateur, il favorise votre référencement naturel (SEO). Son installation peut néanmoins s’avérer quelque peu technique, notamment sous WordPress. Vous avez en effet la possibilité de le personnaliser et de nombreuses options s’offrent à vous. C’est pourquoi il est recommandé de passer par une agence web spécialiste du CMS WordPress pour l’installer et le configurer. Si vous souhaitez le faire vous-même, découvrez comment configurer vous-même votre fil d’Ariane sous WordPress.

Le fil d’Ariane indique aux utilisateurs où ils se trouvent sur votre site web. Il permet d’afficher leur progression hiérarchique (niveau de profondeur) par rapport à la page d’accueil. On le retrouve sur les pages web et il peut se situer à différents endroits : en dessous du menu, au-dessus des articles de blog ou du produit consulté ou encore au niveau du pied de page.

Cet outil se révèle particulièrement intéressant pour les gros sites possédant plusieurs catégories. Il assure aux utilisateurs une navigation plus fluide, sans avoir à parcourir les nombreux items du menu. De plus, il a un effet positif sur votre SEO.

Quel est l’intérêt d’avoir un fil d’Ariane sur votre site web sous WordPress ?

Les sites internet peuvent fonctionner sans fil d’Ariane. Cependant, cette fonctionnalité vous offre certains avantages, notamment en ce qui concerne l’expérience utilisateur et le SEO. Découvrez donc l’intérêt d’installer un fil d’Ariane sur votre site web sous WordPress.

Le fil d’Ariane pour améliorer l’expérience utilisateur

Le fil d’Ariane améliore l’expérience des utilisateurs. En effet, ils voient tout de suite la progression de leur navigation. Ils peuvent ainsi revenir facilement à la page précédente ou sur la catégorie parente. Cela leur évite également de parcourir tout le menu à la recherche du contenu souhaité.

Les breadcrumbs sont d’autant plus intéressants lorsque les utilisateurs atterrissent sur la page à partir d’un moteur de recherche. S’ils consultent des fiches produits ou des articles de blog, ils savent directement à quelle catégorie ils appartiennent. Ils peuvent donc aisément remonter le fil pour naviguer sur votre site.

Le fil d’Ariane : un atout pour votre référencement naturel (SEO)

Installer un fil d’Ariane sur votre site web envoie des signaux positifs aux moteurs de recherche tels que Google. Leurs robots parcourent votre site de lien en lien. Grâce au breadcrumb qui est un ensemble de liens hiérarchiques, ils crawlent plus facilement le site concerné.

De plus, les moteurs de recherche affichent souvent les fils d’Ariane des pages dans leurs résultats. Ils sont donc un véritable atout pour votre SEO. L’internaute voit tout de suite le contexte de la page et vous prenez plus de place sur la SERP : cela peut améliorer le taux de clics (CTR).

4 méthodes pour configurer votre fil d’Ariane sur WordPress

Il existe différentes méthodes pour installer et configurer vos fils d’Ariane sur WordPress. Celles-ci demandent néanmoins un certain savoir-faire technique. Nous vous expliquons donc comment faire concrètement étape par étape.

Personnaliser le fil d’Ariane de votre site web grâce à votre thème WordPress

Certains thèmes WordPress permettent d’afficher facilement un fil d’Ariane sur son site. Ils proposent cette fonctionnalité de façon native. Certaines manipulations sont nécessaires, mais en général, il suffit d’activer l’option dans les réglages du thème au sein de votre backoffice. Elle peut se trouver dans l’onglet breadcrumb, dans les options générales ou dans les options de la barre de titre.

Parmi les thèmes populaires disposant de cette fonctionnalité, on retrouve Ocean WP, Blocksy ou Astra. Ce sont néanmoins des thèmes largement utilisés avec souvent peu d’options de personnalisation. Nous vous conseillons donc de choisir plutôt un thème sur mesure reflétant l’image de votre entreprise. D’autant plus que ce choix intervient aux prémices de la création du site web.

Vous pouvez installer votre fil d’Ariane grâce à un plugin ou une extension WordPress du type Yoast SEO ou Breadcrumb NavXT. Pour cela, il vous faudra modifier les fichiers header.php, single.php ou page.php. Afin d’éviter certains problèmes, nous vous conseillons aussi de créer au préalable un thème enfant.

De nombreux sites utilisent l’extension Yoast SEO pour leur référencement. Elle permet aussi d’installer un fil d’Ariane sur votre site. Pour ce faire :

Téléchargez, installez et activez le plugin Yoast SEO dans l’onglet « Extensions » du back-office.
Cliquez ensuite sur « Réglages » puis sur « Fil d’Ariane » dans les options avancées.
Configurez le breadcrumb à votre convenance : type de séparateur, textes d’ancrage, préfixes, etc.
Pour terminer, ajoutez le code suivant au fichier header.php, single.php ou page.php en fonction de l’endroit où vous voulez que le fil d’Ariane s’affiche :

<?phpif ( function_exists(‘yoast_breadcrumb’) ) {yoast_breadcrumb( ‘<p id= »breadcrumbs »>’,'</p>’ );}?>

Breadcrumb NavXT est un autre plugin très populaire pour installer des fils d’Ariane. Pour cela, il vous faut :

Télécharger, installer et activer l’extension Breadcrumb NavXT dans l’onglet « Extensions ».
Aller sur l’onglet « Réglages » du back-office puis sur « Breadcrumb NavXT » pour configurer et personnaliser votre fil d’Ariane.
Ajouter ensuite le code suivant au fichier header.php, single.php ou page.php :

La création d’un code personnalisé

Vous avez également la possibilité d’ajouter des fils d’Ariane sur votre site web sans extension. Pour cela, il faut coder manuellement. Cela demande des connaissances techniques avancées. Dans le principe, vous devez :

Ajouter une fonction dans le fichier functions.php.

Insérer le code permettant d’appeler la fonction dans le fichier header.php, single.php ou page.php.

Activer le fil d’Ariane sur votre boutique en ligne WooCommerce

L’installation d’un fil d’Ariane sur une boutique en ligne WooCommerce se révèle assez simple. En effet, WooCommerce propose par défaut le breadcrumb. Pour le personnaliser totalement, des compétences techniques avancées sont néanmoins nécessaires. Vous pouvez aussi installer l’extension WooCommerce breadcrumbs.

Comment personnaliser le fil d’Ariane de votre site web sous WordPress ?

En installant un fil d’Ariane sur votre site, vous aurez très certainement envie de le customiser pour qu’il s’intègre parfaitement à votre design. Pour cela, vous devez toucher au code CSS. En général, vous devez cibler l’attribut : class= »breadcrumb ». Son nom peut varier, mais vous trouverez toujours le mot « breadcrumb » dans celui-ci.

Vous savez désormais en pratique comment installer et configurer votre fil d’Ariane sur WordPress. Si vous ne possédez pas les compétences techniques nécessaires, rapprochez-vous d’une agence dont c’est la spécialité comme la nôtre. En effet, mal faites, certaines modifications peuvent poser problème sur votre site.

Corentin Fournier

Consultant SEO depuis 2021, dans le digital depuis 2018, je suis toujours à l'affût des nouveautés pour peaufiner mon approche et apporter aux clients les meilleurs résultats business possibles, avec une vision 360° et une philosophie métier "test & learn".

Comprendre et configurer votre fil d’Ariane sur WordPress

Qu’est-ce qu’un fil d’Ariane ou breadcrumb ?