Importance du fil d’ariane pour votre site

Quelle est l'lmportance du fil d'ariane ou breadcrumb pour un site web?

I/ Qu’est-ce que le fil d’ariane ?

De quoi s’agit-il, quel est son importance et comment l’avoir sur votre site?

Sur internet, un fil d’ariane ou breadcrumb en anglais est une sorte d’itinéraire qui aide l’internaute à se situer sur le site qu’il est entrain de parcourir. Il représente l’arborescence des rubriques que le visiteur a traversées depuis la page d’accueil. Il simplifie la consultation des pages web et facilite  l’indexation et le référencement.

Selon Wikipédia, le terme fil d’ariane tire son origine d’une mythologie grecque dans laquelle le fil d’Ariane, fille de Minos et de Pasiphaé, sauva Thésée dans le Labyrinthe.

Le mot anglais breadcrumb, signifie littéralement « miettes de pain » et fait allusion aux traces formés de miettes de pain que laissèrent Hansel et Gretel dans le conte populaire des frères Grimm.

Comment se présente le fil d’ariane et où peut-on le placer?

Cette aide à la navigation se présente généralement sous forme d’une phrase entrecoupée des caractères spéciaux comme des guillemets, des slash et des tirets. Il se place habituellement sous l’entête du site avant le titre du texte. Mais ne soyez pas étonné de le rencontrer au pied de page, dans un encadré ou ailleurs selon les besoins des webmasters.
La plupart des fils d’ariane commencent par « vous êtes ici : ».

II/ Quelle est l’Importance du fil d’ariane sur un site?

a) Le lecteur sait exactement où il se trouve

Voici l’exemple d’un breadcrumb : Vous êtes ici : Nom du site »Catégorie »article
Ce chemin de navigation indique que le lecteur se trouve présentement sur la page « article ». Les titres ‘catégorie et nom du site’ sont des liens cliquables lui permettant de décaler d’une ou deux étapes en arrière.

Au fur et à mesure qu’il avance dans les rubriques et les sous-rubriques, son itinéraire est suivi, son parcoure est tracé et le tout affiché devant lui de façon cohérente.

b) Indexation et référencement

L’ importance du fil d’ariane vient aussi du fait qu’il aide les moteurs de recherches comme google à comprendre la structure du site afin de pouvoir indexer tout son contenu. Google ne considère pas que ça, mais cela fait pour lui une information supplémentaire.
Vous êtes aussi assuré que toutes les pages et tous les articles seront indexés par tous les moteurs de recherche.

Depuis que j’ai découvert cette technique, j’ai été séduit par le rôle important qu’elle joue sur un site et aussi, le design qu’il ajoute à la présentation de mon site.

III / comment faire pour le mettre sur un site ?

Deux solutions possibles : celle d’un plugin et celle d’un bout de code.

a) Grâce à un plugin

Breadcrumb NavXT est un plugin qui génère automatiquement le fil d’ariane. Il en existe d’autre sur wordpress que vous pouvez utiliser. je n’ai essayé aucun d’entre eux donc je ne peux rien dire de plus.

b) Grâce à un bout de code

Il consiste à insérer un code dans votre thème. Ce code se charge de mettre en place votre breacrumb qui sera immédiatement fonctionnel.
Voici le code que j’ai utilisé. Je l’ai trouvé sur le net et je l’ai copié comme tel. Il doit être collé à la suite du code de votre functions.php

// BreadCrumb
get_breadcrumbs de fonction () {
 $ Wp_query mondiale;
 if (is_home ()) {
 echo 'Bienvenue sur NOM-DE-VOTRE-SITE !<ul class="breadcrumbs">';
 echo '<li> <span id = "breadhome"> Nos Derniers articles: </ span>'; }
 autre {
 echo 'Vous êtes ici :<ul class="breadcrumbs">';
 echo '<li> <a id="breadhome" href="'. get_settings('home') .'">'. . Get_bloginfo ( 'name') '</a>';
 if (is_category ()) {
 $ CatTitle = single_cat_title ( "", false);
 $ Cat = get_cat_ID ($ catTitle);
 écho "" "(de» </ li> "get_category_parents $ cat, TRUE") "";.}.
 elseif (is_tag ()) {
 echo " » Articles sur le Thème <span id=\"breadtitle\">» ";
 echo the_title ( '', '', FALSE) "</ span> </ li>";.}
 elseif (is_archive () &&! is_category ()) {
 echo "» Archives </ li> ";}
 elseif (is_search ()) {
 echo " » Résultats de votre recherche <span id=\"breadtitle\">» ";
 get_search_query echo () "</ span> </ li>";.}
 elseif (is_404 ()) {
 echo " » 404 Page non trouvée</li>";}
 elseif (is_single ()) {
 $ Catégorie = get_the_category ();
 $ Category_id = get_cat_ID ($ category [0] -> CAT_NAME);
 echo ' "' get_category_parents ($ category_id, TRUE," »".);
 echo '<span id = "breadtitle">';
 echo the_title ( '', '', FALSE) "</ span> </ li>";.}
 elseif (is_page ()) {
 $ Affiche = $ wp_query-> get_queried_object ();
 if ($ post-> post_parent == 0) {
 echo "» ".the_title ( '', '', FALSE)" </ li>. ";
 } autre {
 $ Titre = the_title ( '', '', FALSE);
 $ = Ancêtres array_reverse (get_post_ancestors (post - $> ID));
 array_push ($ ancêtres, $ post-> ID);
 foreach ($ ancêtres comme $ ancêtre) {
 if ($ ancêtre! = end (ancêtres $)) {
 echo '<a href="'. get_permalink($ancestor) .'">'. strip_tags (apply_filters ( 'single_post_title', get_the_title ($ Ancêtre))) '</a> </ li>'.;
 } autre {
 écho ' '. strip_tags (apply_filters ( 'single_post_title', get_the_title ($ Ancêtre))) </ li> ';.}}}}
 echo "</ ul>";}}

Puis ajouter ce code dans votre thème. Soit dans le header, soit dans page.php ou single.php.

<? Php if (function_exists ( 'get_breadcrumbs')) get_breadcrumbs ();?>
PartagerShare on FacebookShare on Google+Tweet about this on TwitterShare on LinkedInEmail this to someone

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

*