{"id":11434,"date":"2019-06-12T10:30:16","date_gmt":"2019-06-12T08:30:16","guid":{"rendered":"https:\/\/graphiste.com\/blog\/?p=11434"},"modified":"2025-08-20T17:23:33","modified_gmt":"2025-08-20T15:23:33","slug":"web-design-fil-dariane","status":"publish","type":"post","link":"https:\/\/graphiste.com\/blog\/web-design-fil-dariane\/","title":{"rendered":"Web design : les bonnes pratiques \u00e0 respecter pour votre fil d’Ariane"},"content":{"rendered":"

Le fil d’Ariane est une pratique qui permet \u00e0 l’utilisateur d’un site internet de mieux s’y retrouver au cours de sa navigation.<\/p>\n

Nous allons vous expliquer ce qu’il est, pourquoi il est utile et, surtout, comment le rendre encore plus performant.<\/p>\n

Qu’est-ce que le fil d’Ariane ?<\/h2>\n

En entendant parler de fil d’Ariane, les amateurs de mythologie sont d\u00e9j\u00e0 en train d’imaginer un labyrinthe. Si nous ajoutons que le terme anglais qui correspond \u00e0 fil d’Ariane est “breadcrumbs”, soit miettes de pain, comme dans les contes pour enfants, vous commencez \u00e0 comprendre qu’il va s’agir d’une piste pour ne pas se perdre. Car c’est bien de cela qu’il est question.<\/p>\n

Sur un site internet, un internaute va naviguer de lien en lien, oubliant parfois d’o\u00f9 il est venu, ou ayant envie de revenir \u00e0 un embranchement pr\u00e9cis de mani\u00e8re plus rapide (et moins contraignante) qu’en cliquant sur le bouton “retour” de son navigateur.<\/p>\n

Le fil d’Ariane, ce sera juste une petite ligne, en haut de la page web, qui lui permettra de retrouver les diff\u00e9rentes cat\u00e9gories (ou embranchements) qu’il a emprunt\u00e9es pour se retrouver \u00e0 cet endroit pr\u00e9cis du site.<\/p>\n

\"Exemple<\/a><\/p>\n

N’impl\u00e9mentez un fil d’Ariane qu’\u00e0 partir du moment o\u00f9 vous avez au minimum trois niveaux (dont deux sous-cat\u00e9gories, au moins). Sinon, c’est inutile et redondant avec votre menu.<\/p><\/blockquote>\n

Lire aussi : Comment proposer la meilleure navigation sur votre site web ?<\/a><\/p><\/blockquote>\n

Pourquoi le fil d’Ariane est utile en webdesign ?<\/h2>\n

Le fil d’Ariane sert d\u00e9j\u00e0 \u00e0 rendre l’exp\u00e9rience de l’utilisateur plus agr\u00e9able. En UX design, ce pourrait \u00eatre votre raison principale. Mais nous en avons d’autres pour vous.<\/p>\n

Ainsi, cette petite ligne de navigation permet de prolonger le temps pass\u00e9 sur un site internet, et aussi de favoriser les ventes pour les sites marchands : quand il est plus facile de s’y retrouver, on a moins peur de s’engager dans les tr\u00e9fonds d’un site !<\/p>\n

Par ailleurs, il est aussi efficace pour le r\u00e9f\u00e9rencement<\/a> : sur les moteurs de recherche, les fils d’Ariane sont de plus en plus souvent apparents. Ils prouvent que vous avez un site bien construit, et \u00e7a, \u00e7a rassure toujours tout le monde.<\/p>\n

D\u00e9marrez toujours votre fil d’Ariane de la page d’accueil de votre site. Cela d\u00e9montre encore plus qu’il est bien construit (et permet aussi de rappeler votre identit\u00e9 aux moteurs de recherche, le cas \u00e9ch\u00e9ant).<\/p><\/blockquote>\n

\"Fil<\/p>\n

Comment am\u00e9liorer le fil d’Ariane ?<\/h2>\n

Le fil d’Ariane repose sur la construction du site. Il faut que chaque page soit inscrite dans une cat\u00e9gorie, elle-m\u00eame reli\u00e9e \u00e0 une autre, etc.<\/p>\n

Il existe plusieurs mani\u00e8res de mettre en avant le chemin emprunt\u00e9 pour acc\u00e9der \u00e0 ces sous-sous-cat\u00e9gories :<\/p>\n