Guide de balisage de schéma de commerce électronique

Publié: 2021-03-01

Guide de balisage de schéma de commerce électronique : comment optimiser le schéma de produit

Mis à jour le 18/01/2022

Savoir comment les types de balisage de schéma de commerce électronique sont utilisés par les moteurs de recherche et où investir vos efforts peut être intimidant.

Les résultats riches en produits dans les SERPs immédiats fournissent aux consommateurs des informations de base sur un produit spécifique. Les gens veulent de l'immédiateté : cela inclut des éléments d'information tels que le prix, une description sommaire, la disponibilité et les évaluations des évaluateurs. Notre guide de balisage de schéma de commerce électronique vous aidera à maximiser les types de balisage de schéma de commerce électronique, à apprendre à automatiser Product , et plus encore.

Le balisage de schéma pour les produits peut offrir des résultats riches dans les SERP. Il est possible de personnaliser vos données structurées et de les imbriquer pour donner aux moteurs de recherche et aux consommateurs les détails dont ils ont besoin. Nous nous efforçons de fournir tous les éléments clés du schéma du produit afin qu'il puisse offrir les avantages d'apparaître dans les résultats riches suivants.

Au milieu d'une transformation numérique sans précédent, de perturbations, d'innovations et d'un schéma de produit extensible émergent, la façon dont le commerce de détail est le mieux fait est en train de changer. Rassembler la couche de données sémantiques avec la couche de consommation humaine est moins difficile lorsque vos types de balisage de schéma essentiels et avancés sont en place.

Tout d'abord, reconnaissons que des ventes réussies commencent par avoir un excellent produit, une autorité de domaine sur un site Web bien optimisé, des pages de produits bien écrites et de nombreux autres facteurs. La réalité est que la recherche de produits basée sur les entités commence par la confiance de Google dans la marque de l'entreprise. Un contenu riche en informations par un auteur de confiance ou un expert produit contribue à renforcer l'autorité de la marque. Les conseils suivants sur la façon de maximiser le schéma de produit pour votre entreprise peuvent ajouter une valeur considérable en augmentant la visibilité dans les pages de résultats des moteurs de recherche.

Le balisage de schéma aide à fournir une compréhension précise d'un produit. Les moteurs de recherche le lisent et peuvent alors mieux afficher le bon produit au bon utilisateur au bon moment. La puissance de Product Knowledge Graph pour le commerce électronique est que vous les aidez à vous voir.

ECOMMERCE SCHEMA MARKUP GUIDE - ÉTENDRE LES DONNÉES STRUCTURÉES DU PRODUIT ET PLUS ENCORE

Comment augmenter la visibilité de vos produits à l'aide du Schema Markup

8 choses que les entreprises peuvent faire pour être plus compétitives sur le marché du commerce électronique.

1. Comprendre comment les résultats enrichis d'entités de produit sont alimentés.

2. Configurez les pages de produits de votre catégorie avec l'ontologie correcte.

3. Fournissez des informations détaillées sur le produit via les propriétés du schéma.

4. Respectez les exigences d'image du produit pour la visionneuse d'images riches.

5. Répondez aux questions fréquemment posées sur vos produits.

6. Donner la priorité à l'obtention d'avis agrégés Google 4-5 étoiles pour les produits clés.

7. Automatisez la façon dont le schéma du produit est extrait (comme dans Shopify).

8. Testez, validez, étendez et mettez à jour votre schéma en continu.

1. Comprendre comment les résultats enrichis d'entités de produit sont alimentés

Le balisage de schéma aide les moteurs de recherche à trouver vos pages de produits et à afficher vos produits dans des extraits en vedette. Les entreprises d'aujourd'hui doivent croître, évoluer, changer et s'adapter à un monde où les SERP de Google évoluent à une vitesse vertigineuse.

Google aide les spécialistes du marketing de recherche dans sa liste publiée des meilleures pratiques à suivre pour permettre à son moteur de recherche de reconnaître et de cataloguer plus facilement les produits à référencer dans la recherche.

La façon dont Google reconnaît et classe les produits est complexe. Google recherche le numéro GTIN (Global Trade Item Number) d'un produit et ses références fabricant (MPN), le cas échéant. Le schéma du produit doit les inclure ; de cette manière, vous fournissez à Google les informations qu'il recherche. La relation d'entité de nom de marque est établie avec le GTIN lors du référencement de produits avec balisage. Cela aide le moteur de recherche à classer rapidement et plus précisément les produits et à les faire correspondre aux offres et à l'intention de recherche pertinente.

Les meilleures pratiques pour ajouter des identifiants de produit, qui sont ajoutés dans votre schéma, incluent :

  • Caractère distinctif : les produits individuels sont plus facilement identifiés grâce à un identifiant unique. La façon dont vous partagez ces informations doit être cohérente et exactement la même sur tous les canaux et dans l'écosystème. Chaque produit doit être clairement reconnu, qu'il soit vu dans un magasin physique ou sur le marché de détail numérique.
  • Vérifiabilité : L'identité du produit du fabricant et les données supplémentaires sur le produit doivent être vérifiables par une source connue et fiable. Cela permet aux places de marché de vérifier que les données sur les produits sont correctes et complètes via des registres mondiaux et les entités qui ont émis et gèrent les identifiants de produits.
  • Portée mondiale : le commerce électronique numérique a rendu le monde plus connecté ; l'utilisation d'un protocole d'identification pouvant être mis en œuvre à l'échelle mondiale permettra une identification transparente des produits pour les parties prenantes dans tous les pays.

