How to Use Recipe Schema to Make Your Recipes Stand Out and Drive More Traffic

Have you ever used Pinterest or Google to search for a recipe, and noticed how some people’s recipe details are displayed in the results without you having to click through to the full article?

These savvy chefs and food bloggers have discovered a clever trick that helps Google and Pinterest better understand their recipes. As a result, people searching for that oh-so-delicious ice cream sundae are able to see things like Ingredients and Time To Prepare at a glance.

This trick is Recipe Schema (don’t worry, we’ll get into what that means, exactly, in a moment).

Here’s an example from Pinterest:

And here’s an example from Google:

The above Google SERP shows the #1 ranking. But you’ll also notice, lower down, that some results have a little more pizazz than others…

Notice how 2 of the 4 listings have more POP to them? This article shows YOU how to pop at Pinterest and Google.

Mobile Google Search users will also see recipe results appear as a carousel of “recipe cards” above the regular results.

If you’re creating this kind of content, implement this technique to improve how your content shows up in Google and Pinterest. We’ll walk you through it step-by-step, how you can easily set this up, including a template you can use.

But before we do, you’re probably asking yourself if it’s worth the effort.

Time is a resource we all value, particularly as solopreneurs, so it’s certainly worth having that discussion.

Why Implement Recipe Schema?

Here’s the first question everyone asks: “If adding recipe schema will add additional recipe information to my pins or search results, does that mean people won’t have to click through to the recipe page?”

Using this technique DOES enable Google to abuse sites in their SERPs, but there’s no sign of them doing so.

“Here’s the thing — you can see the ingredients on the rich pin, so you know if you have all that stuff in the house or if you’re likely to find it in the store, meaning you’re going to get more clickthroughs (as long as you don’t have weird ingredients). But, you don’t see the instructions on rich pins, so you still have to go to the site if you want to make it.”

“One of the biggest reasons for this is their ability to update Pin information (or “metadata”) in real time.”

That means changes to your content will automatically be reflected in any pins that have already been pinned to people’s Pinterest boards.

And Amy Locurto of LivingLocurto.com mentions that, thanks to the additional information being displayed, searchers may see key points of interest that would have otherwise been obscured, like “gluten free.”

Finally, Cris Goode of RecipesThatCrock.com reminds us that Pinterest users think differently than users of other platforms. Instead of browsing, it’s more likely that pinners are intentionally searching for items that can be pinned and saved for later. Recipes are very well suited to this.

She says, “Search is an important part of the Pinterest user experience. Rich Pins help categorize my recipes so that they show up properly in search, and readers find them when searching for specific meal ideas.”

Any action we can take that improves the user experience and increases the likelihood of people finding our content in search is a worthwhile task.

Note that the instructions are not displayed on Pinterest Rich Pins, so pinners will need to click through to your recipe page to see exactly how it all comes together.

Conversely, it’s only the instructions that are included in Google Search results snippets, requiring that the searcher click through to get the full list of ingredients and other details.

Either way, even though you’re providing the full set of schema data points, you won’t be giving away your complete recipe without ever gaining the benefit of a site visitor.

While the implementation of this markup will not have a direct impact on the ranking of your recipes in search, the benefit may be felt indirectly. If more people click on your recipe as a result of the improved listing and click through rate.

But you don’t have to take my word for it. Let’s hear what Google expert Matt Cutts has to say on the subject:

Given the value of using Recipe Schema, and the fact that both Google and Pinterest have built up a trusted “norm of use” that would be hard to change, it’s time to take a bite out of this deliciously prepared recipe.

What Exactly Is Recipe Schema?

Schema is a vocabulary that has been implemented across the web to provide a more universally understood structure identification. Like meta tags, schema is used by search engines to do more than just index your content — they can use schema to understand and categorize content within a page.

Think of schema like this…

If you have a doctor’s appointment, they might tell you go to Building D, Room 201 at Mercy Hospital. While you could get by if all you had was the street address of the hospital, knowing the room and building information makes it easier for you to navigate your way through a maze of parking lots, buildings, wings and floors to get to where you need to go.

Like a building directory with names, floors and room numbers, schema organizes your content into a logical and recognizable structure.

Unlike meta tags, however, schema is implemented within your body content in order to tag specific snippets of text, so it’s a bit more complex than what you may be used to.

