Comment afficher les liens de navigation du fil d'Ariane dans WordPress

Lorsque vous visitez un site Web et voyez quelque chose comme « Accueil-> Boutique-> Mon compte » , ils sont appelés fil d'Ariane .

Ils servent de « piste » pour aider les utilisateurs à comprendre leur emplacement actuel sur le site et comment ils y sont arrivés. Nommé d'après l'histoire de Hansel et Gretel, le fil d'Ariane aide l'utilisateur dans la navigation sur le site.

Dans l'écriture d'aujourd'hui, nous aborderons :

• Avantages de l'ajout de fil d'Ariane
• Meilleures méthodes pour implémenter le fil d’Ariane sur votre site WordPress.
• Meilleur plugin WordPress pour ajouter du fil d'Ariane à votre site Web.

Sans perdre de temps, commençons-

Les avantages de l'ajout de fil d'Ariane à votre site Web

Avant de passer à la partie tutoriel, vous devez connaître les avantages du fil d'Ariane.

1. Le fil d'Ariane fournit aux utilisateurs une carte claire de leur parcours, utile sur les grands sites Web tels que les sites de commerce électronique ou les blogs.
2. Le fil d’Ariane contribue à une expérience de navigation plus fluide.
3. Les visiteurs peuvent accéder rapidement aux pages sans avoir recours au menu principal ou au bouton de retour.
4. Les moteurs de recherche utilisent le fil d’Ariane pour comprendre la structure de votre site Web.
5. Le fil d'Ariane peut apparaître dans les résultats des moteurs de recherche, augmenter les taux de clics et aider les moteurs de recherche à mieux indexer votre site.
6. Le fil d'Ariane réduit les taux de rebond et augmente l'engagement.
7. Ils sont légers et facilement adaptables

Les fils d'Ariane ne sont pas seulement une aide à la navigation, ils constituent un élément crucial de tout site Web convivial et optimisé pour la recherche.

Voyons maintenant comment ajouter un fil d'Ariane sur les sites WordPress.

Comment ajouter un fil d'Ariane au site WordPress

Nous allons donc vous montrer comment ajouter un fil d’Ariane à votre site WordPress en utilisant 3 méthodes.

• Utiliser un plugin WordPress
• Utiliser du code personnalisé
• Utiliser le support d'un thème.

Commençons-

1. Utilisation d'un plugin WordPress pour ajouter un fil d'Ariane

Comme cela arrive normalement, il existe toujours un plugin WordPress pour ajouter tout type de fonctionnalités à votre site WordPress. Il existe un plugin appelé Breadcrumb NavXT qui ajoute une navigation par fil d'Ariane.

Il s’agit de l’un des plugins de fil d’Ariane WordPress les plus populaires avec plus de 900 000 installations actives. Le plugin possède toutes les fonctionnalités nécessaires dans la version gratuite qui vous aideront à ajouter et à personnaliser le fil d'Ariane sur votre site Web.

Voici les étapes pour afficher le fil d’Ariane sur votre site Web :

Étape 1 : installer et activer le plugin

Tout d’abord, installez le plugin depuis votre tableau de bord WordPress. Accédez à Plugins -> Ajouter nouveau et tapez Breadcrumb NavXT dans la zone de recherche. Ensuite, installez et activez le plugin-

Étape 2 : Configurer les paramètres du fil d'Ariane NavXT

Vous trouverez les options de personnalisation du plugin sous Paramètres–> Fil d'Ariane NavXT . Vous trouverez différentes options pour personnaliser le fil d'Ariane. Mais si vous manquez de temps ou si vous avez peu de connaissances techniques, conservez les paramètres par défaut.

Remarque : lorsque j'ai installé le plugin, je n'ai modifié aucun paramètre. Conservé ceux par défaut. A bien fonctionné pour moi.

Étape 3 : ajouter le bloc Gutenberg

Après avoir configuré les paramètres, vous devez ajouter le bloc Breadcrumb Trail sur la page ou la publication sur laquelle vous souhaitez afficher le fil d'Ariane. Sélectionnez n’importe quelle page ou publication, choisissez et ajoutez le bloc de fil d’Ariane.

Cela ajoutera le fil d'Ariane à la page ou à la publication.

Vous pouvez également utiliser le widget pour ajouter le fil d'Ariane. Allez simplement dans Apparence -> Widgets . Recherchez-y le widget Breadcrumb Trail et ajoutez l'endroit où vous souhaitez afficher le fil d'Ariane sur votre site Web.

C’est avec quelle facilité vous pouvez naviguer dans le fil d’Ariane vers votre site Web.

Mais il y a un piège. Vous ne pouvez faire cela que page par page ou publication par publication. Cela vous prendra beaucoup de temps.

Si vous souhaitez effectuer cela sur l’ensemble du site, vous devez utiliser un codage personnalisé.

2. Utilisation d'un code personnalisé pour ajouter un fil d'Ariane

Si le plugin Breadcrumb NavXT est installé, vous pouvez utiliser un peu de code pour afficher le fil d'Ariane sur tout le site.

Vous pouvez utiliser l'option Theme File Editor depuis Appearance ou ouvrir votre gestionnaire de fichiers depuis CPanel et trouver le fichier header.php.

