Re: SEO and Schema Implementation

How can I effectively implement product schema for better SEO visibility?

shahzaibahsan3
Visitor
1 0 1

Hello, all I am working on a website (https://perfumeplusoutlet.com/). I have questions related to Website Collection SEO.  I am looking to add a custom Schema for the product, to improve the visibility but found no such option. I am using SEO Manager to make SEO-related changes. I have implemented the Local business structured data. But need to add Product schema for all the products. I have approximately 1400 products in my what will be efficient way to add product schema. Also please recommend what features to consider when creating product schema or anyone please provide scheme they have implemented on the store. 

Replies 12 (12)

Niki_K
Shopify Partner
452 46 129

Hi @shahzaibahsan3,

 

I think the easiest way to add product schema is to add a piece of code:

 

1. In your Shopify admin, click Edit code. Then, create a new file under Snippets (Add a new snippet). Then, insert the following piece of code. Name it as  product-schema.liquid and save it,  

 

<script type=’application/ld+json’>
{
“@context”: “http://schema.org/”,
“@type”: “Product”,
“name”: “{{ product.title }}”,
“url”: “{{ shop.url }}{{ product.url }}”,
“image”: “{{ shop.url }}{{ product.featured_image }}”,
“description”: “{{ page_description }}”,
“offers”: {
“@type”: “Offer”,
“priceCurrency”: “{{ shop.currency }}”,
“price”: “{{ product.price | money_without_currency }}”,
“itemCondition”: “http://schema.org/NewCondition”,
“availability”: “http://schema.org/InStock”
}
}
</script>

 

2. Go to your main product file (something like product-template.liquid, product-main.liquid...) and paste at the end of the file this: {% include ‘product-schema’ %}

 

3. I would also double check with Google what are the compulsory fields – their documentation isn't updated!!! Plus, I would also test the products' URLs with this tool: https://validator.schema.org. It will tell you if there are any errors or fields missing.

 

Hope this helps!

Send me a link to your store to niki@ecommercepot.com and I'll help you out.
For more info what I do, visit my agency website ecommercepot.com or my personal website nikikozak.me.
marketingwiz
Tourist
10 0 0

Hi @Niki_K appreciate your insights. Can you however add ratings and reviews schema in the code above? It seems to be missing them.

Niki_K
Shopify Partner
452 46 129

Hey @marketingwiz,

 

you will probably need to add something like this:

 

 "review": {
        "@type": "Review",
        "reviewRating": {
          "@type": "Rating",
          "ratingValue": "{{ product.rating }}",
          "bestRating": 5
        },
"author": {
    "@type": "Person",
    "name": "{{ product.author }}"
  },
 "reviewBody": "{{ product.review }}"
Send me a link to your store to niki@ecommercepot.com and I'll help you out.
For more info what I do, visit my agency website ecommercepot.com or my personal website nikikozak.me.
GotheeCoffee
Visitor
2 0 0

Hey Niki,

 

Sorry for such a stupid question, do i put the review code underneath the initial code you posted? I really need some help with this lol

Niki_K
Shopify Partner
452 46 129

Hey @GotheeCoffee,

 

The entire code block should look like this: 

 

<script type="application/ld+json">
{
  "@context": "http://schema.org/",
  "@type": "Product",
  "name": "{{ product.title }}",
  "url": "{{ shop.url }}{{ product.url }}",
  "image": "{{ shop.url }}{{ product.featured_image | img_url }}",
  "description": "{{ page_description }}",
  "offers": {
    "@type": "Offer",
    "priceCurrency": "{{ shop.currency }}",
    "price": "{{ product.price | money_without_currency }}",
    "itemCondition": "http://schema.org/NewCondition",
    "availability": "http://schema.org/InStock"
  },
  "review": {
    "@type": "Review",
    "reviewRating": {
      "@type": "Rating",
      "ratingValue": "{{ product.rating }}",
      "bestRating": 5
    },
    "author": {
      "@type": "Person",
      "name": "{{ product.author }}"
    },
    "reviewBody": "{{ product.review }}"
  }
}
</script>

 

Hope this helps!

Send me a link to your store to niki@ecommercepot.com and I'll help you out.
For more info what I do, visit my agency website ecommercepot.com or my personal website nikikozak.me.
GotheeCoffee
Visitor
2 0 0
Amazing, thank you.
Hopefully I can do this without fudging everything up lol
fuzailanwar
Visitor
1 0 0

Hi @Niki_K 

 

Do we need to apply the same process to update multiple product schema, means everytime i need to press add a new snippet and paste the code for multiple products, or there is another process?

Niki_K
Shopify Partner
452 46 129

Hi @fuzailanwar,

 

Sorry for a bit later response. I'm not sure if I understand your question correctly – this piece of code is added to a product template, which means that it's applied to all of your products. Is this what you're looking for? 

Send me a link to your store to niki@ecommercepot.com and I'll help you out.
For more info what I do, visit my agency website ecommercepot.com or my personal website nikikozak.me.

AsthaUpadhyay
Shopify Partner
135 3 15

Hello,
Below I have mentioned some steps, it will help to add schema for all your products.
1. Login to your Shopify Store.

2 . Scroll down and go to themes > edit your theme

3. Go to snippets folder and add a new snippet and name it “product-schema.liquid”

AsthaUpadhyay_0-1653034179545.png

  1. Insert the following code into the new "product-schema.liquid"

Copy below code:

[code]

<script type=’application/ld+json’>

{

“@context”: “http://schema.org/”,

“@type”: “Product”,

“name”: “{{ product.title }}”,

“url”: “{{ shop.url }}{{ product.url }}”,

“image”: “{{ shop.url }}{{ product.featured_image }}”,

“description”: “{{ page_description }}”,

“offers”: {

“@type”: “Offer”,

“priceCurrency”: “{{ shop.currency }}”,

“price”: “{{ product.price | money_without_currency }}”,

“itemCondition”: “http://schema.org/NewCondition”,

“availability”: “http://schema.org/InStock”

}

}

</script>

[/code]

 5. Go to the product.liquid file, scroll down to the end of the page and paste this code.

Also, you can install the below chrome extension to check your website pages schema optimization.
https://chrome.google.com/webstore/detail/schema-builder-tester-for/klohjdodjjeocpbpadmkcndjoadijgjg

Below, I have shared the screenshot for one of the product’s from your website, you can use the schema builder tool (download from the above link), it will help to check for the schema tag optimization.

AsthaUpadhyay_1-1653034194839.png

Pro Tip - You can also test your product URLs with this tool - https://validator.schema.org/. It will tell you if there are any missing fields (including errors).

>>Points to consider when creating a product schema - 

  1. Product Image
  2. Product Name
  3. Either review or aggregateRating or offers
  4. Brand
  5. Description
  6. SKU (if any)
  7. Price, Currency and offers (if any)
  8. Product Inventory Status

If you are willing to add schema through Shopify App, here is the link - https://apps.shopify.com/schema-plus

CedCommerce | Digital Marketing Services

Digital Marketing Analyst
Skype: live:.cid.9de4dafff918787
SrStas
Visitor
1 0 0

Thanks for the information!

It is very helpful, 

I'm working on a project and have some issues combining the schemas with a plugin that inject their own schema, judge.me 

the shop is https://alchemistabrew.com/ 

any suggestions on what to do when there is more then one source of the product schema?

 

gabriela_judge
Shopify Partner
10 0 1

Hi @SrStas ,

This is Gabriela from the Judge.me support team 🙂

Since the issue is quite specific depending on your current product schema, could you please reach out to us via email at support@judge.me or via our live chat? You can find the chat icon at the bottom right corner of your Judge.me admin. We can then provide you more specific assistance for the issues you are experiencing.

You can also check the guides below for more information about common rich snippet issues.

Troubleshooting for SEO rich snippets

Fixing rich snippet error and warnings

Please feel free to reach out to us at any time, our support team is available 24/7!

SEOAnt-Zoey
Shopify Partner
123 1 5

Hi,
Schema can indeed increase the attractiveness and visibility of your website.
I see that your product has a review star , which is attractive to users.

SEOAntZoey_1-1719486883261.png

 

I checked your website and you currently have 3 schemas.
2 of them have warnings. You can pay attention to this.


SEOAntZoey_0-1719486831554.png

SEOAntZoey_2-1719486923332.png

 

 

SEOAnt is a leading Shopify-based growth solution provider that has helped over one million merchants achieve more by doing less, especially in terms of SEO efforts, image compression, broken link management, cart conversions, and customer trust & engagement building, etc.

Official Website
| SEOAnt ‑ AI SEO Optimizer - Guide you to achieve higher rankings on search engines and gain more stable, free traffic.