Markup to Display Star Rating for Blog Post on Search Result?

Enable Star rating on search result for Blog post through Markup
star rating

Show up Star Rating on product and review is good for traffic diversion. Because by watching star rating visitors will feel interested to visit a Blog and read posts and product. Generally star rating is vital for product based eCommerce site as well as ideal for review site. Through star rating visitors will easily understand the popularity of any Product and services. And happy customers always love to provide feedback with star rating for their favorite product or services through online. As a result potential future customer will positively approach to that product or services.

What about Blogger tips and tutorial or travel Blog site? There hasn’t any product or services that we can rate them. Suppose you are running a Blog with travel or any educational Blog then start rating is pointless. I know there hasn’t any product or services where people can rate them by star rating. But still we would able to display star rating in our Blogging post on Google’s custom search result. And this rating can bring a positive impression towards your Blog posts.

But the main limitation of star rating on Blogger site is readers are unable to rate directly by putting star rating on specific post.

I am damn sure you are aware about markup. And this markup has evolved for better understanding a Blog or website in every aspect. markup helps to enhance user experience. And for each element on Blog or website has separate markup. For example, if you want to display star rating on your Blog then you have to use rating widget. Similarly if you wish to review a product then you have to use different markup. It makes a Blog or website readable by search engine robot. As well as it will enhance search experience.

google search result

Remember that star rating is correlated with review. Without review markup star rating markup won’t work. So for displaying star rating on Blog search result we must add two markups-
  1. markup for Review
  2. markup for Rating
The combination of these 2 markups star rating will start display on Google search result. For example just type something in my Blog’s search box and see the search result. You will see all posts are displaying with star rating on search result page. Oh one thing you must have which is Google search Box. You can easily add any Google search box in your Blog by visiting Add a Gadget option.

Google search box

Beginners’ Tutorial to add Google’s Default search Box in your Blogger Template.
How to Add Google’s Default Search Box in Blogger Site?
I know you are pretty excited to add star rating on your Blog. Don’t worry in this article I will show you how to display star rating on Blog post in Google’s search result page. This is very simple, please go through the below steps-

Step 1 Log in to your Blogger account and Go to your Blogger Dashboard

Step 2 Click on -> Template -> Edit HTML

Step 3 Now find this code <data:post.body/> or <div class='post-footer'>  by pressing Ctrl+F (Windows) or CMD+F (Mac) 

Step 4 Copy the script from below and paste it below/after <data:post.body/> or <div class='post-footer'>

<div itemscope='' itemtype='' style='display:none;'> <div itemprop='itemReviewed' itemscope='' itemtype=''> <span itemprop='name'><data:post.title/></span> </div> <span itemprop='reviewRating' itemscope='' itemtype=''> <meta content='1' itemprop='worstRating'/> <span itemprop='ratingValue'>4</span>/ <span itemprop='bestRating'>5</span> </span> stars - <b>&quot;<span itemprop='name'><data:post.title/></span>&quot; </b> <span itemprop='author' itemscope='' itemtype=''> <span itemprop='name'><></span> </span> <span itemprop='reviewBody'><data:post.snippet/></span> </div>

Step 5 Now hit the Save template button.

Everything has done. Now your Blog is ready to display star rating on search result. However it will take minimum 2/3 days to get visible star rating on search result page. In the mean time make a new post on your Blog and Ping your site for make it work quickly.
Do You Want to Display Rating Widget Below Blog Post? Then visit this URL.
How to Add Post Rating Widget End of Blogger Blog Post?
Let me know about your star rating experience on your Blog. Are you facing any problem or it is working smoothly?
Go Up