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

Enable Star rating on search result for Blog post through Markup

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, the star rating is vital for a product-based eCommerce site as well as ideal for a 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 a star rating for their favourite product or services 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? 

star rating

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 a star rating in our Blogging post on Google’s custom search result. And this rating can bring a positive impression on 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 a specific post.

I am damn sure that you are aware of 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 a star rating on your The 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 the search experience.

google search result

Remember that star rating is correlated with the 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 the star rating on the 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 a star rating on a 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>
  <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 itemprop='reviewBody'><data:post.snippet/></span>

Step 5 Now hit the Save template button.

Everything has done. Now your Blog is ready to display star rating on the search result. However, it will take minimum 2/3 days to get visible star rating on the search result page. In the meantime make a new post on your Blog and Ping your site to 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?
Jerald Sayson says: 6/30/2016

This what I'm looking for. thanks you save me

Jerald Sayson says: 6/30/2016

OH men . stars not showing up. please help

BloggerSpice says: ADMIN 6/30/2016

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

BloggerSpice says: ADMIN 6/30/2016

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

Unknown says: 9/15/2016

I see multipul result of the code . Should I replace all

BloggerSpice says: ADMIN 9/20/2016

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 says: 10/22/2016

καλησπερα ευχαριστω για το ωραιο σου μπλοκ βρισκω τρια σε ποιο απο ολλα

BloggerSpice says: ADMIN 10/23/2016

Καλώς ήρθατε και ευχαριστώ για το σχόλιό σας. :sp

Contact Form


Email *

Message *