2. Configurez vos pages de produits de catégorie avec une ontologie correcte

La pagination des données structurées pour les pages de produits de catégorie a des directives spécifiques à suivre.

Si chaque page d'article est balisée, tout devrait bien se passer sans qu'il soit nécessaire de baliser en plus une liste de liens vers ces mêmes pages. Une telle liste de liens est destinée à aider les personnes cherchant à naviguer sur votre site. C'est différent pour les moteurs de recherche car si un site est correctement exploré et indexé, ils comprendront déjà vos pages Web individuelles et les données de structure de schéma qu'elles contiennent.

Notez que si un article à vendre est marqué, tous les articles du produit doivent être marqués. De plus, à moins qu'il ne s'agisse d'une page de carrousel, les éléments marqués ne doivent pas avoir de liens internes vers des pages de détails de produit distinctes. Vos stratèges en marketing de contenu doivent travailler avec ces concepts.

« Une page de catégorie répertoriant plusieurs produits différents (ou des recettes, des vidéos ou tout autre type). Chaque entité doit être balisée à l'aide du type schema.org approprié, tel que schema.org/Product pour les pages de catégories de produits. Cependant, si un élément est marqué, tous les éléments doivent être marqués. De plus, à moins qu'il ne s'agisse d'une page de carrousel, les éléments marqués ne doivent pas être liés à des pages de détails distinctes. – Forum d'assistance Google pour les webmasters*

Les mots et les phrases que les consommateurs prononcent ou tapent pour trouver un produit sont vastes et complexes. La façon dont les détaillants classent un produit est plus fixe. Augmentez votre pool de données produit à glaner ; cela aide à penser vos produits de manière organisationnelle. Il peut détecter des catégories manquantes mais importantes qui ont un sens pour les utilisateurs. S'aligner sur la façon dont les consommateurs parlent et recherchent est un moyen simple de connecter les produits à de nouveaux publics.

Des catégories bien définies permettent de faire correspondre les produits par le biais d'une ontologie aux catégories que les clients sont susceptibles d'utiliser pour rechercher ces produits. Si vous souhaitez voir un exemple, étudiez comment Amazon utilise la taxonomie pour organiser ses pages produits. Ensuite, déchiffrez la meilleure façon dont votre page de catégorie de produits est configurée pour le défilement.

3. Fournissez des informations détaillées sur le produit via les propriétés du schéma.

Les détaillants apprécient un spécialiste du marketing de recherche qui apporte une compréhension de l'intelligence de la demande à la table.

Une fois que vous avez déterminé quelles étiquettes de produits et quel pourcentage vous aident à créer des mots clés transactionnels, associez ces mots clés à vos pages de produits. Vous ne pouvez ajouter un schéma de produit qu'au texte déjà présent sur la page.

Lorsque cela convient, ajoutez une valeur éducative dès le départ pour aider l'utilisateur final à déterminer si ce produit répondra à ses besoins. La façon dont vous montrez que votre produit résout les problèmes nécessite d'étudier quelle méthodologie pour fournir ces informations est la meilleure pour chaque entité. Cela varie selon le type de produit dont il s'agit. Par exemple, un produit de peinture de qualité supérieure pour les maisons historiques montre de la valeur en expliquant comment ses colorants s'estompent plus lentement, ou sa couverture va plus loin.

Pour fournir de meilleures informations sur les produits aux acheteurs, incluez du contenu factuel lorsque vous avez des études de cas ou des documents à l'appui.

Schema.org fournit des propriétés dédiées qui sont utiles en tant que chaînes textuelles ou en tant que liens URL (URI). Les dépendances de schéma ou les propriétés de modèle sont des objets, qui sont le type de mappage dans JSON. Ils mappent les « clés » sur les « valeurs ». Les balises de produit sont des mots-clés spécifiques qui expliquent les propriétés d'un produit dans votre boutique en ligne. Schema Markup est le code caché qui fournit des informations détaillées sur les produits à Google et aux autres moteurs de recherche.

Inclure le balisage shippingDetails schema.org.

Utilisez le type d' Enumeration PriceTypeEnumeration avec les valeurs InvoicePrice , ListPrice , MSRP, MinimumAdvertisedPrice , SRP , SalePrice . Celles-ci étendent désormais la plage de la propriété priceType sur les types UnitPriceSpecification et CompoundPriceSpecification .

Utilisez ProductCollection pour les collections de produits.

Implémentez de nouveaux types et propriétés de schéma pour modéliser les attributs liés à la taille du produit. La version 9.0 de Schema.org incluait une nouvelle propriété /size pour modéliser les tailles des produits sous forme de texte libre. Beaucoup d'efforts sont déployés pour permettre une manière plus structurée de spécifier les tailles. Voici l'article Tailles et mesures de janvier 2021 dans Schema.Org - Proposition *** qui est assemblé par Alex Jansen, Dan Brickley et Martin Hepp.

