SEO

Navigation en fil d’Ariane facile à suivre : meilleures pratiques et exemples

Qui aurait cru qu’une histoire classique pour enfants pouvait aider les utilisateurs à naviguer dans les pages d’un site Web ? Le fil d’Ariane sur un site Web tire son sens de l’histoire de la façon dont Hansel et Gretel ont utilisé le fil d’Ariane pour retrouver leur chemin.

Que sont les fils d’Ariane sur un site Web ?

La navigation par fil d’Ariane est un chemin ou un sentier de lien texte qui montre le chemin emprunté par les utilisateurs pour accéder à la page actuelle. Il agit comme une navigation secondaire qui aide les utilisateurs à revenir à une page précédente sans cliquer sur le bouton Précédent, ce qui leur ferait perdre leurs résultats précédents.

Les fils d’Ariane se trouvent souvent sur les sites Web de commerce électronique ou sur les sites Web qui incluent une structure hiérarchique. Avec une structure hiérarchique, les pages sont divisées en niveaux supérieurs et inférieurs. Cela peut inclure la page d’accueil, les sous-catégories et les petits groupes au sein d’un site. Cela fonctionne très bien sur les sites qui catégorisent leur contenu, ce qui facilite leur regroupement et peut avoir un impact sur votre référencement

.

L’ajout de fils d’Ariane à vos sites présente de nombreux avantages :

  • Améliore l’expérience des utilisateurs
  • Améliore le référencement
  • Aide Google à déterminer la structure de votre site
  • Facilite la navigation dans vos pages Web
  • Réduit les taux de rebond

Les différents types de fils d’Ariane

Il existe trois types différents de fils d’Ariane que vous pouvez trouver sur un site Web :

  1. Fil d’Ariane basé sur l’emplacement ou la hiérarchie
  2. Fil d’Ariane basé sur un chemin ou un historique
  3. Fil d’Ariane basé sur les attributs

  • Fil d’Ariane basé sur l’emplacement ou la hiérarchie

Ce fil d’Ariane montre aux utilisateurs à quel niveau ils se trouvent. Les sites Web plus grands ont plusieurs niveaux hiérarchiques, du plus élevé au plus bas. Ces parcours peuvent passer de la page principale aux différentes catégories et groupes jusqu’à ce que l’utilisateur atteigne sa page actuelle. Les pages supérieures dans la hiérarchie comprendront plus de sujets et des informations plus générales. Les sous-catégories inférieures incluront des sujets ou des recherches spécifiques.  

  • Fil d’Ariane basé sur un chemin ou un historique

Ce sentier de navigation montre aux utilisateurs le chemin d’accès à la page actuelle. Ceci est utile pour les utilisateurs qui souhaitent revenir en arrière sans cliquer sur le bouton Précédent, ce qui pourrait les amener au niveau principal ou sous-catégorie. Le fil d’Ariane basé sur le chemin permet aux utilisateurs de naviguer vers les résultats précédents pour poursuivre leur recherche sans démarrer à partir de la page principale.

  • Fil d’Ariane basé sur les attributs

Ce fil d’Ariane présente les attributs sélectionnés par un utilisateur pour accéder à la page actuelle. Lorsqu’un utilisateur navigue à travers différentes pages pour filtrer sa recherche, il lui montre le chemin permettant d’affiner ce qu’il recherche. Il peut s’agir d’attributs d’un produit spécifique ou de tags directement liés au produit. Ce fil d’Ariane fonctionne bien sur les sites de commerce électronique et permet aux utilisateurs de filtrer leur recherche.  

Meilleures pratiques du fil d’Ariane avec exemples

Tirez le meilleur parti de la navigation sur votre site en utilisant les bonnes pratiques et conseils de ce fil d’Ariane :

Ajoutez-les aux sites Web en utilisant une structure à plusieurs niveaux

6527022dd0539335e4fb37a4 Breadcrumb Navigation Example 1 Who

Les sites Web qui utilisent une structure hiérarchique et qui comportent plusieurs niveaux doivent utiliser le fil d’Ariane. Si les utilisateurs peuvent accéder à toutes les pages de votre site depuis la page principale ou la barre de navigation, évitez de l’utiliser.

Déplacez votre fil d’Ariane en haut de la page

