How to Add Recipe Schema Markup to Blogger Website Template


Hello friends, today in this article we are going to show how to add review rating by schema markup recipes. How to Add Recipe Schema Markup to Blogger Template to Display Review Number and Star Rating in Google Search. In the previous tutorial we have already talked about adding review rating markup to blogger template.

You can markup your articles/content with schema structured data by enabling rich snippets for recipes, you can display review ratings by adding schema Recipe markup.

How to Add Schema.Org Recipe Markup to Blogger Template

Although schema recipe markup has some more features like, you can display reviewer rating, cooking time, preparation time, ingredient information, nutritional information.

Google uses this information to display your content/article in a useful way Example: displaying rich snippets for your recipe results, enabling your webpage to have recipe specific search tools page.

But we've modified to add to the Blogger template, though you can still use that if you want to share cooking recipe markup.

After adding recipe markup to your Blogspot website, Google will display the article's image in front of the article title and star rating after the review counter you've added, by default we've added 5 values for reviews that you can modify. There can be many n numbers.

How to Add Recipe Schema Markup

To install recipe markup in your blogger template you need to follow below steps. Copy Below code and paste it above / below <data :post.body/> tag.

<div class='bsdrating' typeof='Recipe' vocab=''>
  <b:if cond='data:post.thumbnailUrl'>
    <img expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' property='image'/>
    <img expr:alt='data:post.title' itemprop='image' src=''/>
  <span property='name'>
  <span property='author' typeof='Person'>
    <span property='name'>
  <time expr:datetime='data:post.timestampISO8601' property='datePublished'>
  <span property='aggregateRating' typeof=''>
    <span property='ratingValue'>
    stars based on
    <span property='reviewCount'>
  <span property='description'>

Install Recipe Review Rating Markup in Blogger Template

  1. Log in to your Blogger account and go to your Blogger Dashboard.
  2. Click on/go to--> Theme --> Customize->  Edit HTML
  3. Now search for <data:post.body/> tag and paste it above / below <data :post.body/> tag.

Image Example to Add Schema.Org Recipe Markup to Blogger

Image Example to Add Schema.Org Recipe Markup to Blogger

Now Save Your Template

To verify that you have added the correct Recipe Markup review rating, go to and get your URL and view your posts page there where You can see the review Recipe Markup Review Rating in the Google Rich Result Testing Tool.


Post a Comment


Post a Comment (0)

#buttons=(Accept !) #days=(31)

Our website uses cookies to enhance your experience. Learn More
Accept !