Regroupez les images de produits avec des variantes sur Shopify. Si vous avez plusieurs variantes de couleur de produit et si la deuxième couleur est présélectionnée en fonction de l'URL, la deuxième variante sera d'abord répertoriée dans les données structurées, suivie des autres variantes de couleur.

Baisse de prix : aidez les clients potentiels à comprendre le prix le plus bas pour votre produit. Sur la base de la moyenne historique des prix d'un produit, Google peut déterminer automatiquement une baisse de prix. L'apparence de baisse de prix est actuellement disponible en anglais aux États-Unis, à la fois sur ordinateur et sur mobile. Pour Qualité pour la visibilité de la baisse de prix, ajoutez une Offre à vos données structurées Produit. Pour valider, le prix doit être un prix spécifique, pas une fourchette de prix.

4. Respectez les exigences d'image du produit pour la visionneuse d'images enrichies

Recherche d'images Google

Avoir l'image et la taille de l'image est très important. Google nous dit que "le balisage des produits rend également vos produits éligibles pour être affichés avec un badge dans Google Images, ce qui peut encourager davantage d'utilisateurs à cliquer sur votre contenu". Sur la page de documentation du schéma produit de Google, un ensemble d'instructions est répété - en lettres rouges - 5 fois !

Répondre aux exigences d'image de produit pour la visionneuse d'images enrichies

"Pour Google Images : cette propriété est requise pour que votre produit soit éligible à la visionneuse d'images enrichies et à la fonctionnalité d'éléments associés dans Google Images."

Pour inclure des informations sur le produit dans Google Images, suivez ces consignes concernant le balisage requis :

  • Pour afficher les informations sur votre produit dans la visionneuse d'images enrichies : incluez les propriétés name , image , price et priceCurrency .
  • Pour afficher les informations sur votre produit dans la fonctionnalité Articles associés : incluez les propriétés name , image , price , priceCurrency et availability .

Vos balises alt d'image et d'autres champs de métadonnées aident à aligner vos images sur la description du produit utilisée sur la même page.

5. Répondez aux questions fréquemment posées sur vos produits

Plus de consommateurs recherchent des réponses que jamais avant d'acheter un produit, en particulier ceux à des prix plus élevés. Google connaît un grand succès en tant que moteur de réponse et propose des cartes de réponse Google, PAA et d'autres fonctionnalités SERP de réponse riches. Si vous incluez ces réponses aux questions sur vos pages de produits, les consommateurs n'auront pas besoin de chercher ailleurs. Fournir des réponses vous affirme également en tant qu'expert du produit.

Exploitez les données pour trouver le meilleur QandA pour lequel vous devez écrire du contenu. Voici les questions courantes :

Comment utiliseriez-vous le produit ?

Où utiliseriez-vous le produit ?

Pouvez-vous retourner le produit après utilisation ?

Comment un produit se compare-t-il à un autre ?

Est-ce facile à réparer ou à remplacer ?

Si les pièces de rechange sont faciles à obtenir ?

"N'utilisez pas FAQPage à des fins publicitaires", indique Google. Cependant, vous pouvez avoir "Une page de support produit qui répertorie les FAQ, sans aucun moyen pour les utilisateurs de soumettre des réponses alternatives". Vous pouvez utiliser le schéma FAQ pour répondre aux "questions fréquemment posées" sur un produit spécifique sur la page du produit elle-même. Cela vous permettra d'être éligible à un menu déroulant sous votre SERP avec la question qui, lorsque les consommateurs cliquent dessus, révèle la réponse. Dans cette réponse, vous pouvez inclure un lien vers la page de votre produit correspondant.

6. Donner la priorité à l'obtention d'avis globaux Google 4-5 étoiles

L'obtention d'étoiles d'évaluation de produit AggregateRating visibles peut être obtenue grâce au balisage de schéma imbriqué.

Chaque fois que vous balisez un avis de produit noté agrégé sur votre site Web, soyez transparent. Les avis reflètent les opinions, les conclusions ou les croyances honnêtes concernant votre produit. Utilisez le libellé complet et exact que l'examinateur a laissé lorsqu'il a parlé de votre produit ou service.

Google recommande le balisage du schéma de produit. Le géant de la technologie se concentre sur l'intention de l'acheteur lorsqu'il effectue la correspondance des requêtes de recherche. Les produits qui répondent aux qualifications de balisage du schéma de révision et d'évaluation ont un avantage certain. Les avis sur les produits doivent toujours être directement liés au produit sur lequel ils portent. La mise en œuvre des schémas d'examen et de notation est géniale pour la visibilité dans la recherche organique, car ils peuvent afficher ces étoiles convoitées dans les résultats de recherche.

En mars 2020, Google met à jour ses exigences en matière de balisage de données structurées de commerce électronique pour les produits. Tous sont désormais tenus d'avoir une évaluation ou une évaluation aggregateRating ou une offre dans leur balisage. WooCommerce fournit un système de révision intégré qui exploite les données pour inclure l' aggregateRating . C'est essentiellement juste la note moyenne qui est imprimée. La propriété offers inclut plusieurs schémas d' Offer en fonction du produit.

7. Automatisez la façon dont le schéma de produit est extrait (comme dans Shopify)

Vous pouvez utiliser un créateur de schéma de produit automatisé et la migration des données des clients existants à partir d'une base de données tierce. Il existe plusieurs fournisseurs de services qui peuvent le faire pour vous.

