Displaying Star Ratings on Organic Google Search Results

Boost organic traffic by displaying your product ratings in search results using Google Rich Snippets.

Rich Snippets are organic search results that include additional information (such as product ratings).

Adding the Rich Snippets code

The Rich Snippets code is how your review data is integrated into Google.

At installation, Loox will automatically add the Rich Snippets code to your product pages.

• You can verify the integration using Google's structured data testing tool. For products with at least one review, you should see an "aggregateRating" section under the Product object:

Manually adding the Rich Snippets code

You can manually add the code by following the steps below:

1. You can verify the integration using Google's structured data testing tool. For products with at least one review, you should see an "aggregateRating" section under the Product object:
2. Open the template or section you use for product pages (usually called product.liquid or product-template.liquid, but some themes may work differently).
3. Paste the following code at the bottom of the page:

{% if product.metafields.loox.num_reviews %}
<script id="looxSchemaJson" type="application/ld+json">
{
   "@context": "http://schema.org",
   "@type": "Product",   
   "@id": {{ canonical_url | json }},   
   "aggregateRating": { 
     "@type": "AggregateRating",      
     "ratingValue": "{{ product.metafields.loox.avg_rating }}",      
     "reviewCount": "{{ product.metafields.loox.num_reviews }}"   
 },   
 "name": {{ product.title | json }}
}
</script>
{% endif %}

Some themes report review data to Google differently. If your theme uses Meta tags, follow these steps instead:

1. Inside your Shopify Themes menu, click the “...” button next to “Customize” and select "Edit code".
2. Open the template or section you use for product pages (usually called product.liquid or product-template.liquid, but some themes may work differently).
3. Click CTRL + F
4. Search for: http://schema.org/Product
5. Paste the following code beneath the relevant element (for example: <div itemscope itemtype="http://schema.org/Product">): 

{% if product.metafields.loox.num_reviews %}
<div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
<meta itemprop="ratingValue" content="{{ product.metafields.loox.avg_rating }}"/>
<meta itemprop="ratingCount" content="{{ product.metafields.loox.num_reviews }}"/> 
</div>
{% endif %}