Fils d’Ariane problèmes détectés
Aujourd’hui j’ai reçu une salve de message provenant de la Search Console avec comme avertissement : Data-vocabulary.org schema deprecated Mettre en…
Sommaire
Aujourd’hui j’ai reçu une salve de message provenant de la Search Console avec comme avertissement :
Data-vocabulary.org schema deprecated
Capture d’écran de l’émail reçu suite à la déprécation a venir de data-vocabulary
Mettre en place les données structures (Prix, notations, fils d’ariane…) peuvent être intéressant pour augmenter le taux de clic de ton site sur les résultats des moteurs de recherche.
Data-vocabulary va devenir dépréciée
La Search Console a identifié 1 nouveaux problèmes sur votre site en lien avec Fils d’Ariane :
Principaux avertissements
Les avertissements sont des suggestions d’amélioration. Certains avertissements peuvent améliorer votre apparence dans les résultats de recherche, et d’autres pourront être considérés comme des erreurs à l’avenir. Les avertissements suivants ont été détectés sur votre site :
data-vocabulary.org schema deprecated
Nous vous recommandons de corriger ces problèmes au plus vite afin d’optimiser le placement de votre site dans la recherche Google.
D’ailleurs, ce jour le compte twitter de Google Webmaster fait référence à ce qui va se passer dans les prochains mois.
With the increasing usage and popularity of https://t.co/hGrr8MSS40 we decided to focus our development on a single scheme. As of April 6, 2020, https://t.co/N98EXBIRJ6 markup will no longer be eligible for Google rich result features. Read more at https://t.co/n8qsmdLgxE pic.twitter.com/JIg9yqMxRB
— Google Search Central (@googlesearchc) January 21, 2020
1 – La date limite :
Le 06 avril 2020 Google cessera d’afficher les fils d’ariane (breadcrumb) dans les résultats de Google si ils sont définis via data-vocabulary.
La solution
Pour ne pas se retrouver sans l’affichage enrichi de ton fil d’ariane dans le cas ou tu as reçu cet email.
Soit tu dois voir à mettre à jour ton theme sur ton CMS (ou le plugin qui affiche ton fil d’ariane).
Soit il faut remplacer « à la main » :
par :
Il faut donc remplacer :
- itemtype= »http://data-vocabulary.org/BreadCrumb » par « https://schema.org/BreadCrumbList »,
Il faut ajouter :
- itemprop= »itemListElement »
- itemprop= »position » content= »X » (ou x est une valeur incrémenté par le nombre d’élément présent dans le breadCrumb)
Selon la FAQ de schema.org, on peut mettre HTTP ou HTTPS, pour éviter tout soucis autant mettre HTTPS
La tendance générale est à une utilisation plus large de « https », et vous pouvez déjà écrire « https://schema.org » dans vos données structurées. Au fil du temps, nous allons faire migrer le site schema.org lui-même vers l’utilisation du https : comme version par défaut du site et notre forme préférée dans les exemples. Toutefois, les URL basées sur « http://schema.org » dans le balisage des données structurées resteront largement comprises dans un avenir prévisible et il ne devrait pas y avoir d’urgence à migrer les données existantes. C’est une longue façon de dire que « https://schema.org » et « http://schema.org » sont tous deux corrects.
Plus d’information ici (en anglais) :
https://webmasters.googleblog.com/2020/01/data-vocabulary.html
et schema.org : https://schema.org/
2 – Correctifs :
Correctif pour Prestashop
Personnellement, les 2 emails d’avertissement que j’ai reçu concerne deux boutiques Prestashop.
Voici donc la marche à suivre pour corriger ça sur votre boutique (Prestashop 1.6).\
Rends toi dans le dossier de ton thème et ouvre le fichier breadcrumb.tpl
et remplacer tout le contenu par celui ci (il fonctionne avec le thème par défaut de Prestashop 1.6) :
(Attention cependant, il se peut que ton breadcrumb de ton thème soit pas le même que celui-ci… et dans ce cas, il faudra certainement faire appel à un développeur Prestashop pour l’adapter).
Correction du fichier BreadCrumb :
Ajouter l’icône « maison » à la place de « home »
Simon, ma fait remarqué que la maison avait disparu après le changement du fichier. En faite, la chaine « Home » est traduisible dans le back-office. Mais si tu souhaites remettre le picto. maison au début du breadcrumb, il suffit de remplacer :
{l s='home'}par (correction le 26/02/2020 – suite à la remarque de Roche : https://vinvin.dev/fils-dariane-problemes-detectes/#comment-278)
<i class="icon-home">
<span style="display:none">{l s='home'}</span>
</i>à la ligne 23 du fichier breadcrumb.tpl
Pense à bien vider le cache de Prestashop pour prendre en compte les modifications du fichier tpl
3 – Tester le Breadcrumb
L’outil de Google de « test de donnée structuré » te permet de valider que tout fonctionne bien suite à cette modification.
Rend toi ici : https://search.google.com/structured-data/testing-tool/u/0/
Et copie/colle le lien de ta page où se trouve ton BreadCrumb.
Généralement, le breadcrumb n’apparait pas dans la page d’accueil.
Donc si tu tests, l’url de ta page d’accueil.. tu n’auras pas d’erreur à ce sujet car tu n’as pas de breadcrumb.
Tu retrouves les breadcrumbs dans la page produit ou catégorie, il faut donc tester cette URL
Avant tu as sans doute obtenu cette avertissement :
Et ensuite après modification du breadcrumb.tpl :
Victoire \o/
Les autres erreurs :
Si d’autres erreurs apparaissent lors du check de tes données structurées, tu peux te rendre sur cette article pour en savoir plus :
Erreur du type :
Vous devez indiquer offers, review ou aggregateRating.
https://vinvin.dev/vous-devez-indiquer-offers-review-ou-aggregaterating/
Et…. Screaming Frog
source : https://www.screamingfrog.co.uk/structured-data-testing-validation/
Je sais pas si tu connais, mais Screaming Frog est vraiment un super outil. Il permet de crawler ton site internet entier. Il te retourne un tas d’informations intéressantes comme :
- Titres, meta description, longueurs des titres, meta-descriptions
- Les pages en erreur 404, erreur 500..
- Les poids des ressources images, CSS…
Tu peux aussi checker la validation des données structurées. Il retourne depuis la dernière mise à jour un avertissement au sujet du « data-vocabulary« .
On this, you can already find pages that use https://t.co/lHU47ZVzH8 schema that will no longer be eligible for Google rich result features using @screamingfrog structured data validation. They show as validation warnings under the structured data tab –> https://t.co/yGMRBlhtVa pic.twitter.com/lj4UB57FYL
— Screaming Frog (@screamingfrog) January 21, 2020
Alternative à Schema.org ?
Et si shema.org été aussi amené a être abandonné ? Il est aussi possible d’utiliser le format JSON-LD.
Plus d’information ici : https://json-ld.org/
Personnellement, j’aime bien ce format de donnée. Il ne s’intègre pas dans les balises HTML et donc plus facile à gérer.