Fil d'Ariane : aider les visiteurs et Google à se repérer

Arrivé depuis Google sur la page d'un vélo cargo, tout au fond de votre boutique en ligne, un visiteur aimerait comparer avec d'autres modèles. Rien ne lui indique pourtant où il se trouve, ni comment remonter d'un niveau. Le fil d'Ariane, cette ligne discrète en haut de page, lui répond en un coup d'œil.

Ce qu'est un fil d'Ariane

Le nom vient de la mythologie grecque : Ariane donne à Thésée une pelote de fil pour qu'il retrouve la sortie du labyrinthe. Sur un site, le fil d'Ariane affiche le chemin qui mène de l'accueil à la page consultée, sous la forme d'une suite de liens :

Accueil › Vélos › Vélos électriques › Vélo cargo Modèle Ville

Chaque étape renvoie vers la page correspondante, sauf la dernière, qui désigne la page où l'on se trouve. Le fil se place en haut de page, sous le menu et au-dessus du titre principal. Il complète le menu sans le remplacer : le menu présente les grandes rubriques du site, le fil d'Ariane montre où l'on se trouve.

Une variante retrace l'historique de navigation du visiteur. Elle déroute plus qu'elle n'aide, car le chemin change d'une visite à l'autre : préférez le fil qui reflète l'organisation du site.

Les sites qui en tirent profit

Le fil d'Ariane rend service dès qu'un site compte plusieurs niveaux de pages :

• les boutiques en ligne, avec leurs catégories et sous-catégories ;
• les blogs classés par rubriques, comme les recettes, les conseils d'entretien ou les actualités de l'atelier ;
• les sites de services détaillés, comme celui d'un artisan qui présente « Rénovation › Salle de bains › Douche à l'italienne » ;
• les sites qui regroupent plusieurs établissements, avec une page par adresse.

Le visiteur remonte d'un niveau en un toucher, ce qui compte sur mobile, où le menu reste replié. Sur un blog, le fil rappelle aussi la rubrique de l'article, ce qui invite à lire le suivant. Chaque page parente reçoit au passage un lien depuis toutes ses pages filles, ce qui aide Google à comprendre la hiérarchie du site.

Le fil reflète fidèlement l'organisation des pages : si elle est confuse, il le montrera. Mieux vaut donc la clarifier d'abord : l'article sur l'arborescence d'un site internet propose une méthode simple.

Les cas où il ne sert à rien

Sur un site d'une seule page, il n'y a aucun chemin à montrer. Sur un site vitrine de quatre ou cinq pages placées au même niveau, le fil se contenterait d'afficher « Accueil › Contact », ce que le menu dit déjà. Il encombre aussi les pages d'arrivée d'une campagne publicitaire, conçues pour mener vers une seule action, et n'a pas sa place sur la page d'accueil elle-même. Un fil qui répète le menu n'apporte rien : mieux vaut alors s'en passer.

Bien le construire

Des étapes courtes, avec les mots du menu

Commencez par « Accueil », plus clair qu'un logo ou que le nom de l'entreprise. Reprenez ensuite exactement les intitulés de vos catégories et de votre menu, pour que le visiteur reconnaisse les étapes. Restez bref : « Vélos électriques » suffit, alors que « Nos vélos électriques de qualité à Nantes » alourdit la ligne et ressemble à du remplissage de mots-clés. La dernière étape reprend le titre de la page, éventuellement raccourci, sans lien. Évitez enfin les étapes qui ne mènent nulle part, comme une catégorie sans page propre : chaque lien du fil doit ouvrir une page utile.

Une profondeur raisonnable

Trois ou quatre niveaux suffisent pour la plupart des sites de commerçants et d'indépendants. Au-delà, le fil s'allonge et révèle souvent une organisation trop découpée. Pour un produit présent dans plusieurs catégories, choisissez une catégorie principale et affichez toujours le même chemin, celui qui correspond à l'adresse de référence de la page.

Lisible sur mobile

Sur petit écran, le fil doit rester lisible, avec des liens assez espacés pour le doigt. Quand il devient trop long, beaucoup de sites le réduisent à un seul lien vers la page parente, du type « ‹ Vélos électriques ». Choisissez un séparateur simple, comme le chevron ou la barre oblique, et gardez-le sur tout le site. Dans le code, le fil doit être signalé comme une zone de navigation, pour que les lecteurs d'écran l'annoncent aux personnes malvoyantes.

Le fil d'Ariane dans les résultats de Google

Dans ses résultats, Google peut afficher le chemin d'une page à la place de son adresse brute, selon l'appareil et la recherche. Pour l'aider, le fil peut être décrit dans le code par des données structurées de type BreadcrumbList, issues du vocabulaire schema.org : chaque étape y figure avec son nom et son adresse. Le principe de ces étiquettes invisibles est expliqué dans l'article sur les données structurées.

Ce balisage doit correspondre au fil visible sur la page, et suivre ses changements si vous réorganisez le site. Beaucoup de thèmes de boutique en ligne et d'extensions de référencement pour WordPress, comme Yoast SEO, le produisent en même temps que le fil lui-même. Vérifiez-le avec le test des résultats enrichis de Google ; la Search Console peut aussi signaler les erreurs au fur et à mesure. Comme pour toutes les données structurées, l'affichage dans les résultats n'est jamais garanti.

Par où commencer

1. Dessinez les niveaux de votre site : si tout tient sur un ou deux niveaux, le fil d'Ariane peut attendre.
2. Sinon, regardez si votre thème ou votre extension propose un fil d'Ariane, puis activez-le sur les pages profondes.
3. Relisez les intitulés sur votre téléphone et passez une page au test des résultats enrichis.
4. Si l'organisation du site elle-même est à revoir, comparez avec une création neuve : notre boutique en ligne à 1 500 € HT se chiffre avec vos options dans le configurateur de devis.