Ajouter un fil d'Ariane dans Divi (breadcrumbs)
Le fil d'Ariane (breadcrumbs en anglais) est un outil de navigation précieux pour les utilisateurs de votre site Web. Semblable au fil d'Ariane qui guida Thésée dans le labyrinthe, il permet aux internautes de se repérer facilement dans l'arborescence de votre site et de retrouver leur chemin en cas de besoin.
Pourquoi ajouter un fil d'Ariane ?
Amélioration de l'expérience utilisateur :
Navigation simplifiée : le fil d'Ariane offre à vos visiteurs une vision claire de la structure de votre site et permet aux utilisateurs de se situer facilement.
Gain de temps : plus besoin de naviguer dans les menus ou de revenir en arrière en utilisant le bouton du navigateur.
Confiance accrue : le fil d'Ariane donne aux utilisateurs un sentiment de contrôle et de sécurité.
Amélioration du référencement SEO
Meilleure indexation des pages : les moteurs de recherche peuvent utiliser le fil d'Ariane pour mieux comprendre la structure du site.
Augmentation du trafic interne : le fil d'Ariane incite les utilisateurs à explorer d'autres pages du site.
Meilleure expérience utilisateur : un fil d'Ariane bien conçu peut améliorer l'expérience utilisateur, ce qui a un impact positif sur le référencement SEO.
Ajouter un fil d'Ariane dans Divi avec le plugin Yoast SEO
Si vous utilisez Yoast SEO pour la gestion du SEO de votre site WordPress, sachez qu'il propose un shortcode Fil d'Ariane.
Yoast SEO est un plugin WordPress largement utilisé qui aide à optimiser les sites Web pour les moteurs de recherche. Au-delà de sa fonction principale, Yoast SEO offre des fonctionnalités supplémentaires, notamment la possibilité de générer un fil d'Ariane à l'aide d'un simple shortcode. Cette fonctionnalité s'intègre parfaitement à des thèmes comme Divi, améliorant l'expérience utilisateur globale et contribuant aux efforts d'optimisation pour les moteurs de recherche.
Ce shortcode est [wpseo_breadcrumb].
Vous pouvez coller ce code dans vos pages Divi ou dans vos templates Theme Builder, dans un module texte par exemple.
Le shortcode Fil d'Ariane de Rank Math SEO
Tout comme Yoast, le plugin Rank Math SEO propose aussi un shortcode pour intégrer un fil d'Ariane : [rank_math_breadcrumb].
Le plugin gratuit "Breadcrumbs Divi Module"
Il existe un plugin WordPress gratuit dont le seul but est d'ajouter un fil d'Ariane à un site Divi. Il s'agit de "Breadcrumbs Divi Module".
Il ajoute un module Divi spécifique pour afficher un fil d'Ariane.
Cette extension propose des options pour changer les couleurs et les icônes.
Divi Supreme propose un module Fil d'Ariane
Divi Supreme, un des plugins Divi les plus connus, propose aussi un module Fil d'Ariane pour Divi.
Divi Booster aussi
Divi Booster propose aussi un module Fil d'Ariane.
Divi Plus aussi
Divi Plus a lui aussi un module Divi Fil d'Ariane.
Ajouter un fil d'Ariane à un site Divi avec le plugin "Breadcrumb NavXT"
Installer le plugin Breadcrumb NavXT
Copiez header.php du thème Divi dans votre thème enfant, et ajoutez le code suivant tout à la fin après <div id="et-main-area"> :
<?php
// affiche le fil d'Ariane du plugin "Breadcrumb NavXT" sur toutes les pages du site sauf l'accueil
if(function_exists('bcn_display') && !is_front_page()) {
echo '<div class="container container-breadcrumbs">';
echo '<div class="breadcrumbs" xmlns:v="http://rdf.data-vocabulary.org/#">';
bcn_display();
echo '</div>';
echo '</div>';
}
?>Cette solution est un peu risquée, et vous oblige aussi à mettre à jour le fichier header.php de votre thème enfant à chaque fois qu'il a une mise à jour dans Divi. Vous pouvez aussi essayer le widget proposé par ce plugin, même si les widgets WordPress font un peu année 2015.
Commentaires
Pas encore de commentaire. Soyez le premier !