Créez un fil d’ariane (breadcrumb) sans plugin.

fil d'ariane avec WordPress sans plugin

Le fil d’Ariane (Breadcrumb en anglais) est un élément essentiel d’un site, un champ apprécié par Google et qui a donc une importance SEO …Dans cette article,  nous allons créer un fil d’Ariane dans WordPress, sans plugin.

1ere étape : tout d’abord, inserer ce code dans function.php

//////////////*fonction fil d'Ariane*///////////////
function ErAriane() {
 if (!is_home()) {
 echo '';
 echo "Home";
 echo " » "; //*Permet d’afficher Home avec un lien sur celle-ci *//
 if (is_category() || is_single()) {
 the_category('title_li='); //*Permet d’afficher le fil d’Ariane dans les posts et affiche uniquement le titre de la catégorie avec un lien sur celle-ci *//
 if (is_single()) {
 echo " » ";
 the_title();//*Permet d’afficher le fil d’Ariane dans les posts et affiche uniquement le titre de l'article*//
 }
 } elseif (is_search()) {
 echo "Termes recherchés : ". get_search_query();
 }
 elseif (is_page()) {
 echo get_the_title();
 }
 elseif (is_404()) {
 echo "Erreur 404";
 }
 }
 }

2ème étape : un autre code est à insérer dans single.php.

<div class="breadcrumb" itemscope="" itemtype="http://schema.org/BreadcrumbList">
 <?php 
    if( function_exists('ErAriane'))
    {
        ErAriane();
    }
  ?>
</div>

3ème étape : enfin, donnez du style à votre fil d’ariane avec du CSS.

Dans un but purement esthétique, il ne reste plus qu’a définir le style avec du CSS.

/*breadcrumb*/
.breadcrumb {
    color: #14c5bf;
    font-family: Georgia, Times, "Times New Roman" serif;
    font-style: italic;
    margin-top: 10px;
}

Saviez-vous que le fil d’Ariane peut aider votre campagne de référencement ?

image de google

Google aime les liens de navigation de Breadcrumb (fil d’ariane) sur votre site

Google aime un site avec une bonne navigation et une bonne expérience utilisateur, il est donc logique que Google aime aussi les liens de navigation. Communiquer à un utilisateur sur la façon dont la page qu’ils lisent est trouvé dans un site en utilisant la navigation fil d’ariane (breadcrumb) est génial. De plus, Google les aime aussi, pour le flux de navigation et pour la distribution PageRank.

Vous êtes arrivé au bout de cet article, j’en conclus qu’il vous a plu, alors envoyez moi un max d’étoiles ⭐⭐⭐⭐⭐,  et partagez le avec vos amis et vos connaissances sur les réseaux sociaux, avec les boutons ci-dessous :

Rate this post

Partager cet article sur les réseaux sociaux :

Articles similaires