Là, ajoutez ce code-

 if (function_exists('bcn_display')) { bcn_display(); } ?>

Remarque : j'ai d'abord eu du mal à ajouter ce code tel qu'utilisé « <!–?php ». Mais le code avait déjà un « <!–?php » dès le début. C'est pourquoi cela me donnait une erreur. J'ai fourni la seule partie du code que vous devez utiliser. Copiez-le et placez-le à la fin du code.

Cela ajoutera un fil d'Ariane sur tout le site.

C'est aussi simple que ça.

3. Utilisation de la prise en charge du thème pour ajouter du fil d'Ariane

Vous pouvez également utiliser le support du thème pour ajouter du fil d'Ariane à votre site. Par exemple, dans le thème de la vitrine, accédez à l’option de personnalisation du thème. Là, dans la section des widgets, vous trouverez le bloc Breadcrumb NavXt.

Vous pouvez configurer les paramètres à partir d'ici. Ensuite, vous pouvez ajouter un bloc Breadcrumb Trail pour afficher le fil d'Ariane.

C’est ainsi que vous pouvez afficher le fil d’Ariane sur votre site WordPress.

Plugins populaires pour ajouter du fil d'Ariane à votre site WordPress

Si vous n'êtes pas à l'aise avec l'utilisation du plugin Breadcrumb NavXT, il existe d'autres plugins que vous pouvez utiliser :

1. Yoast SEO

Yoast SEO est un plugin populaire conçu pour améliorer les performances SEO de votre site Web. Il comprend une fonctionnalité de fil d'Ariane intégrée .

Cela en fait un excellent choix pour ceux qui souhaitent combiner navigation et optimisation SEO.

Le fil d'Ariane est personnalisable et vous aide à correspondre à la structure et à la conception de votre site.

Caractéristiques:

• S'intègre parfaitement aux paramètres de référencement de votre site Web.
• Offre la flexibilité d’ajuster la structure et l’apparence du fil d’Ariane.
• Aide les moteurs de recherche à mieux indexer votre site en incluant le fil d'Ariane dans le balisage HTML.
• Prend en charge les publications, les pages et les types de publications personnalisés.

2. Classer les mathématiques

Rank Math est un autre plugin SEO très populaire qui offre des fonctionnalités avancées, notamment le fil d'Ariane. Il est populaire pour son interface conviviale et ses options de personnalisation. Son fil d'Ariane peut être facilement configuré et stylé pour s'adapter au thème de votre site Web.

Caractéristiques:

• Fournit des options détaillées pour la personnalisation du fil d’Ariane.
• Ajoute automatiquement un fil d'Ariane aux publications, pages et autres types de contenu.
• S'intègre entièrement à la suite d'outils de référencement de Rank Math pour des fonctionnalités supplémentaires.
• Léger et adapté aux mobiles pour la navigation.

3. Fil d'Ariane WooCommerce

WooCommerce Breadcrumbs est un plugin spécialement conçu pour les magasins WooCommerce. Il améliore la navigation en ajoutant un fil d'Ariane aux pages de produits, aux catégories et à d'autres sections spécifiques au magasin.

Caractéristiques:

• Ajoute automatiquement le fil d’Ariane aux pages de produits et de catégories WooCommerce.
• Améliore l'expérience utilisateur en affichant l'emplacement du produit dans la hiérarchie du magasin.
• Étiquettes de fil d'Ariane et séparateurs personnalisables pour une meilleure esthétique.
• Aide à améliorer le référencement en fournissant une navigation structurée pour les moteurs de recherche.

4. Fil d'Ariane flexible

Flexy Breadcrumb est un plugin conçu pour ajouter un fil d'Ariane personnalisable à votre site WordPress.

Il fonctionne avec la plupart des thèmes et vous permet d'ajuster la conception et la structure du fil d'Ariane pour l'adapter au style de votre site Web. Son interface conviviale le rend adapté aussi bien aux utilisateurs débutants qu’avancés.

Caractéristiques:

• Offre plusieurs options de conception pour le fil d’Ariane.
• Permet la personnalisation de la hiérarchie du fil d'Ariane et des séparateurs.
• Prend en charge l'intégration avec les constructeurs de pages populaires comme Elementor.
• Léger et optimisé pour des performances rapides

Améliorez la navigation de votre site Web avec le fil d'Ariane

Vous ne trouverez pas beaucoup de sites Web sans fil d’Ariane. C’est un excellent moyen de fidéliser les clients et les visiteurs, de leur faire savoir où ils se trouvent sur votre site Web. Et comme nous l’avons dit, c’est également excellent pour l’optimisation du référencement.

Que cela vous plaise ou non, la navigation par fil d’Ariane est importante pour un site. Même Google affirme que le fil d’Ariane peut améliorer la structure et le référencement du site.

Nous vous avons montré 3 façons d'ajouter du fil d'Ariane à votre site Web. Vous pouvez suivre n’importe lequel d’entre eux.

Alors, ajoutez le fil d'Ariane à votre site Web et si vous êtes bloqué à un moment donné, faites-le nous savoir dans la section commentaires.