Graphiste » Blog » Créer un fil d'Ariane sur WordPress

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

Vous êtes prêt ?

 

Améliorez votre expérience utilisateur avec les fils d'Ariane !

Un rappel sur les fils d'Ariane

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.

Avec Yoast SEO

Étape 1 : 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>' );
}
?>

Étape 2 : 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
[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 :

D'autres articles qui pourraient vous intéresser

Auteur de l'article

BENABDELHAK Kevin

Photo - BENABDELHAK Kevin

Spécialisé en communication visuelle pour les entreprises et passionné par l'univers du digital, j'aide chaque jour des entrepreneurs à développer une image de marque toujours plus forte. Faites-moi confiance pour la réalisation de votre identité visuelle et de vos supports de communication !

offre

Vous souhaitez vous différencier ?

Vous êtes un entrepreneur ambitieux et vous souhaitez vous démarquer de vos concurrents ? Je m'occupe personnellement de la création de votre image de marque et de votre site internet professionnel.

 

Vous voulez en savoir plus ?

mail

Vous avez une question ?

    Vous cherchez une information spécifique ?

    Generic selectors
    Exact matches only
    Search in title
    Search in content