Guider la navigation sur un site grâce au fil d’Ariane (breadcrumbs)

Publié le 5 novembre 2009 par Maxime, dans Référencement

labyrinthe

Dans le jargon de l’ergonomie Web (j’aime bien dire ça, ça fait pro), le fil d’Ariane est une aide à la navigation sous forme de mises en avant de la localisation du lecteur dans les pages d’un site. Le terme est emprunté à la mythologie grecque, où Ariane permit à son bien-aimé Thésée de s’échapper du labyrinthe du Minotaure en lui offrant un fil qu’il déroulait sur son passage pour retrouver le chemin de la sortie. Le fil d’Ariane est également appelé breadcrumbs (en anglais, miettes de pain), faisant référence à la stratégie de ce si futé Petit Poucet.

Le fil d’Ariane est donc un repère de navigation au coeur des pages. D’apparence discrète, situé généralement en haut de page (sous le menu ou juste après le titre principal), il est le plus souvent représenté sous forme d’une succession de liens représentant l’arborescence du site. Une image valant 1000 explications, voici en exemple le fil d’Ariane proposé par le Dmoz :

breadcrumbs dmoz

Les fils d’Ariane ne sont pas très plébiscités sur le Web, pourtant ils sont loin d’être négligeables en termes d’expérience utilisateur. Leur vocation première est de faciliter la navigation dans un site et leur utilité est proportionnelle à la quantité d’imbrications de niveaux des sites. En effet si je me balade sur un site dont la totalité du contenu est accessible depuis le menu principal, il n’est pas capital d’avoir recours à un fil d’Ariane. En revanche lorsque le nombre de sous-pages prend de l’ampleur, il devient plus difficile de se repérer et le fil d’Ariane devient absolument indispensable.

D’autre part un fil d’Ariane permet d’accélérer la navigation lorsque l’utilisateur souhaite rebrousser chemin dans l’arborescence du site : il lui suffit de cliquer sur le lien du niveau qui l’intéresse pour accéder à la page voulue, plus besoin de marteler le bouton « Précédent » de son navigateur. En poussant le vice, on pourra noter qu’un fil d’Ariane permet d’économiser la bande passante d’un serveur, donc libérer des ressources, donc consommer moins pour… polluer moins !

Opportunistes personnages que sont les protagonistes du référencement Web ! Le fil d’Ariane, dont l’objectif est avant tout d’aider l’internaute, s’avère également être source d’avantages conséquents en matière de référencement.

Tout d’abord il offre des liens de bonne qualité, en cela qu’il reprend généralement des expressions-clés de la page (voire du site). Ces liens, dont l’importance est grande pour les moteurs de recherche, sont également impactés par la pertinence avec les mots qui les entourent : c’est ce qu’on appelle le Trust Rank (le digne héritier du Pagerank).

Ensuite le fil d’Ariane est une solution économique pour agrémenter le maillage interne des pages d’un site. Google (et les autres) se nourrit de liens et ce qu’il aime c’est sentir que le contenu d’un site n’est pas décousu. Il est comme ça Google, son truc c’est la cohérence.

Alors soyez sympas, à Noël adoptez un fil d’Ariane !

Voter !

A lire également

4 Commentaires

    Le 5 novembre 2009 à 22 h 32 min

    Lionel - Websourcing.fr

    Super, tu as eu le courage d’expliquer dans le détail ce que j’ai eu la flemme de faire pour un de mes articles.

    C’est vrai qu’on néglige trop ce genre d’approche. Et pourtant elle est bénéfique sur bien des plans.

    Bravo pour cet article.

    Le 6 novembre 2009 à 10 h 08 min

    Maxime

    J’avais ce billet en tête depuis un moment, manquant de temps pour le rédiger. Et c’est justement ton billet qui m’a poussé à agir

    Le 6 novembre 2009 à 16 h 54 min

    Lionel - Websourcing.fr

    Ah ben bien content qu’il t’ai poussé à le faire. Je vais ajouter un lien dans mon billet vers ici.

    ++

Trackbacks et pings

  1. [Webdesign] jBreadCrumb, un plugin jQuery pour créer de supers fils d’Ariane - Websourcing.fr

Votre commentaire




WARNING

Your browser does not support JavaScript or has JavaScript disabled!

This will not compromise the possibility to leave a comment, although the automatic insertion of both markup tags and emoticons will not work.

Emoticons gras Italique Lien Smile Grin Sad Surprised Confused Cool Mad Razz Neutral Wink Lol Red Face Cry Roll