Review Markup For Blogger

Lately I have been posting about different Rich Text markups which can help Google in displaying your Blog beautifully on Google Search Pages. Here is another one which would be useful to people who write review products like Gadgets, Movies, Games etc. This won’t be useful to any one else out there :P

Here is a screenshot of how the Review data would appear on Google Search Results

Review Markup For Blogger

The Search Snippet will display the rating provided  by the author along with the name of the author and the date on which he made the review. Google picks up this Data from the Rich Text Markups that you add to your Review Post. This kind of a review is termed as individual review or you can call it as the post author’s review The aggregate review based on user feedback is not yet possible on Blogger as blogger doesn’t have a proper mechanism to collect feedbacks from the readers.

This is the minimal(not exactly) Markup required to display review information in Google Search.

<div class="hreview">
 <span class="item">
 <span class="fn">Name of the Product you are reviewing</span><br/>
 </span>
 Reviewed by <span class="reviewer">Your Name</span>
on <span class="dtreviewed"> Jan 6 2012<span title="2012-01-06" class="value-title">
</span><br/>
 </span>
 Rating: <span class="rating">4.5</span>
</div>

Paste this snippet to the end of your Review Post after editing it properly.To paste this snippet you will have to switch to the HTML mode of the Blogger Post Editor. Also make sure that you have added a jump break in your post somewhere before this review snippet.This step is important and if you miss this, it will lead to multiple reviews on the same page.  The data in red should be edited and I think all of it is pretty much self explanatory. The rating can be provided out of 5. Once you publish the post, you can see a preview of the Review Snippet by using the Google Rich Snippets Testing tool.

Note: If you are using different Rich Text markups, all of them one be displayed on Google at once. So you have to choose based on the  data that you would want to be displayed on Google Search. You can play around with the Snippet Testing tool and customize it in the way you like it to be displayed.

Adding this markup doesn’t guarantee that the Review data will be displayed on Google. But it is most likely that it would be displayed provided  you have a quality blog. :)

Comments

  1. GreAT WORK, this is an excellent way of showing Reviews in SERP.

    ReplyDelete
  2. Google Traductor:

    CSS styles can be added to hReview to be transparent

    ReplyDelete
  3. it's woriking thanks but it takes long time to show in results anyway thanks

    ReplyDelete
  4. Wow thank you. So much. I was. Looking for. Something like this on blogger.

    ReplyDelete
  5. Thx, but how to show picture/images profil our blog in google?
    Maybe useful for blogger? :)

    ReplyDelete
  6. @dbestlists - you missed this one.
    http://www.bloggerplugins.org/2011/12/profile-picture-in-google-search.html

    ReplyDelete
  7. I have tried to replace my blogger profile with google + profile, I also have request authorship in Google form and hope that works soon for me :D

    ReplyDelete
  8. Awesome! Thanks a million, you have reasons for me to stick to Blogger for now atleast. Great job :)

    ReplyDelete
  9. This is awesome but how can I stop some of the HTML showing up in the actual post, such as the date, product of the review etc.

    ReplyDelete
  10. This worked for me and the review markup is showing up in search results. Waiting for customization's :)

    ReplyDelete
  11. That's great but does some of the html show up in the actual post because it is for me :(

    ReplyDelete
  12. You will need to fill the form called Interested in Rich Snippets? in order to request Google team to show rich snippet in search. Anyway, do you know how to show blogger result in 'News' of google search?

    ReplyDelete
  13. Please tell me, at which place( i.e. Below Which code? ) we need to put the "following code" in the post editor HTML mode.....
    Please reply bloggerplugins !!! Thank you so much! =)

    Regards

    http://what-latest.blogspot.com

    ReplyDelete
  14. @what-latest - any where inside the post Editor (It is the post editor and not the template editor)

    ReplyDelete
  15. Hearty thanks from me for u, for the reply. I will try this...
    God Bless!!!

    Best Regards,
    http://what-latest.blogspot.com

    ReplyDelete
  16. thanks for this... looking something like that for a long time...

    ReplyDelete
  17. I want to Add Aggregate Ratings in Blogger :(
    is there a way to do that?

    ReplyDelete

Post a Comment