Cookies disclaimer

I agree Our site saves small pieces of text information (cookies) on your device in order to deliver better content and for statistical purposes. You can disable the usage of cookies by changing the settings of your browser. By browsing our website without changing the browser settings you grant us permission to store that information on your device.

Recipes

Schema.org - Recipes

Contents:

 

Structured Data – Recipes

This article looks specifically at how recipes can be marked up using microdata on your webpages. For broader information on Schema.org mark-up code please follow the link. For extensive and definitive information on Schema.org please follow the link.

Recipes are probably the most commonly used example of Schema microdata, they are easy to mark-up and all of the major players within this space use microdata. They also make a fantastic example of how powerful microdata can be.
Please follow the links below to see examples and explanations of how to implement Schema.org code for:

The Benefits

Recipes can be marked up with a huge amount of valuable microdata such as cooking time, ingredients, reviews / votes, etc. This can make a huge difference to the way your search listing appears to searchers and can provide a huge amount of useful information before they click. This can both encourage people to click and gather up much more relevant traffic.

As you can see, and this is indicative of all marked up SERP listings, this is a more comprehensive listing providing the searcher with more accurate and useful information with regards to recipes.

Types

There is one itemtype that can be specified for recipes available within Schema.org:

  • Airline

Properties

The properties for recipes are not as extensive as for many other itemtypes but there is everything you need within the table detailed below:


Property

Expected Type

Description

cookTime

Duration 

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

cookingMethod

Text 

The method of cooking, such as Frying, Steaming, ...

ingredients

Text 

An ingredient used in the recipe.

nutrition

NutritionInformation 

Nutrition information about the recipe.

prepTime

Duration 

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

recipeCategory

Text 

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

recipeCuisine

Text 

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

recipeInstructions

Text 

The steps to make the dish.

recipeYield

Text 

The quantity produced by the recipe (for example, number of people served, number of servings, etc).

totalTime

Duration 

The total time it takes to prepare and cook the recipe, in ISO 8601 duration format.

Source: Schema.org

Implementation

Below we look at how to mark-up a recipe on a webpage:

<div itemscope itemtype="http://schema.org/Recipe">
  <span itemprop="name">Example Birthday Cake</span>
  By <span itemprop="author">Joe Bloggs</span>,
  <meta itemprop="datePublished" content="2009-05-08">May 8, 2009
  <img itemprop="image" src="example-birthday-cake.jpg" />
  <span itemprop="description">An easy and tasty birthday cake recipe that anyone can make with basic ingredients and in just 30mins.</span>
  Prep Time: <meta itemprop="prepTime" content="PT10M">10 minutes
  Cook time: <meta itemprop="cookTime" content="PT20M">20 Minutes
  Yield: <span itemprop="recipeYield">1 cake</span>
  <div itemprop="nutrition"
    itemscope itemtype="http://schema.org/NutritionInformation">
    Nutrition facts:
    <span itemprop="calories">840 calories</span>,
    <span itemprop="fatContent">10 grams fat</span>
  </div>
  Ingredients:
  - <span itemprop="ingredients">3oz Self raising Flour</span>
  - <span itemprop="ingredients">2 eggs</span>
  - <span itemprop="ingredients">3/4 cup of sugar</span>
  - <span itemprop="ingredients">3/4 cup of Unsalted Butter</span>
  ...
  Instructions:
  <span itemprop="recipeInstructions">
  Preheat the oven to 180 degrees C. Mix in the ingredients in a bowl. Add the sugar last. Pour the mixture into a cake tin and bake for 20 minutes.
  </span>
</div>

What the above looks like to the site visitor is shown below:

Example Birthday Cake
By Joe Bloggs,
May 8, 2009
An easy and tasty birthday cake recipe that anyone can make with basic ingredients and in just 30mins.
Prep Time: 10 minutes
Cook time: 20 Minutes
Yield: 1 cake
Nutrition facts:
840 calories,
10 grams fat
Ingredients:
- 3oz self-rising Flour
- 2 eggs
- 3/4 cup of sugar
- 3/4 cup of Unsalted Butter
Instructions:
Preheat the oven to 180 degrees C. Mix in the ingredients in a bowl. Add the sugar last. Pour the mixture into a cake tin and bake for 20 minutes.

Raptor Tools!

Our range of SEO Tools include checking for and making specific implementation instructions for Schema.org on your site. Use Raptor to find out where you have used mark-up code, if its implemented correctly and where it is missing.

Sign Up For Early Access
& Earn a Chance to Win 1 Years Free Subscription!

What You Get...

There's no obligation to become a full member after your trial, but we think that once you've seen what's available, you'll want to join us.

We are in the process of building our software and are ramping up to launch the Technical Auditing component in early 2018, soon to be followed by a suite of other components such as keyword ranking and backlink analysis.

Sign up today for 1 months free access and get a further 10% off of any package price when we launch for the first year as a reward for being an early subscriber.

Also, you will be entered into a lottery, where we will be giving away five 1-year subscriptions for free!

Sign up for early access today!