Last active
December 29, 2024 07:44
-
-
Save joe-dempsey/3b7fc7109a07c633c7fd5da22d5d462e to your computer and use it in GitHub Desktop.
Shopify product richsnippet - structured data markup for Shopify product templates
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{% assign current_variant = product.selected_or_first_available_variant %} | |
<div id="richsnippet"> | |
<div itemscope itemtype="http://schema.org/Product"> | |
<meta itemprop="url" content="{{ shop.url }}{{ product.url }}"> | |
<meta itemprop="image" content="{{ product.featured_image.src | img_url: 'grande' }}"> | |
<meta itemprop="name" content="{{ product.title | escape }}"> | |
<meta itemprop="description" content="{{ product.description | strip_html }}"> | |
{% if product.vendor %}<meta itemprop="brand" content="{{ product.vendor }}">{% endif %} | |
<div itemprop="offers" itemscope itemtype="http://schema.org/Offer"> | |
<meta itemprop="priceCurrency" content="{{ shop.currency }}"> | |
<meta itemprop="price" content="{{ current_variant.price | money_without_currency }}"> | |
<link itemprop="availability" href="http://schema.org/{% if product.available %}InStock{% else %}OutOfStock{% endif %}"> | |
<meta itemprop="seller" content="{{ shop.domain }}"> | |
<meta itemprop="itemcondition" itemtype="http://schema.org/OfferItemCondition" content="http://schema.org/NewCondition" /> | |
</div> | |
</div> | |
</div> | |
one addition is
<meta itemprop="itemcondition" itemtype="http://schema.org/OfferItemCondition" content="http://schema.org/NewCondition" />
I'm still getting warnings for missing SKU
Note the Google prefers JSON and not itemprop
Read the full article on richsnippets for Shopify here.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
product.first_available_variant
andproduct.selected_or_first_available_variant
will return the same for google bot - assign either.I'd actually use a remove/replace function to format currencies which use a comma if google don't like that.
{{ current_variant.price | money_without_currency | remove: "." | replace: ',', '.' }}
most countries use the decimal - but easy to modify - this is just a guide