Yotpo Reviews Rich Snippets

When search engines can return thousands of results, you need a way to stand out. Rich snippets are a great way of drawing attention to your organic search results. This is how you can benefit from rich snippets:

• Increase organic Google search ratings

• Display visible aggregated star ratings for your product reviews

• Draw user attention to attract more qualified visitors

• Provide relevant product information to improve click-through rate, and reduce bounce rate

In this article, you'll learn how to add rich snippets to your product pages.

How it works

Example of rich snippets:

Adding rich snippets automatically

Yotpo allows the implementation of rich snippets without any manual markup. We have a built-in solution based on JSON/LD, to automatically add rich snippets to your product pages.

The solution utilizes Yotpo's Reviews Widget code and JS library (which should already be implemented on your site) in order to fetch and embed the relevant data.

JSON/LD is recognized by Google and is just as effective as having a hard-coded schema.org markup on your site.

The following details will be automatically added to your rich snippets:

• Product name and description

• Product image URL

• Product price and currency

• The number of reviews for the product

• The average star rating for the product

You can view your rich snippets mark-up with Google's Rich Results Testing Tool and see a separate Product tab that only contains Yotpo's Automatic Mark-up:

Manually installing rich snippets on Shopify

Manually installing the rich snippet code

To manually install the rich snippet code:

1. In your Yotpo Reviews main menu, go to Meta & Google > Google Rich Snippets.

2. Turn on the toggle to activate Google Rich Snippets.

To install rich snippets you will need to mark up your relevant main-product.liquid or product.liquid template correctly according to Google's guidelines.

4. Copy the code below:

   {% if product.metafields.yotpo.reviews_count and
   product.metafields.yotpo.reviews_count != "0" %}
   <div itemprop="aggregateRating" itemscope
   itemtype="http://schema.org/AggregateRating">
   <span itemprop="itemReviewed">{{ product.title }}</span>
   has a rating of <span itemprop="ratingValue">{{
   product.metafields.yotpo.reviews_average }}</span> stars
   based on <span itemprop="ratingCount">{{
   product.metafields.yotpo.reviews_count }}</span> reviews.
   </div>
   {% endif %}

5. Go to your Shopify Themes menu.

6. Click Actions > Edit Code.

7. Locate the relevant main-product.liquid or product.liquid file.

8. Look for the product schema <div> and click on the opening <div>: 
   Once you click on the opening <div>, the closing div gets selected as well.

9. Paste the aggregateRating code you copied earlier above the highlighted closing </div>: 

10. Click Save.

Validating the rich snippet code

Test the markup on the Google Structured Data Testing Tool. The result should look like this:

Manually installing rich snippets on other platforms

Choose the installation guide that is relevant to the platform you're using:

• Installing rich snippets on Adobe Commerce 2

• Installing rich snippets on other Platforms

Once you have it all set up, you can view your rich snippets mark-up with Google's Rich Results Testing Tool and see the aggregateRating markup is in the same Product tab as the rest of your markup:

All other parameters

If you want to add additional parameters to your snippets, you can implement it on your site by calling and caching the following API request, and then implement it on your side according to Google's guidelines.

Troubleshooting

If you have marked up your page correctly and it shows the stars in the Google testing tool, keep in mind that you will need to wait approximately 24 hours for it to be indexed by Google. The waiting time depends on Google.

Google makes algorithmic determinations on when and how to display results in the SERPS (search engine results page), including snippet information, based on a myriad of factors including the search terms, etc. Even if they are coded correctly, snippet inclusion in the SERPS is beyond Yotpo's direct control.

We would recommend focusing your efforts on making as unique and compelling a site as possible in order to increase the likelihood of your products reviews displaying in the Google search.

Manipulating or changing your aggregateRating markup may lead to Google penalizing your rich snippets results.