Affiliate Links Notice

This website uses affiliate links as a means of generating revenue.

However, we do not recommend products and services that we believe will not be of interest to you.

We make it a point to recommend products and services that we like, and express our honest opinions about them regardless of an affiliate relationship with the products, goods, and services being recommended.

Balkeni Studio is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.com, Inc or its affiliates.

To know more about the use of affiliate links on this website please read our terms and conditions.

Blogger Tutorial: Displaying Ratings In Google's Rich Result For Recipes And Blog Posts

Sunday, 1 September 2019

get google ratings on blogger blog posts


Recently, something was brought to my notice. It was the fact that food bloggers were feeling a little left out. You see WordPress offers this plugin, which allows it's users to integrate reviews from readers which show up in google search results.

This is particularly important for food bloggers. I believe that have recipes on their blogs and use bloggers. And I hate to see bloggers on blogger being left out because of my love for the platform. I want to show people that it's just as customisable as any other platform out there, and one needn't feel less professional when using it.

reviews for recipes on blogger blogs


Today's blogger tutorial is going to cover the steps you'll need to perform for ratings to appear in your recipe rich result in Google.

If you're still not sure what this means, read on.

What is a Google rich result snippet?


A google rich result snippet for a recipe query usually looks like this.

sample for recipe rich result on google

As you can see, the first one has no reviews. This is what Google probably says if your blog is on blogger and it's hosting a recipe. Now, one could say it's more enticing for a user searching for a recipe to want to try out one that others have already tried and liked.

Hence it makes the other two results with star ratings more clickable.

As a blogger, you're competing for the clicks and naturally, don't want to leave no stone unturned to get a user to try out your recipe instead of your competition's.

In this guide, you'll learn how your blog posts will start showing these ratings as well. So let's get started.

