La na­vi­ga­tion en bread­crumb est une fonc­tion­na­lité pratique tant pour les sites web que pour les uti­li­sa­teurs. Dans WordPress, les Bread­crumbs peuvent être ajoutés via le thème, avec des plugins ou ma­nuel­le­ment par code.

Nom de domaine
Votre domaine en un clic
  • 1 cer­ti­fi­cat SSL Wildcard par contrat
  • Fonction incluse Domain Connect pour une con­fi­gu­ra­tion DNS sim­pli­fiée

Que sont les « WordPress bread­crumbs » ?

Les bread­crumbs ou fils d’Ariane sont des chemins de na­vi­ga­tion bien placés qui per­met­tent aux uti­li­sa­teurs de repérer ra­pi­de­ment et fa­ci­le­ment le domaine du site Web où ils se trouvent. Cela facilite l’orien­ta­tion dans la page et améliore la na­vi­ga­tion. Grâce aux fils d’Ariane, il suffit d’un simple clic pour revenir au niveau parent ou au point de départ.

Image: Exemple de breadcrumbs sur un site Web
Les fils d’Ariane vous per­met­tent de naviguer plus ra­pi­de­ment entre les dif­fé­rentes sous-pages.

Quels sont les avantages des « WordPress bread­crumbs » ?

Comme mentionné ci-dessus, les fils d’Ariane offrent non seulement des avantages pour l’ensemble des uti­li­sa­teurs d’un site Web, mais cons­ti­tuent également une nette amé­lio­ra­tion pour le site lui-même. Comme les uti­li­sa­teurs peuvent se déplacer et naviguer plus ra­pi­de­ment entre les pages in­di­vi­duelles, ils sont amenés à rester plus longtemps sur le site Web en moyenne. Par con­sé­quent, le taux de rebond diminue. En parallèle, ceci n’améliore pas uni­que­ment l’uti­li­sa­bi­lité du site Web, mais contribue aussi à renforcer le maillage interne. Ceci exerce à son tour un effet très positif sur les dif­fé­rents robots d’in­dexa­tion et bots des moteurs de recherche. Les bread­crumbs marquent ainsi également des points dans les sites WordPress dans le domaine de l’op­ti­mi­sa­tion du ré­fé­ren­ce­ment auprès des moteurs de recherche.

Conseil

Voici comment tirer le meilleur de WordPress : avec l’hé­ber­ge­ment WordPress de IONOS, vous ne bé­né­fi­ciez pas seulement d’une dis­po­ni­bi­lité de serveur de 99,97 % et de nom­breuses fonctions de sécurité utiles, mais pouvez également gérer votre site Web encore plus aisément grâce aux commandes CLI.

Quels types de bread­crumbs WordPress existe-t-il ?

Il existe trois types dif­fé­rents de fils d’Ariane qui con­vien­nent selon la con­cep­tion et la finalité du site Web. Leur fonc­tion­ne­ment est toujours le même. Les trois variantes sont les suivantes :

  • Basés sur la hié­rar­chie : ces fils d’Ariane indiquent aux visiteurs leur situation exacte actuelle sur un site Web et re­pré­sen­tent également les niveaux parents. La plupart du temps, ce sont la page d’accueil définie et les sous-pages res­pec­tives qui sont affichées. Ces fils d’Ariane con­vien­nent gé­né­ra­le­ment à la plupart des sites Web.
     
  • Basés sur l’his­to­rique : cette option est utilisée beaucoup plus rarement, mais elle atteint tout aussi bien son but. Les dif­fé­rentes étapes par­cou­rues au cours de la visite sont créées et affichées ici sous forme de chemin. Si né­ces­saire, les points in­di­vi­duels de l’his­to­rique peuvent alors être réactivés.
     
  • Basés sur les attributs : les bread­crumbs WordPress basés sur des attributs sont par­ti­cu­liè­re­ment adaptés aux boutiques en ligne. Cette option affiche les termes et les ca­té­go­ries de recherche grâce auxquels l’uti­li­sa­teur a obtenu l’affichage d’un article spé­ci­fique. La structure « page d’accueil -> bi­cy­clettes -> vélos élec­triques -> modèle spé­ci­fique » en est un exemple.
