Yotpo Review Rich Snippets

How to get your Yotpo Review Stars in Google

Yotpo does support ways to make their reviews show up in Google, but the solutions are either limited to specific platforms, or they don't really work. They seem to be improving with their latest "enable rich snippets" option actually causing real world results. But their markup is still no where near as complete as this.

Support this work
I'd like to buy Tony a...

The code provided here dynamically adds review markup into the Yotpo widget. It marks up not only the aggregate review information, but also the reviews listed.

Note 1: It only works with Google

Note 2: For an accurate aggregate review rating it requires the paid version of Yotpo with the Distribution Score widget enabled. Otherwise the rating is to the nearest half star.

Note 3: For valid review dates the Yotpo date format should be set to YYYY-MM-DD. The setting is under Tools>On-site->Reviews Widget->General Settings.

The latest version of the code is available for free on Github.

It uses schema.org/microdata type markup and requires that you have also marked up the rest of your product under review, and that the placeholder is inside that markup.

To test it you have to get hold of the final code of a page after the JavaScript runs (called the rendered page). You can then manually paste this into the Structured Data Testing Tool to see what Googlebot will actually see.

To get the rendered code using the Chrome Browser:

  1. Goto the page in chrome
  2. Right click on the page and select "Inspect"
  3. Select the first element starting with html
  4. Right click and select "Edit as html"
  5. Select all the code in the editor box and copy it
  6. Paste that into the testing tool

Here are some platform specific guides:

Yotpo Rich Snippets with WordPress and WooCommerce

The Github repository includes a WordPress plugin that is compatible with the Yotpo plugin used in conjunction with the WooCommerce plugin. It should also work with the WP e-Commerce plugin. Just upload and activate the provided wsa-yotpo-rich-snippets plugin.

Yotpo Rich Snippets with BigCommerce

You should switch off BigCommerce reviews if you use Yotpo. The Yotpo BigCommerce Installation Guide provides more details on what to do.

It is designed to work by placing the code after the installed Yotpo placeholder. I recommend adding it at the end of the Panels/ProductDetails.html template file.

I've also provided instructions on how to add valid BigCommerce Product Markup, which is required to make this work. The built in BigCommerce product markup not only breaks Googles Rich Snippets policy, but it also can't be used to make valid review markup.

I offer a BigCommerce SEO Tune-up Services which includes setting this up, plus many other activities.