Adding Recipe Schema.org metadata to your blog posts, pages, products, and collections 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.
There are two ways to add metafields to Shopify as of mid-2022.
- The first is using your metafield tool of choice.
- 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
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
prepTime– how long it takes to cook the recipe. This must be in the ISO 8601 duration format. e.g. 90 minutes would be
totalTime– how long it takes to cook the recipe. This must be in the ISO 8601 duration format. e.g. 90 minutes would be
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.
Get more organic search traffic for your Shopify store
Increase organic SEO traffic through Google’s Rich Results. One-click allows search engines and others to understand your store and products.