Schema markups add more pleasant looks to how people find your content in Google. A better-optimized blogger post should include schema markups in search results to show professional your posts are to increase the click-through rate. In search engines, crawlers look at every part of a schema.org markup to show the type of rich results in search results. Review schema markup, adds stars to your blogger search results just below the heading and above the meta description. To add review star rating in blogger we have to add JSON-ld code or micro-data version of schema.org markup data.
The best way to distinguish your blogger blog from others in search results is making it better than the others. Adding schema structured markups to search results of your blogger posts makes it good for SEO. The very best part of it is that implementing starts in the search engines results increases rank. I would rather click to a tutorial with star reviews because I can read through them and know if the content or product is liked by people. It takes you just a day to show the star reviews under the URL of your blogger blog posts. There are three types of star rating review code you can add :-
1. Review Star Rating Vocabulary Microdata
Step 1. Log in to Blogger and choose your specific website to add the Star Rating code.Step 2. Reach out to the left commands by navigating to them to the Template command
Step 3. Click on the template command and then locate the Edit HTML next to Customize.
Step 4. Click anywhere in your code and then click on Ctrl+F in windows or CMD+F in mac.
Step 5. Search for <data:post.body/>
Step 6. Replace the above line with the following code
<data:post.body/>
<div itemscope='' itemtype='http://data-vocabulary.org/Review' style='display:none;'>
<span itemprop='itemreviewed'><data:post.title/></span>
<span itemprop='reviewer'><data:post.author/></span>
<span itemprop='rating'>5</span> of 5
<div itemprop='description'><data:post.snippet/></div>
</div>
Thats the best code ever for getting review star rating in blogger. It uses the data-vocabulary.org/review structured data to get better search results. You can also add a schema version instead of the vocabulary micro-data structured data.
Read: Breadcrumbs Schema Markup For Blogger Search Results
2. Review Star Rating Schema Microdata
Follow the below procedure to add the SCHEMA version of the star review schema markup to your blogger blog template.
Step 1. Log in to Blogger and choose your specific website to add the star rating code.
Step 2. Reach out to the left commands by navigating to them to the Template command
Step 3. Click on the template command and then locate the Edit HTML next to Customize.
Step 4. Click anywhere in your code and then click on Ctrl+F in windows or CMD+F in mac.
Step 5. Search for <data:post.body/>
Step 6. Replace the above line with the following code
<data:post.body/>
<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>"<span itemprop='name'><data:post.title/></span>" </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>
That's a microdata star rating schema markup that you can use also instead of the vocabulary microdata. It works well and the same. The main difference between the star rating of vocabulary and microdata is the mane of the person that has reviewed the blogger posts only shows in the microdata format and not in the vocabulary version.
Read: How To Add Sitelinks Search Box Structured Data in Search Results
3. Review Star Rating Jslod-ld Schema
There is a JSLOD-LD version of the star rating schema markup that you can use. As for me, I would prefer that you use the microdata version of the star raking markup. The load will sometimes choose the posts that have been rated while the MICRODATA one can include the star rating without a rating system in your template.
For the JSLOD-LD schema markup for star rating search results for blogger posts use the below steps to add the code to your template.
Step 1. Log in to Blogger and choose your specific website to add the star rating code.
Step 2. Reach out to the left commands by navigating to them to the Template command
Step 3. Click on the template command and then locate the Edit HTML next to Customize.
Step 4. Click anywhere in your code and then click on Ctrl+F in windows or CMD+F in mac.
Step 5. Search for </head>
Step 6. Place the following code Above the code
<!-- Review Star Rating In Google Search Results -->
<script type='application/ld+json'>
{"@context":"http://schema.org",
"@type":"Review",
"author": {
"@type":"Person",
"name":"YOUR-NAME",
"sameAs":"GOOGLE-PLUS-LINK"},
"url": "<data:blog.canonicalUrl/>",
"datePublished":"2016-03-13T20:00",
"publisher": {
"@type":"Organization",
"name":"WEBSITE-NAME",
"sameAs":"http://www.hoit.asia/"},
"description":"<data:blog.metaDescription/>",
"inLanguage":"en",
"itemReviewed": {
"@type":"Product",
"name": "<data:blog.pageName/>",
"sameAs": "<data:blog.canonicalUrl/>",
"image": "<data:blog.postImageThumbnailUrl/>",
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "4",
"bestRating": "5",
"ratingCount": "2"}}}
</script>
<!-- Seoblur.com Review Star Rating In Google Search Results -->
You have to change the words & URL written in Green Bold Color to your own
That's all you have to add, now your template offers blogger posts with rich star rating structured data schema snippets.T he settings and changes will take place in about one day and you will see the structured data review in your posts as soon as possible.