Correction de Shopify Breadcrumbs - schéma data-vocabulary.org obsolète

Les avertissements étaient monnaie courante en janvier - schéma data-vocabulary.org obsolète - les erreurs jaunes dans la Google Search Console et la menace de ne plus avoir de fil d'Ariane plus riche dans les résultats de recherche.

Vous pouvez tester si votre site Web a le problème en entrant une sous-page avec le fil d'Ariane schema.org dans les tests de Google outil: https://search.google.com/structured-data/testing-tool#

data-vocabulary.org schéma obsolète console de recherche Google shopify

Comment réparer le schéma data-vocabulary.org obsolète dans le fil d'Ariane Shopify

Le code du fil d'Ariane dans Shopify se trouve dans la section extraits de code, dans breadcrumb.liquid:

emplacement du fichier shopify breadcrum snippers dans admin

Le code de fil d'Ariane Shopify d'origine que vous aurez probablement (si vous rencontrez cette erreur) contiendra les références suivantes:

Une déclaration de type d'élément indiquant qu'il s'agit d'un schéma de fil d'Ariane:

Une référence à l'URL de la page:

Une référence au titre de la page: {{'general.breadcrumbs.home' | t}}

Le moyen le plus simple de mettre à jour ce code sous une forme acceptable consiste à utiliser le schéma de microdonnées.

Vous pouvez trouver l'exemple de code à partir de le site schema.org ici, qui montre que vous avez besoin de données pour l'URL, le titre et la position de la page dans la liste de fil d'Ariane:

exemple de microdonnées de schéma de listitem

Remplacer le code existant par le nouveau format peut différer selon le thème, mais je vais d'abord vous donner les principes généraux, suivis de mon exemple de code pour référence.

Mise à jour de votre code - Type par type

Je vais donc passer en revue chaque champ de données requis par schema.org et noter comment il a changé et comment nous pouvons l'implémenter dans Shopify.

1. Déclaration de la liste de fil d'Ariane Schema.org

Les fils d'Ariane sont généralement au format HTML de liste, et une liste ordonnée est recommandée (mais pas obligatoire car nous utilisons la position).

Pour démarrer le balisage, nous voulons déclarer que nous créons une liste de fil d'Ariane, en enveloppant tous les éléments de fil d'Ariane dans une liste parente, en utilisant ce code:

Et rappelez-vous, il y aura une finition étiquette requise à la fin.

Cela devrait être ajouté dans les div parent qui seront utilisés pour les styliser, dans mon exemple, c'est:

Donc, dans mon exemple, j'ajouterais le

Étape 1: Ajoutez une référence de fil d'Ariane dans la liste html ordonnée comme mentionné ci-dessus.

2. Suppression des références de données-vocabulaire de fil d'Ariane individuelles

Maintenant que toutes les données sont enveloppées dans une liste déclarant qu'il s'agit d'une liste de fil d'Ariane, nous n'avons pas besoin d'étiquettes individuelles sur chaque élément.

Dans le Code Github utilisé par beaucoup ici, chaque référence de page individuelle est enveloppée dans le div suivant:

{{collection.title}}

Alors maintenant, nous pouvons supprimer le ligne.

Étape 2: supprimez les divs référencés ci-dessus.

3. Ajout de chaque élément de liste

Dans chaque cas où nous avons supprimé un DIV dans la section précédente, nous devons maintenant ajouter une étiquette d'élément de liste pour chacun d'eux.

Nous voulons déclarer que chacun d'eux est un élément dans la liste parente, et nous le faisons en les encapsulant dans le code de liste suivant:

{{collection.title}}

Comme vous pouvez le voir les balises enveloppent les données des URL.

Étape 3: Enveloppez les éléments de liste individuels dans

4. Remplacer les étiquettes de données par un nouveau balisage

Les microdonnées n'utilisent pas les mêmes étiquettes que le vocabulaire des données, nous devons mettre à jour les noms d'URL et de nom de page.

Les anciennes données sont étiquetées avec url pour l'URL de la page, et titre pour le nom de la page:

{{collection.title}}

Nous devons maintenant remplacer url avec le numéro d'articleet remplacez titre avec prénom, Ainsi:

{{collection.title}}

Étape 4: remplacez les étiquettes de données pour l'URL et le titre comme mentionné ci-dessus.

5. Ajouter une position pour chaque élément

La dernière référence requise dans Microdata schema.org pour le fil d'Ariane est la position dans la liste pour chaque élément.

Heureusement, dans Shopify, il n'y a pas de sous-catégories ou de sous-sous-catégories, les options de position ne sont donc pas si étendues.

Vous devez ajouter le code de position juste avant les balises de fermeture / raw] sur chaque liste d'éléments. La position de la page d'accueil est toujours 1, vous pouvez donc l'ajouter dans le code de référence supérieur comme ceci: [raw]

La position de la page de collection est toujours 2 et le produits la position de la page est soit 2 (s'il n'y a pas de collection dans le fil d'Ariane) ou 3 (s'il existe une référence de collection dans le fil d'Ariane).

Ils sont ajoutés de la même manière que la position de la page d'accueil.

Étape 5: Ajoutez la position de chaque élément comme décrit ci-dessus

L'exemple complet de code de fil d'Ariane Shopify

J'ai téléchargé le exemple de code complet sur Google Drive ici.

N'oubliez pas que cela peut ne pas fonctionner correctement à 100% pour votre thème.

Cela devrait vous aider à vous donner une idée de ce à quoi ressemblent les données structurées valides et à ajuster votre modèle en conséquence.

Si vous avez besoin d'aide avec ceci ou tout autre SEO problèmes, vous pouvez m'envoyer un e-mail à [email protected], mes services de conseil en référencement Aidez les entreprises comme la vôtre à améliorer leur trafic sur Google et d'autres moteurs de recherche.

Vous pouvez consulter mes derniers résultats clients ici.

VOTEZ POUR COLIN

Cliquez sur un nombre d'étoile pour le noter !

Note moyenne 4.5 / 5. Nombre de votes: 2

Aucun vote jusqu'à présent ! Soyez le premier à noter ce post.

Nous sommes désolés que ce post ne vous ait pas été utile!

Laissez-nous améliorer ce post!

Dites-nous comment nous pouvons améliorer ce post?

Matt Jackson

Spécialiste du référencement en commerce électronique, avec plus de 8 ans d'expérience à temps plein dans l'analyse et la réparation de sites Web d'achat en ligne. Expérience pratique avec Shopify, Wordpress, Opencart, Magento et autres CMS.
Besoin d'aide? Envoyez-moi un courriel pour plus d'informations, à [email protected]

Ce poste 0 Publier les commentaires

Laissez un commentaire

Votre adresse email n'apparaitra pas. Les champs obligatoires sont marqués *