Adding Recipe Schema for Rich Snippets

Adding Recipe Schema.org metadata to your blog posts, pages, and collections (or anywhere) in Shopify can improve how your page shows up in Google’s organic results.

JSON-LD for SEO supports the recipe type once you add some additional data to your page. This will need to be done for each page you’d like to show up as a recipe.

The example below uses a blog post but recipes can be added to different areas of Shopify such as blog posts, pages, collections, products, etc.

Add metafields

There are two ways to add metafields to Shopify as of mid-2022.

1. The first is using your metafield tool of choice.
2. The second is to use Shopify’s native metafield tool. I found this to be a bit easier because I’m only creating the metafield once, then assigning values to each recipe.

Whatever you choose is fine. Once you decide how (app or Shopify) add the following fields to pages, blog posts, etc under the jsonld namespace.

• namespace: jsonld
• key: recipeCategory
• type: string (single-line text)

The only required field is the recipeCategory but the others are highly recommended as Google will use that data in their analysis and Rich Results.

• recipeCategory – (required) the category for the recipe.
• cookTime – how long it takes to cook the recipe. This must be in the ISO 8601 duration format. e.g. 90 minutes would be PT90M or PT1H30M
• prepTime – how long it takes to cook the recipe. This must be in the ISO 8601 duration format. e.g. 90 minutes would be PT90M or PT1H30M
• totalTime – how long it takes to cook the recipe. This must be in the ISO 8601 duration format. e.g. 90 minutes would be PT90M or PT1H30M
• calories – number of calories in the recipe
• recipeIngredient – the list of ingredients used in the recipe, separated by a semi-colon (;)
• recipeInstructions – the step-by-step instructions for the recipe, separated by a semi-colon (;)
• recipeCuisine – the region associated with your recipe. e.g. American, French, Mediterranean.
• keywords – other descriptive terms for your recipe, separated by a comma (,). Don’t use the ones you added to the recipeCategory or recipeCuisine.

The following data is optional. If you don’t enter it into a metafield, JSON-LD for SEO will use the values from your Blog Post.

• name – recipe name, this will default to the name of the blog post title
• description – description of the recipe, this will default to the blog post description
• author – recipe author, this will default to the blog post author
• image – image for the recipe, this will default to the blog post’s featured image

Example of what to enter using the metafields app

Example of what to enter using Shopify’s native metafields tool

Assign values to your newly created metafields

Then, you’ll want to add the values to your recipe. Go to your page, blog posts, etc, and scroll to the bottom. You’ll see a spot for Metafields. Select Show All to add the values. The end result may look something like this:

Testing the Recipe Schema

Once these metafields have been created and saved for the blog post, you can use Schema Markup Validator to verify the data is correct.

It will take some time before Google updates its results to include your recipe Rich Snippet.

You can see a demo of what this looks like on the JSON-LD for SEO demo site.