Sur une page de produit Shopify, vous pouvez le faire vous-même si vous êtes à l'aise avec Google Product Schema.

Suivez ces étapes pour automatiser le balisage des produits de commerce électronique sur Shopify :

1. Copiez le code ci-dessous :

<type de script='application/ld+json'>
{
"@context": "http://schema.org/",
"@type": "Produit",
"nom": "{{ produit.titre }}",
"url": "{{ boutique.url }}{{ produit.url }}",
"image": "{{ shop.url }}{{ product.featured_image }}",
"description": "{{ page_description }}",
"des offres": {
"@type": "Offre",
"priceCurrency": "{{ shop.currency }}",
"prix": "{{ produit.prix | argent_sans_devise }}",
"itemCondition": "http://schema.org/NewCondition",
"disponibilité": "http://schema.org/InStock"
}
}
</script>

2. Accédez à votre boutique en ligne -> thèmes -> Modifier votre thème

3. Accédez au dossier des extraits sous votre code de thème et créez un nouvel extrait, appelez-le "product-schema".

4. Entrez le code que vous avez créé et validé à l'étape 1 dans le nouveau « product-schema.liquid ».

5. Accédez au fichier Product.liquid, faites défiler jusqu'à la fin de la page et ajoutez ce code : {% include 'product-schema' %}

Comment un développeur Reaction peut étendre le balisage du schéma produit :

Lorsque le besoin de personnaliser davantage une propriété pour les produits semble utile, essayez les étapes suivantes. Nous vous recommandons d'essayer d'abord d'atteindre ces objectifs à l'aide de champs méta, de balises ou d'un magasin de données distinct faisant référence aux ID de produit.

En raison des variantes de produits, leur extension implique plusieurs étapes :

  • Étendez vos schémas de base de données.
  • Étendez vos schémas GraphQL.
  • Enregistrez votre propriété personnalisée lors de sa publication dans le catalogue.
  • Enregistrez une fonction qui complète votre propriété Product personnalisée, si elle a déjà été publiée dans le catalogue.
  • Créez une mutation GraphQL pour établir cette valeur de propriété personnalisée.
  • Créez un composant React pour autoriser un opérateur qui détermine la valeur de la propriété personnalisée et établissez la relation d'entité avec votre mutation ou définissez votre propriété par d'autres moyens.

8. Testez, validez, étendez et mettez à jour votre schéma en continu

Étant donné que votre schéma de produit finit par générer de la visibilité et, en fin de compte, des ventes, surveillez la nécessité de remplacer le schéma déprécié. Une action rapide ici ainsi que l'exploitation du balisage des nouveaux produits vous permettront d'obtenir un maximum de résultats de vos pages Web de commerce électronique.

Lors du test et de la mise à jour des GTIN dans le schéma, n'oubliez pas que Google demande ce qui suit :

  • Assurez-vous que vos produits ont des GTIN : vos produits doivent avoir des numéros d'article commerciaux internationaux (GTIN) uniques pour pouvoir utiliser Manufacturer Center. Attribuez des GTIN à vos produits, conformément aux instructions du site Web GS1 de votre région ** .
  • Ne réutilisez pas les mêmes identifiants de produit : les GTIN partagés par plusieurs produits génèrent de la confusion. Associez plutôt un seul produit en le mappant clairement à un seul GTIN. "La réutilisation des GTIN peut rendre les données du catalogue du marché obsolètes et incohérentes, ce qui crée de la confusion." En prenant vos identifiants de produit à partir de sources non autorisées (telles que des identifiants vendus dans le cadre d'enchères ou de procédures de mise en faillite), vous risquez d'établir une identité de produit basée sur des produits ou des sociétés précédemment enregistrés.
  • Respectez les bonnes pratiques en matière d'identificateurs de produit pour les produits personnalisés : dans certaines situations (telles qu'un boîtier ancien du XVIIe siècle, de bons produits, des produits personnalisables ou des produits artisanaux uniques), "une marque peut mettre en place une approche propriétaire pour éviter problèmes d'identité en gérant ses produits avec des numéros d'unité de gestion de stock (SKU) ou des numéros de pièce fabricant (MPN) uniques. La clé ici est que les fabricants intègrent les principes d'unicité, de vérifiabilité et de portée mondiale pour garantir la concrétisation des avantages de la concrétisation des identifiants de produit ».

Si vous utilisez Google Tag Manager pour placer vos types de schéma sur votre site Web, faites appel à un spécialiste du marketing de recherche qui comprend tous les tenants et les aboutissants de la gestion de votre balisage de schéma de commerce électronique de cette manière.

Pourquoi maximiser le balisage du schéma de produit est important Pourquoi maximiser le balisage du schéma de produit est important

Il aide les clients potentiels à voir le type d'extraits enrichis qui les conduisent à vos produits.

Pour les entreprises qui souhaitent attirer plus de clients sur leur site de commerce électronique, la mise en œuvre de types de schémas de commerce électronique améliorera les changements pour augmenter le volume des ventes. Même la vente de produits sur un petit marché de niche peut être plus compétitive au sein de son propre système de commerce électronique ou via un service de marché avec un schéma de produit.