Requirements



  • A blogger blog (doh)
  • A rating widget that can collect and store ratings such as this one (it's free).

01. Sign-up for the rating widget


In your recipe post, make sure you install this widget to collect ratings on your blog post. I recommend this rating widget because I've had a play with it and liked how easy it was to use.

The installation code from after you sign-up for this rating widget should go directly into your blog post where you want the ratings to appear.

Make sure you're using the rating widget, and you've turned off the option to enable google rich snippets in the widget settings.

turn off snippet result option


And I know it seems counterintuitive to turn off this option when we want rich result to show ratings, but the way most rating widgets are configured is to pull product ratings instead of recipe ratings and so it won't help you.

Make sure it is unticked.

02. Add structured data in your post


Here is the code you need to add structured data that Google can recognise and use for your rich result snippet. You don't need to make any changes in it, as I've done all the work for you.

Just copy and paste, and change only the things highlighted in pink with your own information.


<div itemscope itemtype="http://schema.org/Recipe">
  <span itemprop="name">Mom's World Famous Banana Bread</span>
  By <span itemprop="author">John Smith</span>,
  <meta itemprop="datePublished" content="2009-05-08">May 8, 2009
  <img itemprop="image" src="bananabread.jpg"
       alt="Banana bread on a plate" />
  <span itemprop="description">This classic banana bread recipe comes
  from my mom -- the walnuts add a nice texture and flavor to the banana
  bread.
</span>
  Prep Time: <meta itemprop="prepTime" content="PT15M">15 minutes
  Cook time: <meta itemprop="cookTime" content="PT1H">1 hour
  Yield: <span itemprop="recipeYield">1 loaf</span>
  <div itemprop="nutrition"
    itemscope itemtype="http://schema.org/NutritionInformation">
    Nutrition facts:
    <span itemprop="calories">240 calories</span>,
    <span itemprop="fatContent">9 grams fat</span>
  </div>
  Ingredients:
  - <span itemprop="recipeIngredient">3 or 4 ripe bananas, smashed</span>
  - <span itemprop="recipeIngredient">1 egg</span>
  - <span itemprop="recipeIngredient">3/4 cup of sugar</span>
  ...
  Instructions:
  <span itemprop="recipeInstructions">
  Preheat the oven to 350 degrees. Mix in the ingredients in a bowl. Add
  the flour last. Pour the mixture into a loaf pan and bake for one hour.

  </span>
</div>


03. Add your rating widget


Right after you have added in the code displayed above add the rating widget code if you were still confused about where to add it. 

We add the rating widget here because we want people to be able to rate this recipe so we can collect proof of the structured data we are going to add later in this tutorial.

04. The Manual Set-up


Now because we are working in blogger, there is one manual step that you'll have to perform. Even though you're recording the ratings using the rating widget, the won't show up as rich data.

This is because there is no structured data present to tell Google that these ratings are associated with the structured data of your recipe.

To link these two, you need to check the ratings and add a manual piece of code that you will have to update manually regularly. Unfortunately, that's just how it is with blogger.

So if you have 1 vote and an average rating of 5 then the piece of code you will add will be:


<div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
Rated <span itemprop="ratingValue">5</span>/5 based on <span itemprop="reviewCount">1</span> customer review(s).
</div>


And you'll have to add this piece of code right before this line in the structured code: 

<img itemprop="image" src="bananabread.jpg"
alt="Banana bread on a plate" />


You'll have to revisit the post from time to time to update the revives and the rating according to your rating widget as it is not automatic, but I believe it's easy to do that.

And with that, you are done. Your google recipe rich result will show with ratings. 


WARNING : This manual step is VERY important. If you are not going to update the schema structure of your ratings regularly, Google may penalise you for trying to spam or hack and show misleading information. At all times, please make sure that the number of ratings matches the ones you are declaring to Google with the help of schema data.
In case you don't plan to update these regularly, DO NOT go forward with this tutorial as it could mean a penalty from Google.


I wish that there was an automatic way to do this, but the problem is that most rating widgets that work with blogger are configured as a product and don't give the structured data for a recipe. But you'll have to bear with it, for now, it's not an ideal solution, but if you really need those ratings to display in your posts and you'll keep them updated regularly, then I believe it should be fine.

Also, don't go without updating your posts for a whole month if it's popular, you know, use your discretion and common sense.

I should also add, that inappropriate or misconfigured structured data is harmful as you maybe unintentionally misleading google and then you could get hit with a Google penalty. Make sure you involve a professional if possible or seek their advice.

What to do if you use the recipe generator?


Now, I know many food bloggers use the recipe card generator. If you're one of them, the steps are pretty much the same, you'll just have to add the rating widget and the structured data for the ratings inside the code that your recipe card generator has generated.

This means you'll be doing step 1, step 3 and step 4. And you'll have to make sure that you've added this information within the code that the recipe card generator has given you and not just anywhere in the blogpost.

Conclusion


I know this isn't the most perfect solution, but it works. And until there is some better, automatic way to do this, I hope this will help you. If you've tried this and gotten stuck somewhere, let me know in the comments down below, and I'll do my best to help you as quickly as possible.

While leaving a comment, please make sure not to add any links even if it is to your blog or it won't be approved.

If at any point, you feel overwhelmed and need me to take over for you, then you can get in touch with me and hire me. Refer to the FAQ section for my rates.

And as always, if there's something you'd like me to make a tutorial on, let me know in the comments section. You can even sign-up to receive my blog posts directly into your inbox as well.

You can even join my blogger support group here if you like. I believe that sharing knowledge is the best way to grow. Ask me all your blogger related questions in the group :)

Oh and one more thing, know someone who will benefit from this tutorial? Then share it with them. It's free!


Some other related and frequently asked questions


It is quite self-explanatory if you read what it is saying. However, if there is something that you don't understand, please leave a comment below and consider clicking the notify me button so that you'll know when a reply has been posted.
That is actually the tag for the image, in the src section you need to add the link to the image, if it's hosted on blogger it will probably have a "1.blogspot" address. Just use the image you are using in your blog post.
I'm happy to. I charge $50 per 5 posts as there is manual work involved. However, if you already have the recipe card generator, then it's going to be $25 per 5 posts.
Yes, of course. Just leave a comment down below. If you need some live demonstration and face-to-face screen share session where I describe everything in detail and show you how to configure it all by yourself, you can get a 60-minute video call + screen share session with me for $75.


Post a Comment