Catégories
wordpress

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

Capture d'écran de l'émail reçu suite à la déprécation a venir de data-vocabulary
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.

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.

https://schema.org/docs/faq.html#19

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 :

https://gist.githubusercontent.com/vinvin27/39d61ebe902170d8d92ef57ccd261e3f/raw/563f5b5c06bf8e09f2c91baa3798c48916b7b3e0/Breadcrumb%2520%2520Prestashop%25201.6

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://www.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 offersreview ou aggregateRating.

https://www.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« .

« Sur ce site, vous pouvez déjà trouver des pages utilisant le schéma http://data-vocabulary.org qui ne seront plus éligibles pour les fonctionnalités de résultats riches de Google en utilisant
@screamingfrog
la validation structurée des données. Ils apparaissent comme des avertissements de validation sous l’onglet des données structurées –> « 

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.


Mon aide ta été préciseuse ?

Tu veux me remercier en me payant une bière ou un jus de pomme ? C'est facile via Paypal. Glisse moi ton email, je t'enverrai une photo si tu le souhaites.

36 réponses sur « Fils d’Ariane problèmes détectés »

Merci Vince j’ai plusieurs sites qui utilisent data-vocabulary mais qui n’ont pas de compte GSC pour me prévenir 🙁 Cette annonce va faire les beaux jours de plugins WordPress d’insertions de balises schema pour tous ceux qui rêvent de Google rich result features ^^

Ah yes Merci Rob de ton retour.

C’est vrai… ça sent les mises à jours de certains plugins ou les prestations dés développeurs ^^
C’est aussi l’occasion de voir qui prend en compte les avertissements de la Search Console 😀

bonjour, j’ai une boutique prestashop 1.6 et j’ai modifié le champ manuellement dans le fichier breadcrumb.tpl (situé dans le dossier thème> nom du thème) comme vous l’avez indiqué mais cela suffit-il? merci !

Hello Bilbo 🙂

J’ai mis à jour l’article en faite, je n’avais pas testé les modifications sur un boutique.
Je viens de le faire et ça semble bon – une fois remplacé le breadcrumb part la nouvelle version.

Bonsoir et merci beaucoup pour la soluce.
J’avais le même message concernant mon site et j’avais aucune idée de ce qu’il signifiait. Maintenant je sais et j’ai corrigé…à la mano!
Reste plus qu’à attendre que Google valide…

Hello Bulle,

J’ai mis à jour l’article pour vérifier que tout se passe bien ainsi qu’un fix pour Prestashop 1.6.
Désolé mais j’ai été trop vite à publier mon article 🙁

moi j’ai cette erreur lors de la mise en place de cette modification
AggregateRating 1 ERREUR 0 AVERTISSEMENT
@type AggregateRating
ratingValue 4.8
bestRating 5
ratingCount 126
reviewCount 126
worstRating 0
cancelitemReviewed
Veuillez saisir une valeur pour le champ itemReviewed.
Qui pourrait m’apporter son aide, d’avance merci

Salut Pascal,

Pour information, cela ne concerne pas le breadcrumb mais la note que tu donnes à ton produit.

Le champs itemReviewed semble être (au vue de la documentation schema.org) le type de donnée qui est noté (Product, Cinéma…)

Ok, mais alors je n’ai pas d’erreur avec le BreadCrumb, c’est a n’y rien comprendre, car j’ai remis le fichier d’origine et en test il m’indique la même erreur (jai vidé le cache presta)

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.

Généralement, tu retrouves les breadcrumbs dans la page produit ou catégorie, il faut donc tester cette URL 😉

HA oui forcement

donc après remiseen palce du fichier j’ai cela !
BreadcrumbList 0 ERREUR 0 AVERTISSEMENT

je pense que cela est bon

Tu devrais le préciser dans ton post, qu’il ne faut pas vérifier l’accueil, mais un produit !!

De rien, je viens de le faire sur mon autre site Presta, idem 0 erreur .

Heureusement que des gens comme toi sont la pour nous aider, car ça devient terrible ce que Google nous impose, comme la vitesse avec Pagespeed et maintenant sa… il arrête jamais !

Bonjour Damien,