Rendez votre fil d’Ariane facile à utiliser et à accéder en l’ajoutant en haut de votre page Web. Puisqu’il fait office de navigation secondaire, vous pouvez le placer sous votre barre de navigation principale ou votre en-tête.

Utilisez des symboles pour séparer les différentes pages

6527022dd91787879544cdda Breadcrumb Navigation Example 2 Techradar

Vous pouvez utiliser divers symboles entre le chemin du lien texte pour séparer les pages. Les symboles que vous pouvez utiliser incluent la barre oblique (/), le symbole supérieur à (>) ou la flèche (➝). Assurez-vous que le symbole pointe ou penche vers la droite.

Gardez votre fil d’Ariane petit mais visible

6527022d9308b37624a48999 Breadcrumb Navigation Example 3 Nordstrom

Votre parcours de navigation ne doit pas prendre trop de place sur la page. Gardez-le visible pour les utilisateurs, mais suffisamment petit pour éviter d’attirer l’attention sur lui. Pensez à réduire la taille de la police par rapport au reste de la page.

Faites correspondre votre fil d’Ariane au design de votre site

6527022dea44fff4ede1f9d2 Breadcrumb Navigation Example 4 Nike

Si vous souhaitez rendre votre fil d’Ariane unique, adaptez-le à la conception de votre site Web. Ajoutez des couleurs ou des blocs qui correspondent au style et aux graphiques de votre site. Cela l’aidera à se fondre dans votre page et votre contenu.

Afficher le chemin en plusieurs étapes pour une utilisation plus facile

6527022ec2eac512bf5bc44a Breadcrumb Navigation Example 5 Clicks

Si les utilisateurs doivent effectuer plusieurs étapes, telles que remplir des informations pour planifier un rendez-vous, ajoutez les différentes étapes à votre fil d’Ariane. Cela leur permet de passer à une page précédente s’ils ont besoin de modifier des informations.

Afficher le fil d’Ariane complet

6527022eddf1ee655f057264 Breadcrumb Navigation Example 6 Bp

Montrez à l’utilisateur le chemin complet emprunté afin qu’il sache où il se trouve et les pages exactes visitées pour accéder à sa page actuelle. Utilisez le nom complet et les liens exacts des pages pour vous assurer qu’il est facile d’y accéder.

Évitez d’utiliser le fil d’Ariane sur votre page principale

Le fil d’Ariane aide les utilisateurs à rediriger vers une page précédente. Puisqu’il n’y a pas de pages précédentes sur une page d’accueil, vous n’aurez pas besoin d’ajouter de fil d’Ariane. N’importe où en arrière de la page principale, les utilisateurs quitteront votre site.

Utilisez-le comme navigation secondaire

Évitez d’utiliser les fils d’Ariane comme navigation principale. Cela rendra difficile pour les utilisateurs d’accéder à d’autres pages de votre site. Il doit s’agir d’une navigation secondaire qui prend en charge votre navigation principale.

Progression du niveau le plus élevé vers le niveau le plus bas

Le fil d’Ariane doit passer du niveau le plus élevé au niveau le plus bas à mesure que les utilisateurs affinent leur recherche. Assurez-vous que la navigation se déplace de gauche à droite pour afficher le chemin.

Évitez les liens vers la page actuelle

Lorsqu’un utilisateur se trouve sur la page actuelle, évitez d’ajouter un lien vers celui-ci dans votre fil d’Ariane. S’ils cliquent dessus, cela les amènera exactement à la même page. Mettez plutôt en gras le nom de la page actuelle dans votre fil d’Ariane.

Rendre le fil d’Ariane adapté aux mobiles

6527022e02c6e5481c0724cb Breadcrumb Navigation Example 7 Vans

Les consommateurs utilisent quotidiennement leur smartphone pour naviguer sur des sites Web. Assurez-vous que votre fil d’Ariane peut s’adapter de manière transparente aux appareils mobiles et aux tablettes, le rendant ainsi accessible à tous.

Améliorez l’expérience utilisateur de votre site Web

Impact My Business vous propose un développement couplée à un design rarement égalé en 2023 qui vous aideront à créer une page Web qui profitera à vos clients et qui soutiendra votre croissance.

Contactez-nous en ligne dès aujourd’hui.