While there are schema arrangements for a variety of different kinds of content, it’s books, movies and recipes that have seen the broadest implementation.

How to Implement Recipe Schema

Implementing recipe schema involves adding some additional HTML to each of the important pieces of text. This is referred to as microdata. We’re going to go through each of the types of microdata and explain how they’re used.

Itemscope — This indicates that what follows is going to include rich data.

Itemtype — This indicates the type of data: in this case, a recipe.

Together, these two elements look like this when added to your page:

<div itemscopeitemtype=”http://schema.org/Recipe”>

If this all looks like gobbledygook to you, don’t worry, we’ll get into specific examples and implementation in a moment (along a with a template you can use!).

Itemprop — This indicates a specific property of the recipe. Possible elements include:

name — The name of the recipe. This title may be truncated, depending on length. All formatting and HTML tags will be removed. (Required)

recipeIngredient — A single ingredient used in the recipe, e.g., sugar, flour or garlic. (Required)

url — The canonical URL for the page. (Optional)

image — The URL for a high-resolution image of the recipe. You can add up to 6 images. (Optional)

totalTime — The total time it takes to prepare and cook the recipe in ISO 8601 duration format. (Optional)

recipeYield — The quantity or servings made by this recipe (e.g., “5 servings,” “Serves 4-6” or “Yields 10 burgers”). (Optional)

Pinterest and Google support the above elements. Google also supports:

cookTime — The time it takes to cook the dish, in ISO 8601 duration format.

cookingMethod — The method of cooking, such as Frying, Steaming, …

nutrition — Nutrition information about the recipe.

prepTime — The length of time it takes to prepare the recipe, in ISO 8601 duration format.

recipeCategory — The category of the recipe — for example, appetizer, entree, etc.

recipeCuisine — The cuisine of the recipe (for example, French or Ethiopian).

recipeInstructions — A step or instruction involved in making the recipe.

suitableForDiet — Indicates a dietary restriction or guideline for which this recipe is suitable, e.g., diabetic, halal, etc.

For example, Yield might be set up like this:

Yield: <span itemprop=”recipeYield”>1 loaf</span>

Duration Specifications

For the duration elements prepTime, cookTime and totalTime, use ISO format.

What does that mean? Most recipes will need to simply indicate Hours or Minutes, which is done by using H and/or M with the value, such as 1H30M to mean one hour and thirty minutes. It’s preceded by P for Period and T for time, for a final markup of PT1H30M.

First, we inserted a new <div> at the beginning of the content that indicated what follows is a Recipe and that it’s using schema to outline the details. (Don’t forget to close the recipe content with a closing </div> tag!)

Next, there are “standard” schema elements for Name, Author, datePublished, Image and Description.

We then turned Prep Time, Cook Time, Yield, Tags, Nutrition Facts, Ingredients and Instructions into the appropriate itemprop microdata.

Note that each nutrition fact and ingredient requires its own itemprop span. And of course, every span requires a closing </span> tag.

Meta Tags

One last step to set up your site to use rich pins is to apply the following meta tags:

og:site_name — This is the name of your website, and should be included in the header of all your pages.

og:type — This refers to the type of content you’re displaying, in this case, it’s considered an “article.”

For the other pages and articles on your site that aren’t recipes, add additional meta tags so that they, too, can benefit from Pinterest Rich Pins.

Once you’ve set up all of your meta tags and at least one recipe, run that URL through the Pinterest Rich Pin Validator. This will confirm that you’ve set everything up correctly, as well as let Pinterest know that your recipes are ready to be displayed that way when pinned.

Recipe Schema Template

Below is a blank template that you can copy and paste then fill in the details for whatever recipe you’re adding to your site.

Solo Build It! members can use a reusable block to quickly position the requisite markup without having to install additional plugins or modules just for this purpose.

We recommend making a copy of this template in your favorite text editor and adjusting it to fit your routine needs. If you never list nutrition facts, and usually have 6–10 ingredients, make those modifications to your new template.

While there are no specific best practices when it comes to implementation of certain aspects of recipe schema, it’s a good idea to make sure that all of your recipes include a complete list of ingredients, instructions, yield and prep time, as well as great images, so that your recipe will look good in both search and once clicked through.