Effectivement, c’est toujours là de mon côté.
Essaie de désactiver toutes les options d’optimisations/caches et restest.

Sinon vérifie bien que ce soit le bon thème que tu modifies

Au secours, je me tire les cheveux (long 🙂 depuis plusieurs jours, je rencontre le même problème que Damien.
J’ai remplacée le fichier breadcrumb dans le thème prestashop (et même dans un ancien thème default bootstrap au cas ou) j’ai vidé le cache (les optimisations sont désactivés) et en testant des url de produits j’ai toujours les messages d’avertissements ou d’erreurs. Tel que :

Champ « priceValidUntil » manquant
Champ « aggregateRating » manquant
Champ « review » manquant (j’ai désactivé le module commentaires des clients sur les fiches produits)
Champ « brand » manquant
Champ « url » manquant
Aucun identifiant global (code GTIN, référence fabricant ou ISBN) n’a été fourni
Champ « availability » manquant

et 16 url en Avertissements et avec des erreurs pour :
Schéma data-vocabulary.org obsolète
erreurs : Vous devez indiquer offers, review ou aggregateRating (alors que j’ai désactivé le module prestashop commentaire/avis produit)

je teste ces 16 urls et il me détecte toujours des soucis avec breadcrumb et de erreurs :
Éléments détectés
Élément sans nom
Schéma data-vocabulary.org obsolète
type : breadcrumb
breadcrumb/url
breadcrumb/title

Je ne comprend plus rien, ça fait des jours que je bosse dessus, que je cherche des informations, mais rien y fait.
Par contre toutes les urls au format AMP n’ont rien, aucune erreurs !

Quelqu’un peut m’aider?

Hello Laetitia,

Il faut bien que tu changes le fichier dans le dossier actuel de ton thème, à savoir : default-bootstrap
il ne semble pas être bien changé (ou alors il y a du cache..) mais clairement les corrections ne sont pas prise en compte.

Pour tes autres erreurs (concernant les produits)

As tu le plugin installé : product comments ? Sinon peux tu tester de l’installer et de revérifier via le tools de google ?

Bonjour Vince,
merci pour ce retour rapide.
Oui j’avais indiqué dans mon premier commentaire, que j’avais remplacée le fichier breadcrumb dans le thème prestashop default-bootstrap,et j’avais vidé le cache également.

Finalement je viens de me rendre compte que le fichier breadcrumb sur le thème par defaut n’avait pas été prise en compte, je viens de tester une url inspectée dans le fils d’Ariane et elle semble bonne.

Pour les autres erreurs concernant les produits, j’avais précisé également que j’avais bien désactivé le module product comments sur le back office.

Merci beaucoup Vince pour le code, cela fonctionne très bien.

J’ai une interrogation, à quoi sert la dernière partie du code ? :

{if isset($smarty.get.search_query) && isset($smarty.get.results) && $smarty.get.results > 1 && isset($smarty.server.HTTP_REFERER)}

{capture}{if isset($smarty.get.HTTP_REFERER) && $smarty.get.HTTP_REFERER}{$smarty.get.HTTP_REFERER}{elseif isset($smarty.server.HTTP_REFERER) && $smarty.server.HTTP_REFERER}{$smarty.server.HTTP_REFERER}{/if}{/capture}
← {l s='Back to Search results for "%s" (%d other results)' sprintf=[$smarty.get.search_query,$smarty.get.results]}

Hello, ça semble ajouter une lien pour que tu puisses retourner à la page de résultats si tu es dans une page produit.

Salut Vince,
Un immense merci pour le debug sur 1.6 ça fonctionne !
Aurais tu un debug également pour le problème :
« Il faut indiquer « offers », « review », ou « aggregateRating » » ?
Merci !
Yann

Salut Yann,

Après quelques recherche, il semblerait qu’il faille installer le plugin « product comment » pour gérer les notes/reviews des produits 😉

Hello Yann,

Super nouvelle – merci de ton retour.

Pour ton soucis « offers » , « review »… je n’ai pas eu le cas, il faudrait voir cela dans le code pour trouver une solution.

Merci, Vince, pour ce tuto simple et clair ! J’ai copié le code pour un PS 1.6, avec quelques adaptations (pour ne pas montrer la catégorie root), le test est nickel maintenant. Mais dans le breadcrumb, le nom de la catégorie sur laquelle on se trouve ne s’affiche pas. Par exemple, j’ai une hiérarchie de catégories A > B > C. Si je suis dans la page de la catégorie C, le breadcrumb va afficher Home > A > B mais pas le nom de la catégorie C. Aurais-tu une idée ? Merci d’avance !

J’ajoute un truc : en fait si je suis dans la catégorie A, son nom va bien s’afficher dans le breadcrumb mais celui-ci va se présenter comme ceci : Home / /A (et dans le code, je vois un dans l’intervalle entre les / / mais sans rien comme contenu). Si je suis dans la catégorie B ou suivante, le breadcrumb va bien afficher Home / A /mais pas B, et ainsi de suite pour les sous-sous catégories. Merci d’avance si tu as une idée.

Hello Calou,

C’est étrange car le code fourni ne semble pas réagir comme ça sur mes différentes boutiques.
Je te contacte par email.

Bonjour Vince,
Sur un Prestashop 1.6 avec un theme non natif, j’ai remplacé le code de breadcrumb.tpl par celui que tu donnes.
J’attends la fin de la validation des corrections, mais alors que je n’avais que des avertissements, j’ai maintenant des erreurs, dont :
« Erreur Champ « item » manquant »
Saurais-tu pourquoi ?
Merci de ton retour.
Eric

Bonjour Vince,
Merci beaucoup pour ton retour et tes conseils.
Je suis sincèrement désolée mais je me suis mal exprimé.
En fait le module product comments était déjà actif sur le site lorsque j’avais commencée a constater les avertissements et erreurs, j’avais donc décidée de le désactiver, puis je mettais aperçu que le nombres d’avertissements avaient diminués (pas beaucoup quand même).
Je l’ai donc réactivé, je me suis référée à ton nouvel article et j’ai copiée le fichier product-list.tpl que j’ai placée au bon endroit, j’ai vidée le cache, regénérer le fichier sitemaps (sait-on jamais 🙂 mais ça ne change rien aux problèmes.

Lors des tests sur Google Structured Data test, certaines fiches produits comportent 8 erreurs et 54 avertissements, et d’autres 7 à 13 avertissements (Certaines URL produits présentent d’autres produits achetés par les clients et donc me comptabilisent les erreurs de celles-ci également, normal quoi).

Si je prends même un article récent seul (sans affichage d’autres articles achetés par les clients), j’ai des avertissements du type :
– priceValidUntil,
– url (Il est préférable de remplir le champ url. Veuillez fournir une valeur si possible)
– brand
– aggregateRating
– description
– sku,
– ce produit n’a pas d’identifiant global (isbn, mpn ou gtin8, par exemple). Veuillez consulter la documentation pour déterminer les identifiants valides.
Ou des erreurs (Vous devez indiquer offers, review ou aggregateRating) <- avec le module activé ou désactivé ça ne change rien.

Je pense que je vais laissé tomber car ça devient hallucinant 🙁

Merci beaucoup pour ton aide en tout cas 😉

Bonjour Vince,
J’ai un presta 1.6 je viens de remplacer le breadcrumb dans thème par le nouveau code. Lors du nouveau test sur la search console j’ai ceci :
Vous devez indiquer la propriété name ou item.name.
Auriez vous une idée de la modif a faire?
Merci,
Pascal

Merci Roche de ta remarque.

J’ai mis à jour l’article. En faite, le fait de passer le terme « home » en image, Google ne trouve aucune valeur de correspondance pour la variable « name ». J’ai donc trouvé un fix qui affiche « home » en caché.
Pense à bien vérifier la traduction de « home » 😉

Hello,
Quand je fais ce modif de fichier, il me met les breadcrumbs dans une liste numérotée…les un en dessous des autres au lieu du format breadcrumbs… est ce normal ou cela vient de mon thème ? J’ai regardé dans le CSS et je ne vois pas le pourquoi du comment… Sinon, j’adore le principe et votre travail, je voudrais juste que ça marche pour moi 🙂

Répondre à KevinNash Annuler la réponse

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *