{"id":6858,"date":"2020-03-25T14:50:05","date_gmt":"2020-03-25T14:50:05","guid":{"rendered":"https:\/\/blog.hostinger.io\/fr-tutoriels\/?p=6858"},"modified":"2024-09-26T12:16:19","modified_gmt":"2024-09-26T12:16:19","slug":"fil-dariane-sur-wordpress","status":"publish","type":"post","link":"\/fr\/tutoriels\/fil-dariane-sur-wordpress","title":{"rendered":"Comment ajouter le fil d&#8217;Ariane sur WordPress : guide d\u00e9taill\u00e9"},"content":{"rendered":"<p>L&rsquo;ajout de fil d&rsquo;Ariane dans WordPress am&eacute;liore l&rsquo;exp&eacute;rience de l&rsquo;utilisateur. C&rsquo;est un moyen efficace de fournir des options de navigation utiles et c&rsquo;est b&eacute;n&eacute;fique pour le <a href=\"\/fr\/tutoriels\/conseils-seo-wordpress\">SEO de votre site WordPress<\/a>.<\/p><p>Si vous &ecirc;tes novice en ce qui concerne le fil d&rsquo;Ariane, commen&ccedil;ons par expliquer ce qu&rsquo;il est vraiment.<\/p><h2 class=\"wp-block-heading\" id=\"h-qu-est-ce-que-le-fil-d-ariane-dans-wordpress\">Qu&rsquo;est-ce que le fil d&rsquo;Ariane dans WordPress ?<\/h2><p>Le fil d&rsquo;Ariane est une navigation qui rend votre site web plus accessible. Les barres de navigation que la plupart des utilisateurs rencontrent sont bas&eacute;es sur l&rsquo;utilisation du fil d&rsquo;Ariane.<\/p><p>C&rsquo;est bien plus que de la navigation. Le fil d&rsquo;Ariane marque la progression de la page par laquelle les utilisateurs arrivent &agrave; leur page actuelle. Ils sont donc tr&egrave;s pratiques pour revenir en arri&egrave;re ou consulter les pages pr&eacute;c&eacute;demment visit&eacute;es.<\/p><p>Google affiche &eacute;galement un fil d&rsquo;Ariane sous le titre du m&eacute;ta dans les r&eacute;sultats de recherche. Certains disent que le fil d&rsquo;Ariane a un <a href=\"https:\/\/www.searchenginejournal.com\/breadcrumbs-seo\/255007\/#close\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>impact positif sur les classements<\/strong><\/a>.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6a3ce3a4de221\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a3ce3a4de221\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"354\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/07\/google-fil-d-ariane.png\/public\" alt=\"Exemple de fil d'Ariane WordPress dans la recherche Google\" class=\"wp-image-33616\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/07\/google-fil-d-ariane.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/07\/google-fil-d-ariane.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/07\/google-fil-d-ariane.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/07\/google-fil-d-ariane.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><p>Naturellement, le r&eacute;f&eacute;rencement et l&rsquo;exp&eacute;rience utilisateur b&eacute;n&eacute;ficient tous deux d&rsquo;un site web avec fil d&rsquo;Ariane activ&eacute;.<\/p><p>Voyons comment vous pouvez ajouter un fil d&rsquo;Ariane &agrave; votre site WordPress.<\/p><h2 class=\"wp-block-heading\" id=\"h-comment-afficher-le-fil-d-ariane-wordpress-sur-votre-site-web\">Comment afficher le fil d&rsquo;Ariane WordPress sur votre site web ?<\/h2><p>Dans ce tutoriel, nous allons pr&eacute;senter deux m&eacute;thodes que vous pouvez utiliser pour inclure un fil d&rsquo;Ariane &agrave; votre site WordPress. La premi&egrave;re est le plugin Breadcrumb NavXT, et la seconde est le plugin Yoast SEO. Voyons chacune de ces m&eacute;thodes.<\/p><h3 class=\"wp-block-heading\" id=\"h-utilisation-de-l-extension-breadcrumb-navxt\">Utilisation de l&rsquo;extension Breadcrumb NavXT<\/h3><p>L&rsquo;extension <a href=\"https:\/\/wordpress.org\/plugins\/breadcrumb-navxt\/\" target=\"_blank\" rel=\"noopener\"><strong>Breadcrumb NavXT<\/strong><\/a> peut &ecirc;tre install&eacute;e facilement en y acc&eacute;dant via le d&eacute;p&ocirc;t WordPress. Recherchez Breadcrumb NavXT, et vous trouverez le bon plugin. T&eacute;l&eacute;chargez-le, installez-le et activez-le.<\/p><p>Activez le plugin Breadcrumb NavXT, par le biais d&rsquo;un <a href=\"\/fr\/tutoriels\/widget-wordpress\"><strong>widget WordPress<\/strong><\/a>. Pour ce faire, allez dans l&rsquo;onglet <strong>Apparences<\/strong> et ouvrez <strong>Widgets<\/strong>. Faites simplement glisser le widget NavXT vers la zone de la page web o&ugrave; vous souhaitez qu&rsquo;il s&rsquo;affiche.<\/p><p>Si vous souhaitez une solution plus technique ou si vous voulez ajouter un fil d&rsquo;Ariane directement &agrave; votre th&egrave;me, vous devrez ajouter le code suivant au fichier <strong>header.php<\/strong> :<\/p><p>\n\n\n<div><p class=\"important\"><strong>Important<\/strong> : Nous vous recommandons vivement de faire une sauvegarde de votre site WordPress et de <a href=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/theme-enfant-wordpress\/\"><strong>cr&eacute;er un th&egrave;me enfant<\/strong><\/a> avant de modifier les fichiers du th&egrave;me.<\/p><\/div>\n\n\n\n<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;div class=\"breadcrumbs\" typeof=\"BreadcrumbList\" vocab=\"https:\/\/schema.org\/\"&gt;\n&lt;?php\nif(function_exists('bcn_display'))\n{\nbcn_display();\n}?&gt;\n&lt;\/div&gt;<\/pre><p>Une fois termin&eacute;, vous pouvez utiliser cette extension pour afficher le fil d&rsquo;Ariane l&agrave; o&ugrave; vous le souhaitez. Pour plus de configurations, acc&eacute;dez &agrave; la page des r&eacute;glages.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"973\" height=\"613\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2020\/03\/reglages-de-l-extension-navxt.png\/public\" alt=\"Page de r&eacute;glages de l'extension NavXT\" class=\"wp-image-6863\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2020\/03\/reglages-de-l-extension-navxt.png\/w=973,fit=scale-down 973w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2020\/03\/reglages-de-l-extension-navxt.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2020\/03\/reglages-de-l-extension-navxt.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2020\/03\/reglages-de-l-extension-navxt.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 973px) 100vw, 973px\" \/><\/figure>\n<\/div><p>&Agrave; partir de l&agrave;, vous pourrez modifier les &eacute;l&eacute;ments du fil d&rsquo;Ariane comme les taxonomies pour donner &agrave; votre site web un aspect unique. Vous pouvez &eacute;galement styliser le fil d&rsquo;Ariane en l&rsquo;adressant comme une classe sp&eacute;ciale dans votre feuille CSS3.<\/p><h3 class=\"wp-block-heading\" id=\"h-utilisation-de-yoast-seo-pour-ajouter-un-fil-d-ariane-sur-wordpress\">Utilisation de Yoast SEO pour ajouter un fil d&rsquo;Ariane sur WordPress<\/h3><p>L&rsquo;ajout de l&rsquo;extension Yoast SEO est presque identique &agrave; l&rsquo;ajout du pr&eacute;c&eacute;dent. T&eacute;l&eacute;chargez et installez l&rsquo;extension <a href=\"https:\/\/fr.wordpress.org\/plugins\/wordpress-seo\/\" target=\"_blank\" rel=\"noopener\"><strong>Yoast SEO<\/strong><\/a>.<\/p><p>Apr&egrave;s l&rsquo;installation, ajoutez un extrait de code &agrave; votre th&egrave;me enfant WordPress. L&rsquo;extrait de code ci-dessous peut &ecirc;tre ajout&eacute; &agrave; n&rsquo;importe quel mod&egrave;le que vous utilisez. Cependant, les endroits recommand&eacute;s sont <strong>single.php<\/strong>, <strong>page.php<\/strong>, ou <strong>header.php<\/strong>.<\/p><p>Ces trois endroits garantissent que le fil d&rsquo;Ariane est inclus dans chaque message, chaque page et dans tout le site web. Voici un extrait de code :<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"null\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;?php\nif ( function_exists('yoast_breadcrumb') ) {\nyoast_breadcrumb( '&lt;p id=\"breadcrumbs\"&gt;','&lt;\/p&gt;' );\n}\n?&gt;<\/pre><p>Une fois que vous avez ajout&eacute; le code, vous activez les param&egrave;tres de fil d&rsquo;Ariane dans <strong>Yoast SEO -&gt; Search Appearance -&gt; Breadcrumbs<\/strong>.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"874\" height=\"767\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2020\/03\/activer-le-fil-d-ariane-de-yoast-seo.png\/public\" alt=\"Activer le fil d'Ariane de Yoast-seo\" class=\"wp-image-6864\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2020\/03\/activer-le-fil-d-ariane-de-yoast-seo.png\/w=874,fit=scale-down 874w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2020\/03\/activer-le-fil-d-ariane-de-yoast-seo.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2020\/03\/activer-le-fil-d-ariane-de-yoast-seo.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2020\/03\/activer-le-fil-d-ariane-de-yoast-seo.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 874px) 100vw, 874px\" \/><\/figure>\n<\/div><h2 class=\"wp-block-heading\" id=\"h-conclusion\">Conclusion<\/h2><p>Le fil d&rsquo;Ariane peut &ecirc;tre un compl&eacute;ment utile &agrave; votre site web, tant pour le r&eacute;f&eacute;rencement que pour l&rsquo;am&eacute;lioration de l&rsquo;exp&eacute;rience utilisateur. Il permet de maintenir une structure solide pour le retour en arri&egrave;re et offre aux utilisateurs de meilleures options d&rsquo;accessibilit&eacute;.<\/p><p>Breadcrumbs NavXT et Yoast SEO &ndash; sont les meilleures options pour ajouter un fil d&rsquo;Ariane &agrave; un site WordPress.<\/p><p>Bien que l&rsquo;ajout direct du widget soit plus simple, il se peut qu&rsquo;il ne donne pas acc&egrave;s &agrave; toutes les options de personnalisation disponibles. L&rsquo;utilisation d&rsquo;entr&eacute;es de code pour ce faire vous permettra de tirer le meilleur parti de fil d&rsquo;Ariane. De plus, gr&acirc;ce &agrave; cela, votre site web se d&eacute;marquera de la concurrence.<\/p><p>Dans l&rsquo;ensemble, le fil d&rsquo;Ariane est un excellent compl&eacute;ment &agrave; tout site WordPress et ajoutera une petite mais significative fonctionnalit&eacute; &agrave; votre site. Essayez-le d&egrave;s maintenant !<\/p><h2 class=\"wp-block-heading\" id=\"h-fil-d-ariane-wordpress-faq\">Fil d&rsquo;ariane WordPress &ndash; FAQ<\/h2><p>Trouvez les r&eacute;ponses aux questions les plus fr&eacute;quemment pos&eacute;es sur les breadcrumbs WordPress.<\/p><div class=\"schema-faq wp-block-yoast-faq-block\"><div class=\"schema-faq-section\" id=\"faq-question-1687788615881\"><h3 class=\"schema-faq-question\">C&rsquo;est quoi le fil d&rsquo;Ariane WordPress ?<\/h3> <p class=\"schema-faq-answer\">Le fil d&rsquo;Ariane est un &eacute;l&eacute;ment de navigation qui affiche la hi&eacute;rarchie des pages sur un site web. Il assiste les visiteurs lors de leur navigation en indiquant leur position par rapport &agrave; la page d&rsquo;accueil. Le fil d&rsquo;Ariane est &eacute;galement connu sous le nom de &ldquo;breadcumb&rdquo;.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1687794223112\"><h3 class=\"schema-faq-question\">Comment cr&eacute;er un fil d&rsquo;Ariane ?<\/h3> <p class=\"schema-faq-answer\">Pour cr&eacute;er un fil d&rsquo;Ariane sur WordPress, suivez ces &eacute;tapes :<br><strong>1-<\/strong> installez et activez un plugin de fil d&rsquo;Ariane tel que &ldquo;<strong>Breadcrumb NavXT<\/strong>&rdquo; ou &ldquo;<strong>Yoast SEO<\/strong>&ldquo;. Ces plugins offrent des fonctionnalit&eacute;s de fil d&rsquo;Ariane pr&ecirc;tes &agrave; l&rsquo;emploi. <br><strong>2-<\/strong> Configurez les param&egrave;tres du plugin selon vos pr&eacute;f&eacute;rences, tels que le style, les s&eacute;parateurs et les liens personnalis&eacute;s. Une fois configur&eacute;, le fil d&rsquo;Ariane sera automatiquement g&eacute;n&eacute;r&eacute; et affich&eacute; sur vos pages et articles.<\/p> <\/div> <\/div>\n","protected":false},"excerpt":{"rendered":"<p>L&rsquo;ajout de fil d&rsquo;Ariane dans WordPress am&eacute;liore l&rsquo;exp&eacute;rience de l&rsquo;utilisateur. C&rsquo;est un moyen efficace de fournir des options de navigation utiles et c&rsquo;est b&eacute;n&eacute;fique pour le SEO de votre site WordPress. Si vous &ecirc;tes novice en ce qui concerne le fil d&rsquo;Ariane, commen&ccedil;ons par expliquer ce qu&rsquo;il est vraiment. Qu&rsquo;est-ce que le fil d&rsquo;Ariane dans [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/fr\/tutoriels\/fil-dariane-sur-wordpress\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":142,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rank_math_title":"Fil d'Ariane Wordpress : 2 m\u00e9thodes pour l'ajouter","rank_math_description":"Tout ce que vous devez savoir sur le fil d'Ariane WordPress. Apprenez ce que c'est, comment votre site en tire profit et comment l'ajouter \u00e0 WordPress.","rank_math_focus_keyword":"fil d'ariane wordpress","footnotes":""},"categories":[4777],"tags":[5416,5417,5415],"class_list":["post-6858","post","type-post","status-publish","format-standard","hentry","category-wordpress","tag-ajouter-fil-dariane-wordpress","tag-creer-un-fil-dariane-wordpress","tag-fil-dariane"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/add-breadcrumbs-wordpress","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/tutoriels\/fil-dariane-sur-wordpress","default":0},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/breadcrumbs-wordpress","default":0},{"locale":"de-DE","link":"https:\/\/www.hostinger.com\/de\/tutorials\/wordpress-breadcrumbs","default":0},{"locale":"en-GB","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/add-breadcrumbs-wordpress","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/add-breadcrumbs-wordpress","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/add-breadcrumbs-wordpress","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/breadcrumbs-wordpress","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/breadcrumbs-wordpress","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/breadcrumbs-wordpress","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/add-breadcrumbs-wordpress","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/add-breadcrumbs-wordpress","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/add-breadcrumbs-wordpress","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/add-breadcrumbs-wordpress","default":0}],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/posts\/6858","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/users\/142"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/comments?post=6858"}],"version-history":[{"count":12,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/posts\/6858\/revisions"}],"predecessor-version":[{"id":33617,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/posts\/6858\/revisions\/33617"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/media?parent=6858"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/categories?post=6858"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/tags?post=6858"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}