Connexion
← Retour au lexique
⚙️ SEO Technique

Breadcrumb Navigation (Fil d'Ariane)

Le fil d'Ariane est un élément de navigation montrant le chemin hiérarchique de la page actuelle, améliorant l'UX et le SEO grâce aux données structurées.

Définition

Le breadcrumb (fil d’Ariane) est un élément de navigation secondaire qui affiche le chemin hiérarchique menant à la page actuelle. Il permet à l’utilisateur de comprendre où il se trouve dans la structure du site et de remonter facilement vers les niveaux supérieurs.

Exemple : Accueil > Chaussures > Running > Nike Air Zoom

Types de fil d’Ariane

Hiérarchique (le plus courant)

Reflète la structure du site :

Accueil > Catégorie > Sous-catégorie > Produit

Basé sur l’attribut

Pour les sites e-commerce avec filtres :

Accueil > Chaussures > Taille 42 > Couleur Noir

Basé sur l’historique

Le chemin parcouru par l’utilisateur (moins recommandé pour le SEO car non reproductible).

Avantages pour l’UX

Orientation

L’utilisateur sait immédiatement où il se trouve dans l’architecture du site.

Un clic pour remonter à n’importe quel niveau supérieur.

Réduction du taux de rebond

Au lieu de quitter, l’utilisateur peut explorer d’autres niveaux.

Gain de temps

Plus rapide que d’utiliser le menu principal pour naviguer.

Avantages pour le SEO

Maillage interne

Chaque page fait automatiquement un lien vers ses parents dans la hiérarchie.

Compréhension de la structure

Google comprend mieux l’architecture et la relation entre les pages.

Affichage enrichi dans les SERP

Avec les données structurées, le fil d’Ariane peut apparaître dans les résultats Google à la place de l’URL.

Les liens du fil d’Ariane transmettent de l’autorité vers les pages parentes.

Implémentation HTML

Structure de base

<nav aria-label="Fil d'Ariane">
  <ol>
    <li><a href="/">Accueil</a></li>
    <li><a href="/chaussures/">Chaussures</a></li>
    <li><a href="/chaussures/running/">Running</a></li>
    <li aria-current="page">Nike Air Zoom</li>
  </ol>
</nav>

Accessibilité

  • Utilisez <nav> avec aria-label
  • <ol> pour la liste ordonnée
  • aria-current="page" sur l’élément actuel
  • Ne pas lier la page actuelle (pas de lien vers soi-même)

Données structurées Schema.org

Format JSON-LD (recommandé)

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "Accueil",
      "item": "https://example.com/"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "Chaussures",
      "item": "https://example.com/chaussures/"
    },
    {
      "@type": "ListItem",
      "position": 3,
      "name": "Running",
      "item": "https://example.com/chaussures/running/"
    }
  ]
}
</script>

Validation

Testez vos données structurées avec l’outil de test des résultats enrichis de Google.

Apparence dans les SERP

Sans données structurées

https://example.com/chaussures/running/nike-air-zoom

Avec données structurées

example.com › Chaussures › Running

Le fil d’Ariane rend l’URL plus lisible et contextuelle.

Bonnes pratiques

Placement

En haut de page, sous le header, au-dessus du contenu principal.

Séparateur

Utilisez un séparateur clair : >, /, › ou une icône.

Commencer par l’accueil

Toujours inclure la page d’accueil comme premier élément.

Ne pas dupliquer la navigation

Le fil d’Ariane complète le menu principal, il ne le remplace pas.

Page actuelle non cliquable

Le dernier élément (page actuelle) ne doit pas être un lien.

Cohérence

Utilisez le fil d’Ariane sur toutes les pages (sauf peut-être l’accueil).

Erreurs courantes

Fil d’Ariane incohérent avec l’URL

L’URL dit /produits/123 mais le fil d’Ariane montre une autre hiérarchie.

Données structurées incorrectes

URLs relatives au lieu d’absolues, positions incorrectes, syntaxe JSON invalide.

Page actuelle cliquable

Lien vers soi-même = inutile et potentiellement confusant.

Fil d’Ariane trop long

Sur mobile, un fil d’Ariane de 6 niveaux déborde. Tronquez si nécessaire.

Implémentation par CMS

WordPress

Plugins comme Yoast SEO ou RankMath ajoutent automatiquement le fil d’Ariane avec données structurées.

Shopify

Intégré dans la plupart des thèmes, vérifiez les données structurées.

Custom

Générez dynamiquement basé sur l’URL ou la structure de votre base de données.

Conclusion

Le fil d’Ariane est un élément simple mais puissant pour l’UX et le SEO. Il améliore la navigation, renforce le maillage interne, aide Google à comprendre votre structure, et peut améliorer l’apparence de vos résultats dans les SERP. Implémentez-le avec les données structurées appropriées pour en tirer tous les bénéfices.

← Retour au lexique