Conseil

Obtenir le domaine rêvé en seulement quelques clics : lorsque vous optez pour l’en­re­gis­tre­ment de votre domaine chez IONOS, vous bé­né­fi­ciez entre autres d’un cer­ti­fi­cat SSL Wildcard, d’une as­sis­tance 24/7 et de grandes facilités de con­fi­gu­ra­tion.

Ajouter des bread­crumbs dans WordPress

Les bread­crumbs peuvent être con­fi­gu­rés dans WordPress selon trois approches : via un thème, via un plugin SEO et d’autres plugins ou de manière en­tiè­re­ment manuelle sans plugins. Nous vous pré­sen­tons les dif­fé­rentes options et vous montrons également dans un guide étape par étape comment améliorer votre présence en ligne avec WordPress grâce aux bread­crumbs.

Via un thème

Certains thèmes WordPress offrent la pos­si­bi­lité d’ajouter des bread­crumbs WordPress. Cette solution très simple et pratique se propose à vous lorsque vous créez une nouvelle présence en ligne. Si vous disposez déjà d’un site Web en­tiè­re­ment opé­ra­tion­nel, un thème différent est plus sus­cep­tible de causer des problèmes et de sol­li­ci­ter des efforts sup­plé­men­taires. En revanche, si vous créez un site Web de A à Z à l’aide du nouveau menu WordPress ou si vous prévoyez de changer l’apparence de toute façon, dif­fé­rentes solutions gratuites s’offrent à vous. Un thème WordPress très populaire contenant des bread­crumbs WordPress est OceanWP.

La façon la plus simple consiste à ajouter des fils d’Ariane à WordPress par le biais de l’outil de per­son­na­li­sa­tion. Non seulement vous sé­lec­tion­nez l’option vous-même, mais vous pouvez également fa­ci­le­ment la per­son­na­li­ser selon vos pré­fé­rences. Vous pouvez sé­lec­tion­ner le po­si­tion­ne­ment, le sé­pa­ra­teur de titre entre les dif­fé­rents niveaux et la couleur du texte. Cette option vous permet donc d’ajouter fa­ci­le­ment des fils d’Ariane au site Web tout en veillant à ce qu’ils reflètent l’aspect de votre présence en ligne.

Image: Capture d’écran de l’outil de personnalisation de WordPress avec le thème Astra
L’insertion via l’outil de per­son­na­li­sa­tion est très facile et intuitive avec Astra.

Via des plugins

Si vous ne voulez pas changer la con­cep­tion de votre propre site ou blog WordPress, ou si vous avez déjà opté pour un thème qui n’offre pas d’option con­cer­nant les WordPress bread­crumbs, vous pouvez aussi recourir aisément à un plugin WordPress. L’outil le plus populaire à cette fin est Bread­crumb NavXT. Il est gratuit et très convivial. D’autres plugins fonc­tion­nent selon un principe similaire.

  1. Commencez par ajouter le plugin comme à l’ac­cou­tu­mée.
     
  2. Sé­lec­tion­nez main­te­nant l’élément « Widgets » dans la zone « Apparence ». Vous trouverez ici la nouvelle option Bread­crumb NavXT.
     
  3. Faites glisser main­te­nant ce widget vers la zone où les bread­crumbs WordPress sont censés ap­pa­raître ul­té­rieu­re­ment.
     
  4. Un menu déroulant se trouve sous la flèche. Vous pouvez y effectuer divers réglages, tels que la dé­fi­ni­tion de la page d’accueil, le placement des sé­pa­ra­teurs de titre, la spé­ci­fi­ca­tion de l’ordre, l’exclusion de certaines pages ou l’omission de la mise en cache.
     
  5. Main­te­nant, en­re­gis­trez vos réglages et vérifiez comment les bread­crumbs WordPress sont intégrés à votre site Web.