Chaque propriétaire de commerce électronique et responsable de commerce électronique qui sait que le référencement est un facteur clé pour stimuler les ventes peut bénéficier de l'inscription aux listes de produits gratuites de Google. Lorsque les budgets sont trop serrés pour ajouter du trafic payant, cela devient d'autant plus important. Dans les années 2020, l'utilisation de données structurées est un facteur crucial pour obtenir la meilleure exposition sur Google. Vous trouverez ci-dessous une liste de certains résultats riches en commerce électronique dans lesquels ces types de schéma vous aident à gagner en visibilité.

* Produits similaires

La recherche Google établit des liens avec des entités de produit. Comme tous les extraits en vedette, la requête de recherche déclenche les résultats générés et les entités aident à renforcer la pertinence ; ceci est utile pour les relations de produits ou les "produits similaires".

Vous pouvez voir la différence entre l'affichage d'une liste de recherche Web traditionnelle sur mobile et les étiquettes qui mènent à des produits similaires. Ils ajoutent un contexte supplémentaire qui aide le consommateur à obtenir exactement ce qu'il veut plus rapidement. Même lorsque le titre, la description et l'image restent exacts, les mots "Kids Downhill Skis", "Powder Skis" et "Downhill Ski Boots" donnent des invites de catégorisation.

Avec un balisage de produit JSON-LD robuste et valide, vous informez les moteurs de recherche des produits disponibles par sexe, matériau, couleur, UPC, GTIN et SKU. De cette façon, vous pouvez réduire la friction de toute leur expérience d'achat en proposant du contenu qui fait le meilleur travail pour correspondre à l'intention de recherche.

* Meilleurs carrousels de produits

Il s'agit d'une fonctionnalité SERP spécifique au produit qui apparaît sur les pages de résultats de recherche en tant que résultats de recherche organiques non rémunérés. Il s'affiche au-dessus ou entre les dix liens bleus traditionnels. Le référencement de commerce électronique en temps réel peut acquérir ces fonctionnalités de produits organiques riches en images dans Google. Augmentez si possible le nombre de liens de marques de produits entrant sur votre site pour augmenter vos chances d'apparaître ici. Évitez les termes monétaires dans vos liens de texte d'ancrage de mots clés.

Lorsque vous créez, validez et déployez des pages de vente au détail AMP, vous augmentez vos chances de voir vos produits mis en évidence par des carrousels dans la recherche Google. L'immédiateté dans les SERP mobiles signifie souvent obtenir un taux de clics et des ventes de produits plus élevés que les pages mobiles classiques.

* Panneaux de connaissances sur les produits

Les panneaux de connaissances sur les produits organisent et affichent les détails des entités dans le Knowledge Graph. Généralement, ils s'affichent sur le côté droit des SERP de bureau Google et Bing, et plus près des meilleurs résultats de recherche mobile.

Les panneaux de connaissances sur les produits sont des variantes de panneaux de connaissances destinées aux produits. Ils sont uniques aux Knowledge Panels de marque et aux Knowledge Panels locaux puisque les entreprises ne peuvent pas les revendiquer. Ils sont destinés à être utiles lors des étapes de pré-achat du parcours client ; les acheteurs peuvent lire rapidement les avis sur les produits, voir les niveaux de stock et comparer les prix.

* Produits populaires

Le 15 janvier 2020, Google a annoncé sa fonctionnalité de résultats de recherche mobile organique pour les recherches liées au commerce de détail et aux produits. Tout comme les annonces d'achat, la nouvelle section "Produits populaires" met en évidence divers produits lorsqu'une personne effectue une recherche par catégorie et par produit. Cette fonctionnalité SERP est destinée à permettre aux consommateurs de "parcourir facilement de nombreux magasins et marques différents à la fois".

Cette fonctionnalité est un moyen pratique de combiner des éléments SEO tels que le balisage de schéma de produit personnalisé avec des données structurées de révision imbriquées. Alignez les balises canoniques avec les produits du flux Merchant Center de Google pour activer les mises à jour automatiques des articles.

* Carrousel de liste de produits gratuit

Le carrousel « liste de produits gratuite » a été repéré, y compris des articles.

Google teste à plusieurs reprises la façon dont l'extension de la fonctionnalité de défilement vers le texte aide les consommateurs à travers ses boîtes de listes de produits gratuites. La fonctionnalité de défilement vers le texte fonctionne si une personne clique sur un résultat de recherche dans Google. Il mène à la page Web correspondante et défile automatiquement jusqu'à ce passage spécifique et met en surbrillance le bloc de texte pertinent. En février 2021, cela a été repéré dans les résultats des produits.

Qu'en est-il des nombreuses entreprises qui utilisent Shopify pour vendre leurs produits ?

Comment utiliser le balisage liquide de Shopify pour les ventes de commerce électronique

Le langage de balisage liquide **** de Shopify est un langage de modèle logique développé par Shopify en 2006. Il habilite des dizaines de sites Web Ruby alimentés par JamStack. Un auteur de thème n'a qu'à importer l'inventaire des produits via une variété de méthodes telles que YAML , JSON ou CSV .

Vous pouvez commencer sur shopify.dev/tutorials ***** . Vous pouvez ensuite manipuler les données produit avec une logique liquide.
{% assign counter = 0 %}
{% for product in collection.products %}
{% if counter < 4 %}
{% if product.price < 1000 %}
{% include 'product-loop' with collection.handle %}
{% assign counter = counter | plus: 1 %}
{% endif %}
{% endif %}
{% endfor %}

