How To Add Recipe Schema in WordPress Food Blog

how to add recipe schema in WordPress

If you are passionate food blogger, and want your recipes from your WordPress website stand out from the competition, adding recipe schema can aid you to do this. Adding schema in your recipes will help it to appear as enticing rich snippets in Google search results. Further, it drives more clicks and visits to your blog.

By implementing a recipe schema markup on WordPress website, you can create attractive recipe snippets that will appear in search results. These snippets provide additional information, such as images of the dish, the time needed to prepare it, and user ratings. It can help draw more clicks and enhance website conversions.

Recipe Schema: An Overview

recipe rich snippet

The Recipe schema markup provides a way for search engines to recognize and interpret data related to recipes from your WordPress website more easily. Using this markup, you can ensure search engines can accurately identify essential details.

It includes ingredients, ratings, nutritional value, preparation and cooking times, etc. This information appears as rich snippets, helping you stand out from competitors in search engine results.



Schema Markup can benefit your Search Engine Optimization efforts by providing search engines with more detailed information about your website. It can help Google better understand what your website is about. Further, it leads to improved visibility and higher rankings in search engine results.

It can then improve your chances of ranking higher in search results. To accomplish this task, it requires no coding. Instead, you can use tools to add the Schema Markup to your web pages easily.

Recipe Schema Coding:

Recipe schema is a code added to WordPress web pages that include recipes, such as blog posts. These are "rich cards" or "a rich snippet recipe.” It describes the visual effects of the code on Google. 

  • Cook Time: The total cooking duration, excluding preparation time, for the dish is the time it will take to cook or bake it.
  • Cooking Method: This refers to the preparation method you will be using to make the dish, such as steaming, frying using an Instant Pot, etc.
  • Recipe Cuisine: This could be any cuisine from various countries, including France and Italy.

Markup codes are useful in recipes to help organize the information. Standard codes include HTML, XML, JSON, and YAML. Each of which is to denote different elements of a recipe, such as ingredients, instructions, cooking times, and dietary information:

  • Recipe Ingredient
  • Prep Time
  • Recipe Yield
  • Date Published
  • Recipe Instructions
  • Aggregate Rating
  • Recipe Category

Before we advance, you may wonder how this coding type came to be. Some of the most acclaimed search engines collaborated with to endorse more structured data on the web. 

Impact Of SEO With Schema - Rich Snippets 

When creating content for a food blog, it is essential to optimize for search engines. One way to do this is to add recipe schema markup to your WordPress site. It will let search engines understand the content of your recipe and display the correct information in search results.

Rich snippets are desirable because they provide a helpful search audience and visually appealing information. By displaying eye-catching visuals like recipe pictures, they can better engage potential customers. Thus, it can increase their chances of clicking on the link.

If people click on your website, your click-through rate will rise, and you will get more visitors to your pages and posts. It will improve search engine optimization, putting you one Stage closer to becoming a well-known online chef.

The difficulty with gaining rich snippets is that it requires adding schema markup to your website, which is challenging. You must have coding knowledge to do it manually, which can be challenging.

Schema markups enable search engines to better comprehend a website's content by providing structured data. This data, such as cooking time and user ratings, helps the search engine understand the recipe better.

In addition, it displays it attractively and engagingly to viewers. Using schema markups, Google can showcase recipes more prominently in search and image results.

Let Us Know How?

Schema markups allow novice food bloggers to create visually appealing and easily visible websites on Google. By using two or more of the following codes in the markup, users will be able to view a rich snippet recipe: 

  • Total Time, 
  • Nutrition Information, 
  • Prep Time, 
  • Review.
  • Cook Time, 
  • Recipe Ingredients, 
  • Image

Minimum of two codes is necessary for a recipe schema. Hence, it is beneficial to include more for users to access more information quickly. Examining these search results can provide further insight.

For example: It shows up when you look up "cheesecake." There are three recipe cards with rich snippets with pictures, ratings, preparation times, and ingredient lists. It makes the recipes look very tempting.

