Table of Contents
Le fil d’Ariane, également appelé breadcrumb en anglais, est un élément de navigation couramment utilisé dans les sites internet. Il s’agit d’une série de liens qui affiche le chemin parcouru par l’utilisateur pour se rendre sur une page spécifique. Le nom « fil d’Ariane » est inspiré du mythe grec où Ariane déroule un fil pour aider Thésée à retrouver son chemin dans le labyrinthe. Dans un site internet, le fil d’Ariane permet aux utilisateurs de comprendre leur position et de naviguer facilement entre les différentes pages. Il offre une expérience utilisateur améliorée et facilite la navigation sur le site.
Le fil d’Ariane est généralement affiché sous forme de texte ou de série de liens organisés horizontalement ou verticalement. Il montre la hiérarchie des pages visitées, souvent en commençant par la page d’accueil et en se déplaçant vers la page actuelle. Par exemple :
Accueil > Catégorie > Sous-catégorie > Page actuelle
La composition du fil d’Ariane dépend de la structure du site web. Il est généralement généré automatiquement en fonction des liens et de la structure de navigation du site. Les développeurs web utilisent des balises HTML (comme<nav>
,<ul>
,<ol>
,<li>
) et du code CSS pour styliser et organiser le fil d’Ariane sur la page.
Certains systèmes de gestion de contenu (CMS) comme WordPress fournissent des fonctionnalités intégrées pour générer automatiquement le fil d’Ariane en fonction de la structure des pages. Les développeurs peuvent également le personnaliser pour répondre aux besoins spécifiques de navigation du site.
itemListElement
est un élément clé utilisé dans le balisage de données structurées conforme à Schema.org pour décrire les éléments individuels d’une liste ordonnée ou non ordonnée (itemList
). Cet élément est utilisé pour spécifier chaque élément au sein de la liste et ses propriétés.
Le balisage de données structurées basé sur Schema.org est conçu pour fournir des informations supplémentaires aux moteurs de recherche tels que Google sur le contenu d’une page web. Il permet de mieux décrire la structure, les éléments individuels et les relations entre eux.
Voici quelques-uns des attributs couramment utilisés pour décrire un élément dansitemListElement
:
{
"@context":"https://schema.org",
"@type":"ItemList",
"itemListElement":[
{
"@type":"ListItem",
"position":1,
"item":{
"@type":"Product",
"name":"Nom du produit 1"
}
},
{
"@type":"ListItem",
"position":2,
"item":{
"@type":"Product",
"name":"Nom du produit 2"
}
}
// ... d'autres éléments de la liste
]
}
Lorsqu’il s’agit de représenter le fil d’Ariane (breadcrumb) à l’aide de données structurées, l’utilisation deitemListElement
est une pratique pour décrire chaque étape ou niveau du chemin de navigation.
Le fil d’Ariane est une forme de navigation séquentielle qui montre le chemin parcouru par l’utilisateur depuis la page d’accueil jusqu’à la page actuelle. En utilisantitemListElement
, on peut décomposer chaque étape du chemin en un élément individuel de la liste (ListItem
) et spécifier des attributs tels que@type
,position
, etitem
pour chaque élément.
ChaqueitemListElement
représente un niveau ou une étape dans la hiérarchie de navigation du site web, où :
@type: "ListItem"
indique qu’il s’agit d’un élément de liste.position
spécifie la position de l’élément dans la séquence.item
décrit l’élément réel à ce niveau, tel que la catégorie, la sous-catégorie ou le contenu spécifique au niveau de la page.L’utilisation deitemListElement
pour représenter le fil d’Ariane via des données structurées permet aux moteurs de recherche de comprendre la structure et la séquence des pages sur un site web. Cela peut potentiellement améliorer l’affichage des résultats de recherche riches (rich snippets) en fournissant aux utilisateurs des informations plus précises sur la manière dont les différentes pages du site sont liées et organisées.
Si vous utilisez des icônes dans votre fil d’Ariane comme le montre la figure ci-après, il est possible que vous receviez une erreur de fil d’Ariane sur la search console indiquant ce message : « Vous devez indiquer « name » ou « item.name » (dans « itemListElement ») ».
Cette erreur se produit lorsque Google n’arrive pas à identifier le nom d’un élément du fil d’Ariane, en particulier celui contenant une icône. Lorsque vous utilisez une icône, l’attribut « name » reste automatiquement vide, car il n’accepte que du texte. P
Pour résoudre cette erreur sans altérer l’apparence de votre fil d’Ariane, vous pouvez simplement ajouter un texte après l’icône en utilisant une taille de police invisible ou en utilisant la propriété css « display:none ».
Exemple d’un élément du fil d’Ariane avec icône de « Home » de la bibliothèque FontAwsome pour mener vers la page d’accueil :
<a href="https://monsiteweb.fr">
<span style="font-size:0.1px">Acceuil</span>
<i class="fa fa-home" aria-hidden="true"></i>
</a>
Une fois les modifications sont appliquées sur votre site internet, suivez ces étapes simples : accédez à votre tableau de bord de la search console, dans la section « Améliorations » cliquez sur « Fils d’Ariane ». Identifiez ensuite un lien avec l’erreur signalée et cliquez « TEST EN LIGNE ». Si le test est passé et que vous voyez « 1 élément valide détecté » vous pouvez signaler la correction. Pour le faire, cliquez sur le bouton « Valider la correction ».
Google commencera à traiter les pages et valider les corrections.
WordPress offre de nombreux plugins qui permettent de gérer facilement les fils d’Ariane sur un site web. Voici quelques-uns des meilleurs plugins WordPress pour la gestion des fils d’Ariane :
Ces plugins offrent des fonctionnalités avancées pour la gestion des fils d’Ariane sur un site WordPress. Ils permettent de créer des fils d’Ariane personnalisés, d’ajouter des données structurées pour une meilleure indexation par les moteurs de recherche, et d’améliorer la visibilité du site dans les résultats de recherche.
Si vous utilisez Yoast comme plugin de référencement, vous pouvez mettre une icône sur le lien de la page d’accueil sans rencontrer de problème.
Voici les étapes à suivre :
<span style="font-size:0.1px">Acceuil</span><iclass="fa fa-home" aria-hidden="true"></i>
Les fils d’Ariane sont un élément essentiel de l’optimisation des moteurs de recherche pour votre site WordPress. En utilisant des plugins, vous pouvez améliorer la gestion et la personnalisation de vos fils d’Ariane. Ces outils offrent des fonctionnalités avancées qui facilitent l’indexation de votre site par les moteurs de recherche, ce qui peut entraîner une meilleure visibilité en ligne.