Hi, Guys Welcome back to another tutorial on Blogger. In this tutorial, I will show you how to add google rich snippets in blogger. So, today's article may help you drive traffic this is because after adding this you will receive rating.There are thousands of plugins in Wordpress but blogger lacks the support for most of the plugin.
There are some websites that provide the rating widget but in this tutorial, I will show you how to insert a Schema rating widget in blogger without any third party code or website, just by using official Schema rating script.
Also Read: Try These Ultra Fast AMP Enable Blogger Template For Free
The Google Rich Snippet has many structured data but in this article there are some other structured data elements that are not discussed here if you want an article on all structured data in blogger comment below to find your answers.
After that check how many structured data elements are present in it and after that choose the theme with the most structured data elements so that it supports valid Structured Data.
This code doesn't gives a guarantee that your search result would show ratings, it is up to Google whether to show or not, but this code works like a charm. Google checks on various criteria before showing your rating tag like website authority etc to enhance the credibility of what it offers to people and their website experience.
The Google Rich Snippet has many structured data but in this article there are some other structured data elements that are not discussed here if you want an article on all structured data in blogger comment below to find your answers.
Note: This tutorial cover all the aspects of schema rating widget but it depends on Google to accept the structured data or not.
Before we get into the knowledge of Google Rich Snippet we will look upon... What are Google Snippet? So, let's get started.
What Are Google Rich Snippet?
The snippet is simply what Google shows to a user when someone searches in google for any question. For example when we search for a question or a product we could see search result showing different snippets. The default snippet would be similar to this below.
You have seen this right!
Google shows the title in Blue colour and URL in Green colour. Google Introduced rich snippets to enhance the browsing experience by providing extra information about the content to easily understand what the website has. This can be used by anyone no matter for Blogger/Wordpress but you should have a business online. A Google rich snippet result would look like this below.
Importance & Benefits of Structured data in SEO
Structured data has become very strict nowadays especially in google where are hungry to find best result on google, websites with structured data are most favoured in the google search results, therefore, we have to focus on optimising our website with all necessary structured data.
Most of the Blogger theme has some structured data present in it but among theme, some doesn't contain any relevant Structured data and show many errors in Google console. To avoid this Pre-test your theme and make sure that it doesn't contain any errors in structured data. To verify Just copy the demo page URL of your theme and paste the URL in the below tool
How to add Valid Structured data to Blogger
Now let us learn how to add valid structured data to blogger with simple steps & codes.I have also worked with Google star rating code for the blogger to advance the blogging experience in blogger and you may also try for your website.
There are some codes which show errors in Google structured data testing tool. So I planned to build a clean code with official schema aggregate snippet code from here. You can too check out other rating elements like product price, amount etc from the official link that will give you more clear idea and you does not get any errors while creating a Google Rich Snippet.
Google aggregate rating Code for Blogger
I think that you have got a basic idea about rich snippet and now it's time to build.
Five-star widget code for a blogger is optimised to provide only the relevant information and to optimise code for blogger and not to overload the current theme. In my experience before choosing blogger template don't go for design thinks about the SEO elements like structured data in your blogger html.
How to Add a Star Rating widget or Rich Snippet to Blogger
# Method 1
I have a Optimised rating Code for Blogger without any third party website [It May Help You]
Note: Keep a backup of your theme and proceed to protect your data.
<div class='post-rating' itemscope='' itemtype='http://schema.org/Review'><span itemprop='itemReviewed' itemscope='' itemtype='http://schema.org/Thing'><a expr:href='data:post.url' itemprop='url' target='_blank'/></span><span itemprop='author' itemscope='' itemtype='http://schema.org/Person'><strong>Author :</strong> <span itemprop='name'><data:post.author/></span></span><span itemprop='reviewRating' itemscope='' itemtype='http://schema.org/Rating'><strong>Rating:</strong> <span itemprop='ratingValue'>5</span> out of <span itemprop='bestRating'>5</span></span><span itemprop='publisher' itemscope='' itemtype='http://schema.org/Organization'></span></div>Find <div class='post-footer'> in your theme and you will find it twice in your theme. Paste the below code below the second one.
And Recheck your Post URL in Google Structured data testing tool and check whether it's showing any error or not. If no error occurs then all are done. Best Of Luck!
For checking just go to, Google Tester and paste the post URL and Click Run Test and to see whether it is having an error or not.
And Recheck your Post URL in Google Structured data testing tool and check whether it's showing any error or not. If no error occurs then all are done. Best Of Luck!
For checking just go to, Google Tester and paste the post URL and Click Run Test and to see whether it is having an error or not.
Modifying The Google rating code
You can change the Author to Review by or Product by replacing Author : in the below code
<span itemprop='author' itemscope='' itemtype='http://schema.org/Person'><strong>Author :</strong> <span itemprop='name'><data:post.author/></span></span># Method 2 (Recommended By Me)
This method is recommended for the best experience and those facing problems using the first method. Google recommends using JSON-LD for structured data whenever possible. You can check out more details about all the schema formats supported by Google here.
- Find <div class='post-footer'> in your theme and you will find it twice in your theme. Paste the below code( below the second one.)
- Change the Author name, Google plus profile and time (Publishing time which would be the same for every post)
- That's all, you are done.
<!-- Review Star Rating In Google Search Results --> <script type='application/ld+json'> { "@context":"https://schema.org", "@type":"Review", "author": { "@type":"Person", "name":"Affizoo", "sameAs":"https://www.blogger.com/profile/XXXX" }, "url": "<data:blog.canonicalUrl/>","datePublished":"<data:post.dateHeader/>", "publisher":{ "@type":"Organization","name":"<data:blog.title/>", "sameAs":"<data:blog.homepageUrl/>" }, "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.5", "bestRating": "5", "ratingCount": "11" } } } </script> <!-- Review Star Rating In Google Search Results -->Note: Change Affizoo With Your Name And XXXX With Your Blogger ID.
Solving the Errors Of [Snippet Data]
This is the shortest code that you can see for the rating element in blogger but if you encountered in any errors in structured data testing tool please comment below with your errors. I successfully tested this feature in flex mag and its working great.
This code doesn't gives a guarantee that your search result would show ratings, it is up to Google whether to show or not, but this code works like a charm. Google checks on various criteria before showing your rating tag like website authority etc to enhance the credibility of what it offers to people and their website experience.
Conclusion
Congrats! Today you learned more about How To Add Google Rich Snippet In Blogger | Drive More Traffic so always be the first to comment us and tell how helpful is this article.
Thanking you! For giving your precious time to us.
Please visit us again...