Donc, bouclez 4 produits qui coûtent moins de 1000 $

Comment créer des métadonnées de produit personnalisées pour Shopify

Il existe un module GRATUIT de champs de métadonnées personnalisés avancés pour les développeurs de thèmes Shopify. Certains des champs que vous souhaitez ajouter sont le matériau principal, la couleur, le sexe, le GTIN, l'UPC, l'Isic 4 . Google utilisera les données liées pour mieux correspondre à l'intention de l'utilisateur. Ceci est un balisage pour Jekyll CMS. Il pourrait être converti pour utiliser Shopify Product Collection. {% assign product = site.data.products[page.sku] %}
{
"@context": "schema.org/",
"@type": "Product",
"sameAs": "wikipedia.org/wiki/{{page.wikidata}}",
"name": "{{product.title}}",
"description": "{{product.desc}}",
"sku": "{{product.sku}}",
"mpn": "{{product.sku}}",
"url": "{{site.url}}/{{page.url}}",
"image": {
"@type": "ImageObject",
"@id": "#img",
"representativeOfPage": "True",
"width": {
"@type": "QuantitativeValue",
"value": "1024",
"unitCode": "E37"
},
"height": {
"@type": "QuantitativeValue",
"value": "521",
"unitCode": "E37"
},
"caption": "{{product.desc}}",
"url": "{{site.url}}/images/assets/products/{{page.featured_image}}",
"contentUrl": "{{site.url}}/images/assets/products/{{page.featured_image}}"
},
"review": [{% for items in product.reviews %}
{
"@type": "Review",
"datePublished": "{{items.date}}",
"reviewRating": {
"@type": "Rating",
"ratingValue": "{{items.rate}}",
"bestRating": "5"
},
"author": {
"@type": "Person",
"name": "{{items.name}}",
"image": {
"@type": "ImageObject",
"representativeOfPage": "false",
"width": {
"@type": "QuantitativeValue",
"value": "400",
"unitCode": "E37"
},
"height": {
"@type": "QuantitativeValue",

"valeur": "400",
"codeunité": "E37"
},
"légende": "{{items.name}}",
"url": "{{items.image}}",
"contentUrl": "{{items.image}}",
"license": "{{items.license}}",
"acquireLicensePage": "{{items.acquire}}"
},
"url": "{{items.url}}"
},
"reviewBody": "{{items.content}}"}
{%if forloop.last %}],{%else%},{%endif%}{%endfor%}
"classement global": {
"@type": "Classement global",
"ratingValue": "{{product.ratingValue}}",
"reviewCount": "{{product.reviewCount}}"
},
"Catégorie": {
"@type": "Chose",
"name": "{{page.category}}",
"@id": "www.wikidata.org/wiki/{{page.wikidata}}",
"description": "{{page.category.description}}"
},
"public": {
"@type": "Public",
"audienceType": "{{product.audience}}",
"sameAs": "www.wikidata.org/wiki/{{page.wikidata}}"
},
"marque": {
"@type": "Marque",
"name": "{{product.brand}}",
"alternateName": "{{product.brand.alt}}",
"description": "{{product.brand.description}}",
"sujet de": {
"@type": "Organisation",
"@id": "{{site.url}}/about.html#person"
},
"logo": {
"@type": "ObjetImage",
"@id": "#img",
"representativeOfPage": "Vrai",
"largeur": {
"@type": "ValeurQuantitative",
"valeur": "300",
"codeunité": "E37"
},
"la taille": {
"@type": "ValeurQuantitative",
"valeur": "300",
"codeunité": "E37"
},
"caption": "{{site.logo.slogan}}",
"url": "{{site.url}}/assets/images/logo.jpg",
"contentUrl": "{{site.url}}/images/assets/images/logo.jpg}}",
"license": "creativecommons.org/licenses/by-sa/4.0/",
"acquireLicensePage": "{{site.url}}/terms.html"
},
"slogan": "Le logiciel Open Source alimente le moteur économique de la société, aujourd'hui"
},
"des offres": {
"@type": "Offre",
"priceCurrency": "USD",
"price": "{%if product.rprice%}{{product.rprice}}{%else%}{{product.price}}{%endif%}",
"mpn": "{{product.sku}}",
"url": "{{site.url}}{{page.url}}",
"availability": "schema.org/OnlineOnly",
"priceValidUntil": "{{product.priceValidUntil|date_to_xmlschema}}",
"itemCondition": "schema.org/NouvelleCondition",
"itemOffered": {
"@taper": [
"Produit",
"Application Web"
],
"name": "{{product.title}}",
"sku": "{{product.sku}}",
"marque": {
"@type": "Marque",
"name": "Denver Prophit Jr.",
"alternateName": "Prophit de Denver",
"description": "Denver Prophit Jr. est un évangéliste des logiciels Open Source spécialisé dans le référencement technique pour les applications Web. Denver Prophit Jr. continue de développer sa carrière dans le développement de thèmes de sites Web.",
"sujet de": {
"@type": "Personne",
"@id": "{{site.url}}/about.html#person"
}
},
"featureList": "Sémantique HTML5, données structurées JSON+LD, HTML5 statique",
"exempleDeTravail": {
"@id": "{{product.demo}}"
},
"fileSize": "2 Mo",
"applicationCategory": "BusinessApplication",
"browserRequirements": "nécessite la prise en charge de HTML5",
"softwareRequirements": "Ruby 2.x, Jekyll 3.8+",
"operatingSystem": "Système d'exploitation Linux",
"mpn": "{{product.sku}}",
"des offres": {
"@type": "Offre",
"url": "{{site.url}}{{page.url}}",
"priceCurrency": "USD",
"price": "{%if product.rprice%}{{product.rprice}}{%else%}{{product.price}}{%endif%}",
"priceValidUntil": "{{product.date| date :'%s' | plus :15552000 | date :"%F" | date_to_xmlschema }}",
"itemCondition": "schema.org/NouvelleCondition",
"availability": "schema.org/OnlineOnly"
},
"review": [{% for items in product.reviews %}
{
"@type": "Réviser",
"datePublished": "{{items.date}}",
"reviewRating": {
"@type": "Note",
"ratingValue": "{{items.rate}}",
"meilleure note": "5"
},
"auteur": {
"@type": "Personne",
"name": "{{items.name}}",
"image": {
"@type": "ObjetImage",
"representativeOfPage": "faux",
"largeur": {
"@type": "ValeurQuantitative",
"valeur": "400",
"codeunité": "E37"
},
"la taille": {
"@type": "ValeurQuantitative",
"valeur": "400",
"codeunité": "E37"
},
"légende": "{{items.name}}",
"url": "{{items.image}}",
"contentUrl": "{{items.image}}",
"license": "{{items.license}}",
"acquireLicensePage": "{{items.acquire}}"
}
},
"reviewBody": "{{items.content}}"}
{%if forloop.last %}],{%else%},{%endif%}{%endfor%}
"classement global": {
"@type": "Classement global",
"ratingValue": "{{product.ratingValue}}",
"reviewCount": "{{product.reviewCount}}"
},
"description": "{{product.desc}}",
"image": {
"@id": "#img"
},
"capture d'écran": {
"@type": "ObjetImage",
"@id": "#img",
"representativeOfPage": "Vrai",
"largeur": {
"@type": "ValeurQuantitative",
"valeur": "1024",
"codeunité": "E37"
},
"la taille": {
"@type": "ValeurQuantitative",
"valeur": "768",
"codeunité": "E37"
},
"légende": "{{product.desc}}",
"url": "{{site.url}}{{product.screenshot}}"
}
}
},
"mainEntityofPage": {
"@type": "PageArticle",
"PrimaryImageOfPage": {
"@type": "ObjetImage",
"representativeOfPage": "Vrai",
"largeur": {
"@type": "ValeurQuantitative",
"valeur": "1024",
"codeunité": "E37"
},
"la taille": {
"@type": "ValeurQuantitative",
"valeur": "512",
"codeunité": "E37"
},
"légende": "{{product.title}}",
"url": "{{site.url}}/assets/images/products/{{product.image}}",
"contentUrl": "{{site.url}}/images/assets/products/{{page.featured_image}}",
"license": "creativecommons.org/licenses/by-sa/4.0/",
"acquireLicensePage": "{{site.url}}/terms.html"
},
"lastReviewed": "{{ page.last_modified_at }}",
"revu par": {
"@type": "Personne",
"@id": "{{site.url}}/about.html#person",
"name": "{{ auteur.nom }}"
},
"personne responsable": {
"@type": "Personne",
"name": "{{author.name}}",
"@id": "{{site.url}}/about.html#person"
},
"spécialité": {
"@type": "Spécialité",
"@id": "wikidata.org/wiki/{{page.wikidata}}"
},
"copyrightHolder": {
"@type": "Organisation",
"@id": "{{site.url}}/about.html#publisher",
"name": "{{ site.title }}",
"logo": {
"@type": "ObjetImage",
"representativeOfPage": "Faux",
"largeur": {
"@type": "ValeurQuantitative",
"valeur": "300",
"codeunité": "E37"
},
"la taille": {
"@type": "ValeurQuantitative",
"valeur": "300",
"codeunité": "E37"
},
"caption": "Logo de Denver Prophit Jr. – Marketeur numérique",
"url": "{{site.url}}/assets/images/denver-prophit-jr-logo.png"
}
},
"copyrightYear": "{{ page.date | date : '%Y' }}",
"discussionUrl": "twitter.com/{{site.socialmedia.twitter}}/status/{{page.tweet_id}}",
"miette de pain": {
"@type": "Liste de fil d'Ariane",
"itemListElement": [
{
"@type": "ListeItem",
"position": "1",
"Objet": {
"@id": "{{ site.url | ajouter : '/index.html' }}",
"nom": "Accueil"
}
},{% attribue miettes = page.url | supprimer :'/index.html' | split: '/' %} {% assigner crumbs_total = miettes | taille | moins : 1 %}{% pour la miette dans la miette décalage : 1 %}{% si forloop.index == crumbs_total %}
{
"@type": "ListeItem",
"position": "{{ miettes_total | plus : 1 }}",
"Objet": {
"@id": "{{ site.url }}{{ page.url }}",
"name": "{{ page.crumbtitle}}"
}
}{% autre %}
{
"@type": "ListeItem",
"position": "{{ miettes_total }}",
"Objet": {
"@id": "{% assign crumb_limit = forloop.index | plus : 1 %}{% pour la miette dans la limite des miettes : crumb_limit %}{{ crumb | append : '/' }}{% endfor %}",
"name": "{{ crumb | replace:'-',' ' | majuscule }}"
}
},{% endif %}{% endfor %}
]
}
}
}

