Home
SEO

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

Enable Star rating on search result for Blog post through Schema.org 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 schema.org markup. And this markup has evolved for better understanding a Blog or website in every aspect. Schema.org markup helps to enhance user experience. And for each element on Blog or website schema.org 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 schema.org 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 Schema.org markups-
  1. Schema.org markup for Review
  2. Schema.org 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='http://schema.org/Review' style='display:none;'> <div itemprop='itemReviewed' itemscope='' itemtype='http://schema.org/Thing'> <span itemprop='name'><data:post.title/></span> </div> <span itemprop='reviewRating' itemscope='' itemtype='http://schema.org/Rating'> <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='http://schema.org/Person'> <span itemprop='name'><data:post.author/></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?

8 comments

  1. This what I'm looking for. thanks you save me
    • Welcome Sayson.. After applying the code snippet please wait for minimum 3/4 days. Because search robot needs to read your content. Once it will read your content then it will start showing start rating in your Blog. :up
  2. OH men . stars not showing up. please help
    • Hi Jerald,
      Star Rating will display on Search result only. You can search something in my search box to see star rating. But it require some time to display start rating in search result. So be patient. :as
  3. I see multipul result of the code . Should I replace all
    • Hi Bello Ibrahim,
      Just you have to place the code one time. Place the code after below script.

      <data:post.body/> or <div class='post-footer'>

      it will take to work. :wr
  4. καλησπερα ευχαριστω για το ωραιο σου μπλοκ βρισκω τρια σε ποιο απο ολλα
    • Καλώς ήρθατε και ευχαριστώ για το σχόλιό σας. :sp
Go Up