Comment ajouter des fils d'Ariane à WordPress pour aider les utilisateurs à mieux naviguer sur votre site Web

Publié: 2019-11-20

Si vous gérez un site Web riche en contenu, ou si vous vous demandez comment cet article vous aidera à apprendre comment ajouter du fil d'Ariane à WordPress.

Dans le conte de fées allemand, « Hansel et Gretel », le petit frère et la sœur – entendant par hasard le plan de leur belle-mère maléfique de les jeter dans les bois pour se débrouiller seuls – ont pris une tranche de pain et ont laissé une traînée de chapelure qu'ils feraient suivre à la maison une fois que leurs parents les ont abandonnés.

Dans l'édition moderne; sur le Web, des logiciels ou des documents, les fils d'Ariane sont également utilisés pour aider un lecteur à retrouver le chemin du retour. Ou au moins pouvoir retracer leurs pas en fonction de l'endroit où ils se trouvent.

Les fils d'Ariane sont des éléments de navigation secondaires sur un site Web qui indiquent l'emplacement d'un visiteur.

Vous lisez cet article, car vous savez ce que c'est, mais au cas où vous vous demanderiez à quoi il ressemble, vous pouvez vous diriger vers eBay et voir le leur.

Un acheteur qui consulte une station d'accueil pour chargeur rapide sans fil Qi pour Galaxy S9 + iPhone X XS Max, sait facilement où il se trouve et comment obtenir les différentes catégories dans lesquelles son produit est répertorié.

Dans ce cas, il y a un lien vers la page d'accueil, puis un lien vers la catégorie principale d'un produit est répertorié - Téléphones portables et accessoires, suivi d'une sous-catégorie - Accessoires pour téléphones portables et d'une autre sous-catégorie - Chargeurs et berceaux .

eBay

Pourquoi ajouter des fils d'Ariane à un site Web WordPress ?

En regardant la structure eBay ci-dessus, vous pouvez voir à quel point le fil d'Ariane est excellent pour l'expérience utilisateur sur un site Web en couches ou hiérarchique. Un visiteur sait où il se trouve à un moment donné lorsqu'il navigue sur un site. S'ils doivent accéder à la catégorie parent où le produit ou l'article qu'ils consultent sont répertoriés, ils n'ont qu'à cliquer sur le lien dans le fil d'Ariane.

Ce qui nous amène à un autre avantage de l'ajout de fil d'Ariane à un site Web WordPress, un utilisateur n'a pas besoin de cliquer sur le bouton de retour d'un navigateur pour, juste le fil d'Ariane.

Les fils d'Ariane permettent la découverte de contenu sur un site Web. Considérez un visiteur envoyé vers un article à partir d'un moteur de recherche ou un lien sur un autre site Web. Lorsqu'un utilisateur a lu l'article, le fil d'Ariane offre à l'utilisateur plus d'options pour accéder à une catégorie supérieure pour afficher un contenu similaire. Comme vous pouvez le deviner, cela conduit un utilisateur à passer plus de temps sur un site Web, ce qui entraîne une réduction des taux de rebond.

Non seulement les fils d'Ariane aident les utilisateurs à naviguer sur un site Web, mais ils aident également les moteurs de recherche à naviguer sur un site.

Tout ce qui améliore l'expérience utilisateur, tout ce qui réduit les taux de rebond, tout ce qui permet aux robots des moteurs de recherche d'explorer et d'indexer facilement un site, aide un site à obtenir les éloges des moteurs de recherche.

Dans l'état actuel des choses, l'ajout de fil d'Ariane aide un site Web dans ses efforts d'optimisation pour les moteurs de recherche.

Comment ajouter des fils d'Ariane à un site Web WordPress ?

La plupart des thèmes WordPress modernes et presque tous les thèmes de commerce électronique ont des fonctionnalités de fil d'Ariane par conception.

Pour ajouter du fil d'Ariane à votre site Web avec un tel thème, activez simplement l'option, souvent présente dans les options du thème. Consultez la documentation de votre thème ou les développeurs de thèmes en cas de doute.

Activer le fil d'Ariane en modifiant le thème

Si votre thème ne prend pas en charge nativement les fils d'Ariane, vous pouvez facilement les ajouter à l'aide de plugins de fil d'Ariane. Vous pouvez également utiliser la plupart des plugins SEO WordPress comme Yoast pour ajouter du fil d'Ariane à votre site.

