Recipe

Example of image search on a mobile device and example of a rich result

Mark up your recipe content with structured data to provide rich results (previously known as rich cards) and host-specific lists for your recipes, such as reviewer ratings, cooking and preparation times, and nutrition information.

Recipe markup enables a badge on the image in mobile image search results, which can encourage more users to click your content.

Examples

See examples for recipes using JSON-LD code in the Structured Data Testing Tool.

Here's an example for the query “mango recipes".

<!doctype html>
<html amp lang="en">
  <head>
    <meta charset="utf-8">
    <title>Strawberry-Mango Mesclun Recipe</title>
    <link rel="canonical" href="http://example.ampproject.org/recipe-metadata.html" />
    <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
    <script type="application/ld+json">
     {
      "@context": "http://schema.org/",
      "@type": "Recipe",
      "name": "Strawberry-Mango Mesclun Recipe",
      "image": [
        "https://example.com/photos/1x1/photo.jpg",
        "https://example.com/photos/4x3/photo.jpg",
        "https://example.com/photos/16x9/photo.jpg"
        ],
      "author": {
      "@type": "Person",
      "name": "scoopnana"
      },
      "datePublished": "2008-03-03",
      "description": "Mango, strawberries, and sweetened dried cranberries are a vibrant addition to mixed greens tossed with an oil and balsamic vinegar dressing.",
      "aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": "5",
        "reviewCount": "52"
      },
     "prepTime": "PT15M",
     "totalTime": "PT14M",
     "recipeYield": "12 servings",
     "nutrition": {
       "@type": "NutritionInformation",
       "servingSize": "1 bowl",
       "calories": "319 cal",
       "fatContent": "20.2 g"
     },
      "recipeIngredient": [
        "1/2 cup sugar",
        "3/4 cup canola oil",
        "1 teaspoon salt",
        "1/4 cup balsamic vinegar",
        "8 cups mixed salad greens",
        "2 cups sweetened dried cranberries",
        "1/2 pound fresh strawberries, quartered",
        "1 mango - peeled, seeded, and cubed",
        "1/2 cup chopped onion",
        "1 cup slivered almonds"
       ],
     "recipeInstructions": "\n1. Place the sugar, oil, salt, and vinegar in a jar with a lid. Seal jar, and shake vigorously to mix.\n2. In a large bowl, mix salad greens, sweetened dried cranberries, strawberries, mango, and onion. To serve, toss with dressing and sprinkle with almonds."
     }
   </script>
  </head>
  <body>
    <h1>The best strawberry and mango mesclun you’ll ever try!</h1>
  </body>
</html>

Here's an example for the query “grandma's holiday apple pie”.

<!doctype html>
<html amp lang="en">
<head>
<meta charset="utf-8">
<title>Perfect Apple Pie Recipe</title>
<link rel="canonical" href="http://example.ampproject.org/recipe-metadata.html" />
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<script type="application/ld+json">
{
  "@context": "http://schema.org/",
  "@type": "Recipe",
  "name": "Perfect Apple Pie",
  "author": "Gin Blanco",
   "image": [
    "https://example.com/photos/1x1/photo.jpg",
    "https://example.com/photos/4x3/photo.jpg",
    "https://example.com/photos/16x9/photo.jpg"
   ],
  "description": "A classic apple pie takes a shortcut with easy Pillsbury® unroll-fill refrigerated pie crust.",
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "4.5",
    "reviewCount": "276",
    "bestRating": "5",
    "worstRating": "1"
  },
  "prepTime": "PT30M",
  "totalTime": "PT3H",
  "recipeYield": "8",
  "nutrition": {
    "@type": "NutritionInformation",
    "servingSize": "1 medium slice",
    "calories": "230 calories",
    "fatContent": "1 g",
    "carbohydrateContent": "43 g",
    "cholesterolContent": "0 mg",
    "fiberContent": "1 g",
    "proteinContent": "1 g",
    "saturatedFatContent": "2 ½ g",
    "sodiumContent": "200 mg",
    "sugarContent": "27 g",
    "transFatContent": "0 g"
  },
  "recipeIngredient": [
    "1 box Pillsbury™ refrigerated pie crusts, softened as directed on box",
    "6 cups thinly sliced, peeled apples (6 medium)",
    "3/4 cup sugar",
    "2 tablespoons all-purpose flour",
    "3/4 teaspoon ground cinnamon",
    "1/4 teaspoon salt",
    "1/8 teaspoon ground nutmeg",
    "1 tablespoon lemon juice"
  ],
  "recipeInstructions": [
    "1 Heat oven to 425°F. Place 1 pie crust in ungreased 9-inch glass pie plate. Press firmly against side and bottom.",
    "2 In large bowl, gently mix filling ingredients; spoon into crust-lined pie plate. Top with second crust. Wrap excess top crust under bottom crust edge, pressing edges together to seal; flute. Cut slits or shapes in several places in top crust.",
    "3 Bake 40 to 45 minutes or until apples are tender and crust is golden brown. Cover edge of crust with 2- to 3-inch wide strips of foil after first 15 to 20 minutes of baking to prevent excessive browning. Cool on cooling rack at least 2 hours before serving."
   ]
}
</script>
<style>body {opacity: 0}</style><noscript><style>body {opacity: 1}</style></noscript>
    <script async src="https://cdn.ampproject.org/v0.js"></script>
  </head>
  <body>
    <h1>The best apple pie recipe you’ll ever try!</h1>
  </body>
</html>

Here's an example for the query "great chicken recipes".

Guidelines

In addition to the general guidelines that apply to all rich results, be aware of the following extra guidelines for recipe rich results:

Use AMP to build your recipe pages and mark up the content with structured data to provide rich results and instant-loading host-specific lists for your recipes.
Use recipe markup for content about preparing a particular dish. For example, "facial scrub" or "party ideas" are not valid names for a dish.
Use recipe property markup for a single recipe, not a category of recipes or a list of recipes. For example, “10 apple pie recipes” is not a single recipe. See technical guidelines regarding multiple entities on the same page.
If the recipe markup contains a single review, the reviewer’s name must be a valid person or organization. For example, "50% off ingredients" is not a valid name for a reviewer.
To enable your recipes to appear in a host-specific list, you must provide ItemList markup to summarize the recipes for your list. You can provide ItemList markup separately or together with Recipe markup. See Mark Up Your Lists for details.
For host-specific lists, your site must have a summary page that lists all the recipes in the collection, so that when a user clicks the summary link from Search results, they are properly directed to a page on your site listing the recipes related to their search.

Type Definitions

ItemList Properties

The following table indicates the ItemList properties necessary for host-specific lists. See specific guidelines above and Mark Up Your Listings for implementation details.

Property

Property
`itemListElement`	ListItem, required Annotation for a single item page.
`ListItem.position`	Integer, required Ordinal position of the item page in the list.
`ListItem.url`	URL, required The canonical URL of the item page. Every item should have a unique URL.

itemListElement

ListItem, required

Annotation for a single item page.

ListItem.position

Integer, required

Ordinal position of the item page in the list.

ListItem.url

URL, required

The canonical URL of the item page. Every item should have a unique URL.

Recipe Properties

Build your recipe pages with AMP, and mark up your recipe content with the following properties of the schema.org Recipe type. In addition to the required fields, mark up as many of the recommended fields as possible to drive better engagement in Search.

Properties
`aggregateRating`	AggregateRating, recommended Annotation for the average review score assigned to the item.
`author`	Person, recommended Creator of the recipe.
`cookTime`	Duration, recommended The time it takes to actually cook the dish, in ISO 8601 format. Can usemin, max as child elements to specify a range of time. Always use in combination with `prepTime`.
`datePublished`	Date, recommended The date the recipe was published, in ISO 8601 format.
`description`	Text, recommended A short summary describing the dish.
`image`	URL or ImageObject; required for Image Search, recommended for Search Image of the completed dish. Additional image guidelines: Every page must contain at least one image (whether or not you include markup). Google will pick the best image to display in Search results based on the aspect ratio and resolution. Image URLs must be crawlable and indexable. Images must represent the marked up content. Images must be in .jpg, .png, or. gif format. For best results, provide multiple high-resolution images (minimum of 50K pixels when multiplying width and height) with the following aspect ratios: 16x9, 4x3, and 1x1. For example: "image": [ "https://example.com/photos/1x1/photo.jpg", "https://example.com/photos/4x3/photo.jpg", "https://example.com/photos/16x9/photo.jpg" ]
`name`	Text, required The name of the dish.
`nutrition.calories`	Energy, recommended The number of calories in the recipe.
`prepTime`	Duration, recommended The length of time it takes to prepare the recipe for dish, in ISO 8601 format. Can use min, max as child elements to specify a range of time. Always use in combination with `cookTime`.
`recipeCategory`	Text, recommended The type of dish. For example: appetizer, entree, or dessert.
`recipeIngredient`	Text, recommended An ingredient used in the recipe.
`recipeInstructions`	Text, recommended The steps to make the dish. Can contain the child element instruction, which can be used to annotate each step.
`recipeYield`	Text, recommended The quantity produced by the recipe. For example: number of people served, or number of servings.
`review`	Review, recommended A review of the dish. Can include nested review information.
`totalTime`	Duration, recommended The total time it takes to prepare the cook the dish, in ISO 8601 format. Can use min, max as child elements to specify a range of time. Use `totalTime` or a combination of both `cookTime` and `prepTime`.