After browsing a few pages of Google search results for "cheesecake," you might come across the recipe above. Some of which fails to grab attention. It's unlikely that the link clicked on, particularly wants something appetizing. Most likely, they draw to one of the more delicious results before reaching this one.

Although schema markups do not directly impact a blog's search engine ranking, they affect a link's click-through rate (CTR). It helps Google determine if the link is a suitable response to the query. The higher the CTR, the more likely the content is relevant to the search.

Significant Benefits of Schema Markup 

Adding recipe schema markup to your WordPress blog recipes can have several benefits, like

Improved Visibility in Search Results: Schema markup helps search engines understand the content of your recipe better, allowing to display your recipe with relevant rich snippets in search results. These snippets can include things like the recipe's rating, cooking time, and ingredients. These rich snippets help your recipe stand out and increasing the chances of users clicking on it.

Enhanced User Experience: When your recipe appears inside the rich snippet, it provides users with more information about your recipe at a glance, making it easier for user to decide on the result. It also allows users to find basic information, such as cooking time or serving size, without having to read through the entire recipe.

Increased Traffic : When your recipe display with the specific information, it can lead to increased click-through rates and drive more traffic to your website. This can be especially beneficial if you're a food blogger or run a website that relies on traffic to generate revenue.

Improved Accessibility: Recipe schema markup can help improve the accessibility of your recipes for people with disabilities. By providing clear and concise information about your recipe's ingredients, cooking time, and other details, you make it easier for everyone to enjoy your recipes.


Manually Adding Recipe Schema

If you don't want to utilize Schema plugin or specially designed food blogging WordPress theme, you can still incorporate Schema into your WordPress site manually. Below are the steps:

  • Stage 1: Facilitate Customized Domains: To add Schema to a page or post in WordPress, begin by accessing the page or post from the dashboard. Then, click on the three vertical dots in the top right corner and scroll down the sidebar that appears. Ensure that "Custom fields" is selected under the Advanced panels, and you can now add your Schema information.
  • Stage 2: Create the Code: You can use Google's Structured Data Markup Helper to generate your Schema markup code. Start by entering the topic and URL of your webpage, then click Start Tagging. Once on the next page, you can highlight elements of your page and select the relevant terms from the dropdown menu. Once finished, press Create HTML and copy the following JSON-LD snippet.
  • Stage 3: Enter the Code: Go back to the post in WordPress and scroll to the bottom of the page. In the Custom Fields area, click Enter New. Give your markup a name and paste the code into the Value field. To save the change, click Add Custom Field under the Name box, scroll to the top of the page, and click Update.
  • Stage 4: Update Your Header File: To edit your website's header, go to the Dashboard and select Appearance > Header. Once there, locate the header.php file under WordPress Theme Files and open it with the code. Push the updated file to the server, reload the page, and you're ready.

Adding Recipe Schema to WordPress Website Using Plugins

Setting up your Schema markup with a plugin is the most straightforward choice for many people. Various WordPress recipe plugins are available to help you craft detailed meta tags, descriptions, and formatting.

Some plugins are designed to add Schema markup to your website specifically. For instance, WP Product Review is structured to create ratings and reviews. Further, it adds the relevant Schema code.

These recipe plugins make adding Schema markup to your WordPress website easy with minimal effort. All you need to do is make a few configuration settings, and the plugins will do the rest. It allows you to reap the rewards of using Schema without spending hours manually.

Final Word:

When potential website visitors search online for a recipe for their next culinary delight, it is likely to choose your website. It happens if they can see a wealth of information in the search results.

Utilizing recipe schema can help with this by providing extra details to the Google search results. It includes details such as total preparation time, review ratings, and a mouth-watering image. It's easy to set up recipe schema markup on your WordPress website, even if you are not a tech-savvy.

With such impressive outcomes, it is especially beneficial for new food bloggers. Hence, getting it up and running in no time should be a priority.

Back to blog