Image: Capture d’écran des possibilités de configuration de Breadcrumb NavXT dans les widgets
Bread­crumb NavXT offre plusieurs options de per­son­na­li­sa­tion.
Hé­ber­ge­ment pour Managed WordPress
Créez votre site avec l'IA, nous gérons le reste
  • Fonctions d'IA faciles à utiliser, quel que soit votre niveau de com­pé­tence
  • Nombreux thèmes et plugins pour une per­son­na­li­sa­tion complète
  • Mise à jour sans efforts et moins d'ad­mi­nis­tra­tion

Via des plugins SEO

Si vous ne voulez pas utiliser de plugins sup­plé­men­taires, plusieurs plugins SEO WordPress vous offrent également la pos­si­bi­lité d’insérer des fils d’Ariane. L’une des solutions les plus po­pu­laires dans ce segment est Yoast SEO. La fonction de fil d’Ariane est prévue ici pour l’affichage dans les résultats de recherche, mais peut également être utilisée di­rec­te­ment sur le site Web. Pour ajouter des bread­crumbs dans WordPress avec le plugin, procédez comme suit :

  1. Installez Yoast SEO et activez le plugin dans votre tableau de bord.
     
  2. Main­te­nant, dans la zone « Yoast SEO » sur la gauche de votre tableau de bord, sé­lec­tion­nez « Réglages SEO », puis « Fil d’Ariane » et activez-le en bas des pa­ra­mètres d’affichage sur le site Web.
     
  3. Vous pouvez main­te­nant utiliser le shortcode [wpseo_bread­crumb] pour amener la na­vi­ga­tion à n’importe quel point de votre site Web.
Image: Capture d’écran des paramètres de breadcrumb de Yoast SEO dans WordPress
Con­fi­gu­rez les fils d’Ariane WordPress à votre con­ve­nance.

Avec code

Si vous souhaitez renoncer en­tiè­re­ment à l’aide fournie par les ex­ten­sions, vous pouvez ajouter ma­nuel­le­ment des bread­crumbs dans WordPress. Pour cela, vous devrez cependant utiliser un peu plus de code. Vous commencez par l’insérer dans le fichier functions.php de votre thème. Pour des raisons de sécurité, il est re­com­mandé de créer un thème enfant. Le code peut par exemple se présenter comme suit :

function breadcrumb() {
    echo '<a href="'.home_url().'" rel="nofollow">Page d&apos;accueil</a>';
    if (is_category() || is_single()) {
        echo "  »  ";
        the_category(' • ');
            if (is_single()) {
                echo "   »   ";
                the_title();
            }
    } elseif (is_page()) {
        echo "  »  ";
        echo the_title();
    } elseif (is_search()) {
        echo "  »  Résultats de recherche... ";
        echo '"<em>';
        echo the_search_query();
        echo '</em>"';
    }
}
php

Insérez ensuite un autre code dans le modèle cor­res­pon­dant. Si vous souhaitez placer les bread­crumbs WordPress dans l’en-tête, ajoutez le code suivant à header.php dans la zone d’en-tête du fichier.

<div class="breadcrumb"><!--?php breadcrumb (); ?--></div>
html

Si vous souhaitez per­son­na­li­ser le design des bread­crumbs WordPress, cela fonc­tionne via un CSS sup­plé­men­taire.

En résumé

Les WordPress bread­crumbs sont un ajout très bénéfique à votre site Web, car ils ont un impact favorable sur le ré­fé­ren­ce­ment tout en aug­men­tant la con­vi­via­lité. Dif­fé­rentes pos­si­bi­li­tés s’offrent à vous pour utiliser la fonction. S’il est très intuitif d’utiliser des thèmes ou un plugin à cet effet, l’im­plé­men­ta­tion via un code vous offre plus de liberté de con­cep­tion et de per­son­na­li­sa­tion.

Aller au menu principal