Breadcrumb (fil d’Ariane)

D’où vient le nom “fil d’Ariane” ?

Le nom fait référence au mythe grec de Thésée qui, grâce au fil donné par Ariane, put retrouver la sortie du labyrinthe du Minotaure. Sur un site web, le fil d’Ariane permet au visiteur de ne jamais se perdre dans l’arborescence du site.

Les avantages du breadcrumb

• Orientation du visiteur — le visiteur sait toujours où il se trouve et comment remonter dans la hiérarchie. Particulièrement utile pour les sites avec une architecture profonde (e-commerce, blog volumineux).
• Navigation rapide — chaque élément du fil est cliquable, permettant de remonter de plusieurs niveaux d’un seul clic.
• Réduction du taux de rebond — les visiteurs arrivant depuis Google sur une page profonde peuvent facilement explorer le reste du site via le breadcrumb.
• SEO amélioré — le breadcrumb crée des liens internes descriptifs qui renforcent le maillage et la compréhension thématique par Google.
• Rich Snippets — avec le schema BreadcrumbList, Google affiche le fil d’Ariane directement dans les résultats de recherche, remplaçant l’URL par une représentation plus claire.

Les types de breadcrumb

• Breadcrumb de localisation (hiérarchique) — le plus courant. Reflète la structure du site : Accueil > Catégorie > Sous-catégorie > Page actuelle. Adapté aux sites avec une arborescence claire.
• Breadcrumb basé sur les attributs — utilisé en e-commerce. Affiche les filtres appliqués : Accueil > Chaussures > Femme > Taille 38 > Rouge.
• Breadcrumb basé sur l’historique — reflète le chemin réellement parcouru par le visiteur. Moins courant car peut être confus.

Quand utiliser un breadcrumb ?

• Sites avec arborescence profonde — plus de 2-3 niveaux de profondeur. E-commerce, blogs, documentation, sites institutionnels.
• Sites à fort trafic SEO — beaucoup de visiteurs arrivent sur des pages profondes depuis Google.
• Sites avec catégorisation — quand les pages sont organisées en catégories et sous-catégories clairement définies.

Pour un site vitrine simple (5-10 pages), le breadcrumb est généralement superflu et peut même nuire à la simplicité du design.

Breadcrumb et SEO

Le fil d’Ariane contribue au référencement de plusieurs manières :

• Signal de structure — Google utilise le breadcrumb pour comprendre l’architecture de votre site et identifier les pages piliers.
• Maillage interne — chaque niveau du fil est un lien interne avec une ancre descriptive.
• Affichage dans les résultats — avec le balisage Schema.org BreadcrumbList, Google remplace l’URL classique par le breadcrumb dans les résultats de recherche (ex: “jeff-web.fr > Services > SEO” au lieu de “jeff-web.fr/services/seo/”).

Breadcrumb et WordPress

Sur WordPress, le breadcrumb peut être ajouté de plusieurs façons :

• Rank Math SEO — intègre un breadcrumb configurable avec balisage Schema automatique.
• Yoast SEO — propose également un breadcrumb configurable via un shortcode ou un hook PHP.
• Elementor Pro — widget breadcrumb disponible dans le Theme Builder.
• Développement sur mesure — via le thème enfant, en utilisant les fonctions WordPress (get_post_ancestors).

Besoin d’un site web au design professionnel ?