Pour cet article, nous ajouterons des fils d'Ariane à WordPress avec un plugin WordPress gratuit - Breadcrumb NavXT

Étape 1 : Installez le plugin WordPress Breadcrumb NavXT.

Fil d'Ariane NavXT génère des fils d'Ariane en fonction de l'emplacement d'un utilisateur. Les sentiers peuvent ensuite être personnalisés à votre guise.

Allez-y et installez Breadcrumb NavXT.

Si vous ne savez pas comment installer des plugins dans WordPress, c'est facile. Connectez-vous à votre tableau de bord, puis faites défiler vers le bas dans le menu de gauche sous Plugins, cliquez sur Ajouter nouveau.

Entrez le plugin que vous souhaitez installer – Breadcrumb NavXT – dans le champ de recherche.

Dans une seconde ou deux, les résultats reviendront. Maintenant, cliquez sur Installer maintenant , après cela, attendez encore une seconde ou deux, puis cliquez sur Activer .

Installer le fil d'Ariane NavXT

Étape 2 : Affichage du fil d'Ariane NavXT Breadcrumbs sur un site WordPress.

Vous pouvez afficher le fil d'Ariane de deux manières.

1. Utilisation du widget fourni par Breadcrumb NavXT

Allez dans le menu principal ; Apparence > Widgets.

Recherchez Breadcrumb NavXT, puis faites-le glisser vers la barre latérale dans laquelle vous voulez votre fil d'Ariane.

Afficher le widget Breadcrumb NavXT

Maintenant, allez à n'importe quel article ou page où la barre latérale apparaît, et vous devriez voir votre fil d'Ariane.

Voir le fil d'Ariane dans le widget

Si vous voulez que votre fil d'Ariane soit ailleurs que dans la barre latérale, comme dans l'exemple d'eBay, vous devrez vous salir les mains et modifier votre thème.

2. Modifiez votre thème

Les fichiers que vous devrez peut-être modifier sont les; home.php, single.php, page.php. Vous pouvez également modifier les taxonomies et tout autre fichier, tant que vous avez besoin de fil d'Ariane.

Mais avant de faire quoi que ce soit, sauvegardez votre site Web. Notre propre plugin de sauvegarde WPVivid vous fera gagner du temps et des maux de tête si les choses se retournent.

Ensuite, je recommande d'apporter des modifications à un thème enfant. Nous avons un article qui vous montrera exactement comment créer un thème enfant pour votre site WordPress.

Si vous avez fait ce qui précède, continuez et ajoutez le code suivant aux pages que vous souhaitez afficher dans votre fil d'Ariane.

 <div class="breadcrumbs" typeof="BreadcrumbList" vocab="https://schema.org/">

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

</div>

Si vous devez l'afficher dans un article, le fichier single.php est ce que vous modifiez. Collez le code dans la balise de l'article.

Afficher le fil d'Ariane en modifiant le fichier unique du thème

Enregistrez vos modifications, puis accédez à vos articles.

Votre fil d'Ariane doit se trouver dans la zone où vous avez placé votre code.

Vous pouvez voir dans mon cas que j'ai le fil d'Ariane en haut de l'article.

Afficher le fil d'Ariane dans l'article

Si votre fil d'Ariane ne s'affiche pas correctement, vous devrez le styliser avec du CSS.

Breadcrumb NavXT utilise la classe CSS .breadcrumbs (cela peut aussi dépendre de votre thème). Vous pouvez modifier le code CSS de votre site ou utiliser le personnalisateur WordPress pour styliser votre fil d'Ariane.

 .chapelure {

couleur : #000 ;

marge inférieure : 20px ;

}

Étape 3 : Personnalisation des fils d'Ariane NavXT.

Si vous devez apporter des modifications à votre fil d'Ariane, vous pouvez le faire dans votre tableau de bord WordPress.

Accédez à la page des paramètres de Breadcrumb NavXT. Vous pouvez le trouver dans le menu général WordPress Paramètres > Fil d'Ariane NavXT .

Personnaliser le fil d'Ariane NavXT fil d'Ariane

Voilà, j'espère que vous avez réussi à ajouter du fil d'Ariane à votre site WordPress.

Ne perdez pas vos visiteurs dans la jungle de votre site web. Ajoutez du fil d'Ariane à votre site Web.

Pour la suite, vous voudrez peut-être également apprendre à ajouter la recherche personnalisée Google à WordPress pour améliorer votre navigation sur site.