Le JSON+LD ci-dessus a été écrit pour vendre des thèmes numériques par mon ami Denver Prophit Jr.. Vous pouvez le réécrire pour spécifier un produit tangible. Utilisez schema.org/Product comme guide. Recherchez un développeur JSON+LD qui connaît les thèmes Shopify pour étendre vos données structurées. Il est essentiel de faire correspondre l'intention de recherche de l'utilisateur. Plus vous fournissez de données, plus votre produit est susceptible de correspondre à cette intention.

Si vous comptez sur un modèle de page de produit par glisser-déposer pour les applications Shopify, n'oubliez pas qu'ils ne sont pas tous créés égaux. Des centaines d'applications Shopify existent déjà et de nombreuses autres sont en cours de création. Il peut être difficile de trouver un thème Shopify qui saura réellement vous aider à augmenter les ventes dans votre créneau commercial. Vous voulez un expert dans l'utilisation du schéma de produit / type de balisage JSON-LD pour intégrer des données structurées appropriées et valides sur votre site Web de commerce électronique ou de produit.

Conseils supplémentaires pour gagner un avantage concurrentiel en maximisant le schéma de produit

Répondez à la question fréquemment posée de chaque produit. Les acheteurs effectuent des recherches avant de faire des achats et recherchent des réponses en ligne. Il est donc impératif d'avoir des réponses prêtes directement sur votre page de catégorie de produit ou votre page de détail. Les meilleures pratiques consistent à éviter de répéter la même FAQ sur plusieurs pages ; en suivant les directives établies par Google pour apparaître dans les zones People Also Ask.

