Hi everyone,
I dug this thread in seek of a solution, since we were plagued by the same issue most of you described... all stars/review ratting disapeared from google.
It was months ago, we tried multiple solutions, such as not hiding the reviewes in a display none with a toggle button... no luck.
But I think we finaly got to a solution, specifying all the details in a json script.
So, here is our code you can use only with Shopify Product Review, to place within the product snippet.
You need to set up some variables first:
This will extract the rating average value and review count from the app.
This needs to come before the script.
{% comment variable set up %}{% endcomment %}
{% assign review = product.metafields.spr.reviews | split:'votes" content="' %}
{% assign popularity = review[1] | split: '" />' %}
{% assign popularity = popularity[0] | split: '" />' %}
{% assign review = review[1] | split:'average" content="' %}
{% assign rating = review[1] | split: '" />' %}
{% assign rating = rating[0] %}
Then, you need to add the ld+json script in the product template.
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Product",
"name": "{{ product.title | escape }}",
"image": "{{ product.featured_image | product_img_url }}",
"description": "{{ page_description | escape }}",
"url": "{{shop.secure_url | escape}}{{ product.url | escape }}",
"brand": "{{ shop.name }}",
"offers": {
"@type": "Offer",
"sku": "{{ product.variants.first.sku }}",
"priceCurrency": "{{ shop.currency }}",
"availability": {% if product.tags contains 'stock' %}"https://schema.org/InStock"{% else %}"https://schema.org/PreOrder"{% endif %},
"itemCondition": "http://schema.org/NewCondition",
"price": "{{product.variants.first.price | times: 0.01 }}"
}{% if rating and rating != '0.0' %},
"aggregateRating": {
"@type": "AggregateRating",
"itemReviewed": "{{ product.title | escape }}",
"bestRating": "5",
"worstRating": "1",
"ratingValue": "{{ rating }}",
"reviewCount": "{{ popularity }}"
}{% endif %}
}
</script>
Obviously, the "availability" part and some other values depend on your settings.
The aggregateRating part is what will fix your problem.
Disclaimers:
- Shopify product reviews works with metafields. when you duplicate a product, you also duplicate the metafield, and it not fixed/updated until a review is left.
It means the value that will display might be false. I recommend using a metafield app or Shopify FD to clean up/delete all metafields after duplicating a product.
If you delete the spr.reviews metafields from a product that already has reviews, just write a test review on your product and delete it from the app, it will update the metafield.
- It may or may not work for you.
Google structured data testing tool will not return you any error, meaning this is technicaly correct. If your reviews are not hidden somewhere deep in the page, it's also within Google recommendations for reviews.
Theoreticaly, even if the other structered data within the app (data vocabulary) are still inpage, it shouldn't interfere with Google anymore. The problem is that when Google start reading the page with Schema.org, it may not (apparently it's never shown for anyone now) accept any other format, so it doesn't accept data vocabulary (it just ignore the data) - even if it shows clean in the structered data testing tool (this tool only check the structure, it's not google guidelines for "SEO").
It worked for us.
Let me know if it worked for you !
If not, we'll dig into it a big deeper.
Cheers
★Shopify tweaker★
