Comment créer un fil d'Ariane sur WordPress ?

Les fils d’Ariane (aussi appelées breadcrumbs) offrent à vos visiteurs une meilleure expérience utilisateur grâce à une navigation optimale sur votre site web.

Nous allons voir ensemble les fils d’Arianes, ce qu’il représente pour votre site et comment le créer facilement sur WordPress.

breadcrumbs
Sommaire

Qu'est-ce qu'un fil d'Ariane sur WordPress

Savoir à quel niveau de profondeur de pages est indispensable pour qu’un utilisateur se repère sur votre site web.

Le fil d’Ariane permettra à votre visiteur de se localiser facilement sur votre site web. Il affichera automatiquement les liens internes les plus haut dans la structure du site.

Mais alors, à quoi ressemble-t-il ?
Il s’agit simplement d’une section de navigation interne.

Breadcrumbs de k-graphiste sur une page HTML

Cette section permet un déplacement vers la ou les pages mères de la section actuelle.

Elle contient donc la page mère la plus haute possible ( généralement la page d’accueil ), mais aussi les catégories du silo. Le silo est simplement représentée par la structure technique de votre site.

Le fil d’Ariane se trouve en haut de la page, et généralement en dessous du premier contenu.

Hiérarchisation de votre site internet

Les fils d’Ariane ont pour but de guider votre visiteur sur le site web.

Si un utilisateur vous trouve sur Google, alors il faudra peut-être qu’il puisse savoir quel type de contenu est disposé à cette section du site.

Les liens vers les pages parentes

Dans une stratégie de référencement naturel, les pages qui sont dans une section renforce la popularité de la page mère. Le PageRank de la page s’améliore alors et cela permet un meilleur maillage interne.

Vous l’aurez compris : Le fil d’Ariane est tout aussi bon pour l’expérience de navigation par vos visiteurs, mais également par les moteurs de recherche.

Créer un fil d'Ariane sur Yoast SEO

Installer la fonction sur votre site

Sur l’extension Yoast SEO, vous pouvez intégrer un breadcrumbs à l’aide d’une fonctionnalité toute simple. Vous pouvez inclure ces lignes de codes dans le fichier header.php de votre thème WordPress. Vous pouvez bien évidemment l’afficher où vous le souhaitez, mais je vous conseille de l’intégrer avant le titre du premier contenu de la page.

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

Activer la fonctionnalité

Rendez-vous sur cette partie de Yoast SEO :

  • SEO
  • Réglages SEO
  • Fil d’Ariane

Vous pouvez activer les réglages et enregistrer vos modifications.

Bonus : Shortcode tout simple à mettre en ligne

Si vous ne voulez pas inclure un breadcrumbs sur toutes les pages de votre site mais seulement quelques unes, alors vous pouvez insérer un shortcode qui générera automatiquement le fil d’ariane. Voici le breadcrumbs à utiliser sur vos pages WordPress :

				
					[wpseo_breadcrumb]
				
			

D’autres plugins pour installer un breadcrumbs

D’autres extensions sont également présentes pour vous créer un breadcrumbs de manière automatique sur votre site web. Voici une liste de quelques plugins permettant de le faire :

Parcourez d'autres articles
Visuels 100% uniques

Recevez des créations graphiques personnalisées aux couleurs de votre charte graphique

Mise en page optimisée

Mettez en avant les éléments essentiels grâce à une communication visuelle travaillée

Fichiers vectoriels + HD

Téléchargez tous les fichiers nécessaires à la publication & aux modifications de vos visuels graphiques

Visualisez vos modèles graphiques en ligne

Échangez facilement avec votre designer graphique & visualisez vos projets graphiques en ligne. 

Discutez en toute liberté avec votre graphiste sur une fenêtre de conversation instantané. 

Soyez libre de donner votre avis sur chacune des réalisations graphiques & demandez des modifications directement.

Vous recevez une notification par mail ou directement sur votre téléphone si vous possédez l’application K-Graphiste.

Demandez vos retouches et donnez votre avis facilement entre chaque proposition graphique. Joignez des pièces jointes si besoin.

Téléchargez un dossier complet avec votre création graphique, vos déclinaisons & les fichiers sources.

espace-client-k-graphiste

Échangez avec votre graphiste en ligne facilement

Téléchargez votre dossier complet au format ZIP

Découvrez toutes les propositions graphiques

Incluez des exemples de design dans votre réponse

+ 0
Solutions de communication
+ 0
Clients depuis 2019
+ 0
Réalisations graphiques
Kevin Benabdelhak
Kevin Benabdelhak

Je suis Kevin Benabdelhak, un graphiste freelance spécialisé en communication visuelle & stratégie marketing. Créateur de K-Graphiste, mon but est d’aide votre entreprise à communiquer et à se démarquer.

K-Graphiste

GRATUIT
VOIR