Looking good in Google is not just about vanity. By having Google ratings stars, you are telling search engine users that they can interact or vote on your content or products. This shows visitor engagement on your website and will likely lead to an increase in your click-through-rate (CTR) within the search results (i.e. people are more likely to click on your site link when a star rating is applied versus a search engine snippet that has no stars). And because the stars that appear in the search engine pages take up an extra line of space, it draws extra attention to your listing, especially if your competitors don’t have stars. Search engine users also attach more trust to companies with search engine snippets ratings, even if they only achieve a one-star rating.
Google, Bing, Yahoo and Yandex all support star rating in search results, also known as rich snippets. A collaboration between these search engines has lead to the creation of the schema.org project, whereby a shared markup vocabulary has been developed to help webmasters to easily add structured data to their web pages that all search engines should be able to understand.
Most webmasters are familiar with the HTML tags on their web pages. The HTML tags tell the web browser how to display the information within the tags, but they don’t give any information about what the text within tags mean. This is where Schema.org markup comes in – the extra tags, along with microdata format adds information to HTML content.
For instance, if you hosted a web site that sold Stanley Kubrick DVDs, you might have the following HTML tag on your web page:
<H1>A Clockwork Orange</H1>
this tells the web browser to display the words “A Clockwork Orange” as a heading. However, it doesn’t give any information about what the words “A Clockwork Orange” mean. By adding some microdata you can tell the search engines that the words “A Clockwork Orange” refer to a movie directed by Stanley Kubrick in 1971. Here I used the itemscope, itemtype and itemprop tags to give the search engines this information:
<div itemscope itemtype ="http://schema.org/Movie"> <h1 itemprop="name">A Clockwork Orange</h1> <span>Director: <span itemprop="director">Stanley Kubrick</span> (born July 26, 1928)</span> <span itemprop="genre">Science fiction</span> <a href="../movies/a-clockwork-orange-theatrical-trailer.html" itemprop="trailer">Trailer</a> </div>
How can I add star ratings for the products on my website?
The itemscope, itemtype and itemprop tags can be used in much the similar way to add star ratings to your products on your website. In the below example I gave “YourProduct” a 4 star rating based on 45 reviews. Other items that you could add star ratings to include: book, movie, music recording, recipe, TV series, event, organization, person, place, local business, restaurant etc.
<div itemscope itemtype="http://schema.org/Product"> <span itemprop="name">YourProduct</span> <div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <span itemprop="ratingValue">4</span> stars - based on <span itemprop="reviewCount">45</span> reviews </div>
How to get rich snippets for my event:
If you would like help adding structured data to your website, please get in touch with us and we’d love to help you out.