Breadcrumb NavXT

Savez-vous ce qu’est un fil d’ariane ? Si vous pensez directement à la mythologie grecque, vous êtes en bonne voie. Sur le web, un fil d’ariane est un chemin de liens, visible sur chaque page d’un site internet.
S’il n’est pas obligatoire de l’afficher, il est cependant vivement recommandé de le faire. Il s’agit en effet de l’une des nombreuses bonnes pratiques du web visant à augmenter l’accessibilité pour les utilisateurs.

Ce chemin de lien retrace le parcours emprunté par l’utilisateur pour qu’il sache à tout moment où il se trouve sur un site web. Il part toujours de la page d’accueil pour se terminer par la page actuelle.
Enfin, le fil d’ariane est cliquable. Cela permet de remonter simplement dans la structure du site web.

Breadcrumb NavXT est un plugin qui va nous permettre de recréer ce fil d’ariane. Celui-ci a pour valeur ajoutée d’employer des micros-datas dans sa structure. Les micros datas permettent une meilleure reconnaissance de la structure sémantique par les robots des moteurs de recherche.

INSTALLATION ET CONFIGURATION

  • Rendez-vous sur le back office de votre site WordPress.
  • Cliquez sur l’onglet Extensions du menu vertical de votre back office, puis cliquez sur le bouton « Ajouter ».
  • Dans la barre de recherche d’extensions, recherchez « Breadcrumb NavXT » puis installez et activez l’extension.

Comment l'utiliser ?

  • Rendez-vous sur le back office de votre site WordPress.
  • Passez votre souris sur l’onglet « Réglages » du menu latéral de votre back office, puis cliquez sur “Breadcrumb NavXT”.

 

  • Dans les réglages, dans la partie “General” puis “General” de nouveau, ne touchez à rien.
  • Dans la partie “Home Breadcrumb”, cochez la case “Place the home breadcrumb in the trail. ”. C’est celle-ci qui vous permettra d’afficher l’accueil dans votre fil d’ariane.
  • Copiez-collez ce code dans la partie “Home Template” :

 

<span itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
<a itemscope itemtype="https://schema.org/WebPage" itemprop="item" itemid="%link%" href="%link%">
<span itemprop="name">%title%</span></a>
<meta itemprop="position" content="%position%" />
</span>

Laissez le reste inchangé.

  • Dans la partie “Blog breadcrumb” cochez la case “Place the blog breadcrumb in the trail. ”.
  • Dans la partie “Mainsite Breadcrumb”, ne touchez à rien.

 

Changez d’onglet pour l’onglet “Post Type”. Collez ce code dans l’encart “Post Template” :

 <span itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
<a itemscope itemtype="https://schema.org/WebPage" itemprop="item" itemid="%link%" href="%link%">
<span itemprop="name">%title%</span></a>
<meta itemprop="position" content="%position%" />
</span>

 

  • Dans “Post Hierarchy Display”, cochez la case. Ne cochez pas les deux paramètres suivants.
  • Dans « Post Hierarchy », cochez “catégories”.

 

  • Dans “Pages Template”, collez ceci : 

<span itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
<a itemscope itemtype="https://schema.org/WebPage" itemprop="item" itemid="%link%" href="%link%">
<span itemprop="name">%title%</span></a>
<meta itemprop="position" content="%position%" />
</span>

Ne cochez rien de plus sur cette page.

Le conseil de votre formateur

Breadcrumb NavXT a cet avantage d’avoir recours aux microdatas. Nous le préférons aux autres extensions de fil d’ariane pour cette raison.