Wrapping Up

With recipe schema set up for your recipes, you will give potential readers at Google and Pinterest more valuable information to attract and entice them into the great content on your site. With Google, that will result in higher click-through rates and better ranking. With Pinterest, the result will be more pins and repins (and more traffic!).

If you already have a lot of recipe content within your site, consider starting with your most popular pins and recipes. (Go to https://analytics.pinterest.com to quickly identify your best pins, and Google Analytics to see most trafficked recipes from Google Search.)

Make a note in a spreadsheet or a Google Analytics annotation when you update each of your recipes so that you can track the performance improvement.

Mike Allton is the Chief Marketing Officer for SiteSell. He has spent years helping solopreneurs achieve success online through the precepts of content marketing: write great content, share that to social, and drive new leads & sales.Mike’s focus is to reach people who have a passion for something and show them how it’s possible to turn that dream into a real online business and income.

SiteSell Inc. Privacy Statement

We do not share your private personal information (e.g., name, email address, street address, and phone number) with any other organizations or individuals. We keep all such information you provide to us, no matter how or why you provide it (e.g., becoming an affiliate, ordering our products, etc.) completely confidential, and use it only for the purpose that you intended.

Only those employees with relevant business duties (e.g., support staff) may access your private personal information, and only to perform their duties. They are subject to dismissal for any privacy violation.

We never provide any such information about our subscribers, customers or affiliates to any third party, except in the unusual event should we be required to do so by law.

We use third parties like web analytics and advertising companies (e.g. Google Analytics, AdRoll) to measure conversions and collect demographic and interest information. As you browse SiteSell.com, these third parties may place or recognize cookies on your browser (including through the use of pixel tags and web beacons) to track how you use our website and to provide you advertising based upon your browsing activities and interests.

We do not tie the cookie to any personal information that you provide us. Your visit to SiteSell.com is entirely private and anonymous.

In addition, you can enable the so-called "Do Not Track" functionality in your browser, which is a standardized way to opt out of tracking by participating analytics services, advertising networks and social platforms. To learn how to enable "Do Not Track" in your browser, please go to http://donottrack.us/.

Finally, if you do not wish your data to be collected via Google Analytics, you may use their opt-out tool.

The 90 Day "Confidence of Success" Guarantee: Try SBI! First, Make Your Final Decision Later

Ken Evoy, Founder and Chairman of the Board SiteSell.com

No product is perfect for everyone. I only want you to own SBI! if it is right for you. You likely feel the same.

If you're like me, you tend to delay important decisions because you are not 100% sure. Have you noticed how you only truly become 100% sure after you purchase and use a product?

At SiteSell, we not only recognize this, we encourage it! We want you to take full advantage of the 90 Day Guarantee!

Use it as your free Confidence of Success trial. Purchase SBI! and make a final decision after putting it to the test...

Try it. Simply follow the Video Action Guide.

Pick the perfect niche and register your domain.

Build your business with the right process and tools.

Enjoy the rewards... growing profits and equity.

If you decide it's not for you, simply tell us.

We Will Refund You IMMEDIATELY!

No strings. Better, actually...

You can keep the domain name that you register at our expense. It's our thank you for permitting us to introduce SBI! to you.

No time limits on the annual subscription!

Ask for your money back anytime... SiteSell.com will refund you 100% within the first 90 days of purchase of your annual subscription, and on a pro-rata basis after that.

What about the monthly subscription?

Ask for your money back within the first 90 days of your initial monthly purchase... SiteSell will refund you 100% (up to 3 months!).

There is Literally ZERO Fine Print!

No ifs, ands or buts. There is no "fine print." You can be 100% absolutely, positively sure that we will honor this guarantee.

Since 1997, SiteSell has built a rock-solid reputation of honesty, quality and service. We work with individuals of all ages (over 30,000 customers!), institutes of higher learning, existing businesses of all sizes and vendors who all know that we mean every word we say.

This guarantee is no exception.

If you ever feel that we haven't lived up to this our promise and guarantee, report it to us on the Solo Build It! Facebook page in front of our hundreds of thousands of fans and happy customers.

The Bottom Line?

Try SBI! for 90 days. If it isn't right for you, let us know.We will immediately honor your refund request, no questions asked.