Erreur fil d'Ariane search console
Temps de lecture : 5 minutes

 

Comprendre le concept du fil d’Ariane

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.

Comprendre itemListElement

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
  ]
 }

Utilisation de itemListElement pour le fil d’Ariane

 

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.

Corriger l’erreur fil d’Ariane sur la search cosole

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 ») ».

Erreur fil d'Ariane search console

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.

Optimiser la navigation sur WordPress avec les fils d’Ariane

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 :

  1. Yoast SEO : Yoast SEO est un plugin de référencement populaire qui inclut une fonctionnalité de fils d’Ariane. Il permet de créer et de personnaliser des fils d’Ariane riches en données structurées pour améliorer la visibilité du site dans les moteurs de recherche.
  2. Breadcrumb NavXT : Ce plugin offre une solution simple et efficace pour la gestion des fils d’Ariane. Il propose de nombreuses fonctionnalités de personnalisation et prend en charge les données structurées pour une meilleure indexation par les moteurs de recherche.
  3. Rank Math : Rank Math est un autre plugin de référencement puissant qui propose une fonctionnalité de fils d’Ariane avancée. Il permet de personnaliser le style et la structure des fils d’Ariane et prend en charge les données structurées pour une meilleure visibilité dans les résultats de recherche.
  4. SEOPress : SEOPress est un plugin de référencement complet qui comprend également une fonctionnalité de fils d’Ariane. Il offre de nombreuses options de personnalisation et permet d’ajouter facilement des fils d’Ariane riches en données structurées.
  5. Schema Pro : Ce plugin est spécialement conçu pour la gestion des données structurées, y compris les fils d’Ariane. Il permet de créer des fils d’Ariane riches en informations pour améliorer la visibilité du site dans les résultats de recherche.

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.

Créer une icône pour l’élément de la page d’accueil du fil d’Ariane avec Yoast

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 :

  1. Sur le backoffice WordPress, allez à Yoast SEO > Réglages > Avancé > Fil d’Ariane
  2. Dans le champ « Texte d’ancrage pour la page d’accueil » saisissez :
<span style="font-size:0.1px">Acceuil</span><iclass="fa fa-home" aria-hidden="true"></i>

Conclusion

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.