Assurez-vous que les pages de destination des produits sont explorées. Lorsque vous avez une nouvelle page de destination de produit, vous pouvez utiliser directement l'API d'indexation de Google ou un outil comme Rank Math SEO pour WordPress. Lorsque vos pages de produits nouvellement balisées se classent plus rapidement, il est plus facile d'avoir une longueur d'avance sur vos concurrents. Un contenu sensible au facteur temps et hautement compétitif, doté de types de schémas de vente au détail robustes, peut s'effondrer si quelque chose l'empêche d'être exploré.

Utilisez le schéma pour le marché de l'occasion. Propriété de schéma de produit ItemCondition pour la vente d'articles d'occasion sur le marché des produits de détail. Schema.org defines it as “A predefined value from OfferItemCondition or a textual description of the condition of the product or service, or the products or services included in the offer.” *** When used with ProductGroup, this property may be used with any Product included in the group; this may have the variants OfferItemCondition and NewCondition .

Provide data-rich information in your markup. Your content is first written for humans, not machine algorithms. Think of what you would do if looking for a specific item you want to buy. you'll be looking for a product name, so use the actual product name in your markup versus a model number. If your marketing research indicating what people search for signals they also search for your product specifically by the model number, add it with the product name rather than in place of it.

Place your Product Markup on the right page. Use markup for a specific product, not a category or list of products. For example, “ladies handbags for sale” is not a specific product. A page that sells a Mouawad 1001 Nights Diamond purse is.

Include 'availability' in 'Offer' in Product JSON-LD. Product 'availability' is important data for Google rich image viewer, related items feature, a rich snippet for a Google search result, Google Merchant, and more.

Notable quotes that can help to maximize product schema markup in order to improve visibility in the e-Commerce Marketplace

“About eCommerce updates, don't forget Google shopping has gone organic yet so far is tied to feeds. So to be able to fully organic, Google Shopping feed specs have to translate to schema.” – Jarno van Driel

“It's not the case that you'll see a really clear reaction based on [schema markup that doesn't produce rich results]…Some people try to look ahead…and start implementing that ahead of time…maybe we will maybe we won't…We don't use it as a quality factor…but sometimes we can recognize entities better if you markup entities on a page…[If we're given a really long query] that helps us to try to find more relevant results…but the most visible effect is really just the rich results.” – John Muller de Google

Wrapping up on Product Schema Implementation

Companies, SEO's, and coders who are ready to take their business to the next level can sell products better if they follow the above How-To add Product Schema steps. Most often we add the markup code manually, use the Data Highlighter, or use an App or WordPress Schema Builder.

To increase your chances of winning in the above Product Rich SERPs, hire a coder who understands how to set up a system that reduces or eliminates the need to update modules and platforms.

To learn more about what you can achieve more visibility by implementing advanced Ecommerce Schema Markup, let's talk further about option to enlist our Schema Markup Audit and Optimization Services

* https://support.google.com/webmasters/thread/5820005 + https://developers.google.com/search/blog/2021/02/product-information

** https://www.gs1.org/standards/get-barcodes

*** https://schema.org/itemCondition + https://docs.google.com/document/d/1MbYXG8wRallckDFbqY2NYc8Y83gUGA4ABDHdMclxzQA/

**** https://shopify.github.io/liquid/

***** https://shopify.dev/tutorials