Loading

hReview Markup for Blogger


hReview-markup-BlogSpot-5-starsA review markup helps you to set up rating and review for posts on your blog which would be visible in Google search results. You can rate applications, gadgets, movies, games, hotels, etc. This rating markup is very useful for those running a review blog.

 

There are many plugins available for WordPress blogs to add review markup like GD Star Rating and Star Rating for Reviews but no widgets available for the same purpose on Blogger. This review widget will help you display star ratings on your Blogger blog.

Here’s how it will appear on Google search results:

hReview-markup-google-search-BlogSpot

What is hReview?

hReview is a simple, open, distributed format, suitable for embedding reviews (of products, services, businesses, events, etc.) in HTML, XHTML, Atom, RSS, and arbitrary XML. hReview is one of several microformats open standards.

How to add Review Markup to Blogger

Google will display the review markup from the rich text markups which you add to your post body. The search snippet will display the rating, the name of the author and the date when the review was made.

This is a minimalistic review markup for BlogSpot blogs.

<div class="hreview">
<span class="rating">4.5</span> out of 5 stars
<span class="reviewer vcard">Reviewer:<span class="fn">Your Name Here</span> -
<abbr class="dtreviewed" title="2012-03-29">March 29, 2012</abbr></span>
</div>

Replace “4.5” with your rating, “Your Name Here” with your name and change the title and the date in Blue color carefully. The date title is in YY-MM-DD format.

Paste the snippet after making the changes at the end of the post. To paste snippet you will have to switch to the HTML mode of your post editor.

Note:

  • You can rate out of 5 stars.
  • You must add a jump break to your post anywhere before this snippet for the markup to display correctly.

After you publish your post you can check and preview the markup using the Google Rich Snippets Testing Tool.

If you are good with CSS, you can play, customize, style the review and choose the way it is displayed on Google search results.

Share your views and drop in your questions in comments below.


Labels : Blogger, Blogger Widgets, Blogging Tips   |   | 19:08

2 comments:

  1. Hey where to put this code in blogger... you didn't tell

    ReplyDelete
    Replies
    1. add above code into "HTML" mode when your post finished.

      Delete

 

Back to Top