html - Display an article rating in Google search results

Question

Im writing a review site where the community rates posts. I have noticed that Google can pick up on this ratings and display them in its search results. Does anyone know how this is achieved?

An example is a review site like IGN, where in their screen shot below they have indicated their review has a rating of 9.3/10.

How can I indicate to Google my own review rating? Maybe some sort of custom meta tag or something.

Answer 1

You can do that with a Span class. Check Google's Structure Data guide for Review:

A review is someone's evaluation of something. We support reviews and ratings for a wide range of schema.org types, including businesses, products, and different creative works such as books or movies.

Google displays the following types of reviews in search results:

• Critic review: A snippet from a longer review article that a single editor has created, curated, or compiled for a publisher.

• Review snippets: A rich result (previously known as a rich snippet) of a review or rating markup from a review website, usually an average of the combined rating scores from reviewers. Review snippets appear in Google Search results either under the search result or in the Google Knowledge Cards.

[...]

Here's an example of an aggregate rating.

<div itemscope itemtype="http://schema.org/Book">
  <h2 itemprop="name"> Super Book </h2>
  <div itemprop="description">Ultra interesting. Super impressive.</div>
  <div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
    <div>Book rating:
      <span itemprop="ratingValue">88</span> out of 
      <span itemprop="bestRating">100</span> with
      <span itemprop="ratingCount">20</span> ratings
    </div>
  </div>
</div>