Ranking stars in Google search results make websites more noticeable, increasing click-through rates. It improves SEO and engages the audience. But there are disadvantages: you need to set up micro-markup, user activity (at least 1 like), and conflicts with other ratings are possible. ⭐📊
❓ What are SERP Rating Stars?
Rating stars are a visual element that displays the average rating of content (e.g., article, product) in search results. They grab users' attention and can increase your link's click-through rate. For Blogger, this implementation can be achieved by installing the Like Button Rating widget and using the AggregateRating micro-markup.
❓ How does the Like Button Rating widget work?
Like Button Rating is a widget that allows you to add a like system to posts. It is easy to install and allows you to collect the evaluation data necessary to display stars in search results.
⚠️ Important: Stars will only appear after at least one user likes your post.
❓ What is AggregateRating micro-markup?
AggregateRating micro-markup is a part of the schema.org scheme that is used to communicate ranking information to search engines. It includes:
Total number of votes.
Average rating.
When you combine Like Button Rating with AggregateRating micro-markup, the data about likes is automatically transferred to search engines.
🔧 How to install the Like Button Rating widget under a post on a blogger?
Go to the Like Button Rating website and sign up.
Customize the widget by selecting a rating type (e.g., "like").
Copy the generated code.
Go to the Theme section of Blogger
Click Edit HTML and find the section of code responsible for displaying the content of the article. It usually looks something like this:
<div class='post-body'> <!-- The text of the article is placed here --> </div>
Paste the widget code directly under this block. For example:
<div class='post-body'> <!-- The text of the article is placed here --> </div> <!-- Likes Widget Code --> <div class='like-button'> <script src="https://likebtn.com/like.js"></script> <!-- Widget settings --> </div>
Now the widget with likes will be displayed right below the text of the article
🔧 How to add AggregateRating markup?
Find the place in your blog's HTML code where the content of the post is displayed.
Add the following schema markup code:
<script type="application/ld+json"> { "@context": "https://schema.org", "@type": "BlogPosting", "name": "Title of your post", "aggregateRating": { "@type": "AggregateRating", "ratingValue": "4.5", "ratingCount": "10" } } </script>
or
<meta itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="4.5"> <meta itemprop="ratingCount" content="25"> <meta itemprop="bestRating" content="5"> <meta itemprop="worstRating" content="1">
The ratingValue and ratingCount parameters can be associated with the data received from the Like Button Rating via JavaScript.
❓ Why might the stars not be displayed?
There are several reasons why stars do not appear:
Your post doesn't have a single like. Stars will appear in the search results only after minimal user activity.
The page has comments with a rating, which are indexed. This can interfere with the correct processing of data.
Errors in the micro-markup code. Verify that the JSON-LD code is valid by using the structured data validation tool.
📈 How do I increase my chances of displaying stars?
There are several reasons why stars do not appear:
✅ Involve users in evaluating your content.
✅ Use micro-markup and check it for errors.
✅ Make sure there are no conflicting elements on the page, such as other rating systems.
🎉 Now you know how to display rating stars with Blogger! Thanks to the Like Button Rating widget and AggregateRating micro-markup, you can make your posts more visible and clickable in search results.