Help needed - Shopify, Rich Snippets & SEO - Fixing Error with Missing Fields in Google Search

[YesterdaysGirl]

Hi everyone

Like many store owners, I'm working hard to try and improve the SEO on my website. Specifically what I'm trying to do is ensure that the details and images for my products are appearing in Google search listings.

I tested the URL for one of my products and it came up with a list of errors and missing fields including one red - "price", "url" "currency" etc etc. These are preventing Google from providing rich results for my products. See report here: https://search.google.com/test/rich-results?utm_campaign=sdtt&utm_medium=url&id=8bK0gz1mbT6oJ2MJN8Vx...

How do I fix this? From cursory reading it seems I need to set up 'structured data', but how do I do that? How do I find out if my theme is set up for that? Is there some specific code I need to add into my product pages?

I'm also not sure why my product images might not be listing in Google either. 

Anyone able to help me with this?

My shop URL is: https://yesterdays-girl-uk.myshopify.com 

Thanks!

[IonStorm]

Pretty basic problem. The structure is not complete. I would dump all this kind of stuff:

<div

class="product-form--price-wrapper"

itemprop="offers"

itemscope

itemtype="https://schema.org/Offer"

>

and just go for JSON+LD snippets. There are apps that do this kind of thing automatically on product pages. 

Cute store btw.

[YesterdaysGirl]

Thank you for your response. I had a feeling it was this issue. Looking at all the apps in Shopify store, to do what I need I would need to pay for the apps and I'm keen to avoid that. 

Is there any code I could add in to resolve the issues I have with missing fields? 

Thanks

[IonStorm]

Sure, I actually try to avoid apps as much as possible. Not be cause you have to pay but more because they don't really know what other apps are doing and can clash with eachother.

What I would do is look up a product rich snippet example and replace all the fields with liquid placeholders like {{ product.price }}  ... etc

It's not terribly difficult. But you would also have to get rid of the html that's causing the problem since one type of snippet doesn't replace another. Google shows you exactly where the offending code is.

[IonStorm]

This is what I used as a resource to build my json snippet:

https://developers.google.com/search/docs/data-types/product#json-ld

There are examples there for the type of structure you have currently, maybe you might want to just fix it rather than replacing it since it's only "price" thats giving you the error (ignoring warnings of course). 

I suggested switching json because of personal preference but you don't have to