Schema. It’s a tough word to say, isn’t it?
It’s kind of like Bjork. You think you know how to pronounce it, but the first time you speak it out loud you find yourself doing the ole’ name + mumble combo in an effort to conceal the fact that you’re not 100% sure how to say it.
For a long time I felt the same way with my general understanding of schema. I felt like I kind of understood it, but I wasn’t 100% sure. After realizing that I wasn’t 100% sure how schema markup worked I decided to go on a schema research frenzy (like I do…).
This post is a condensed review of that research, written from a food blogging perspective.
That being said, if you’re not a food blogger you should still keep reading. Schema markup is a concept that all bloggers and website owners should understand (and implement)!
I know that a lot of you read the words “schema” and “markup” and you think “really complicated.” Thankfully that’s not the case. The good news with running a food blog is that there usually isn’t any manual coding you have to do to use schema markup on your blog.
You just need to:
- Understand how schema markup works and why it’s important.
- Use the right plugins so schema markup is added to your blog.
Let’s start with that first part, understanding how schema works and why it’s important.
I think it’s easiest to understand the concept by pretending that you and I are sitting across from each other at a coffee shop (if you really want to paint the picture, I’d be drinking an Earl Grey Tea Latte).
Instead of just talking at you (i.e. the equivalent of writing really long paragraphs about schema markup), I’ll do my best to talk with you. I’ll do this by providing short, simple answers to questions that you might be asking yourself about recipe schema markup and how it impacts your food blog.
Let’s jump in!
PART 1: Understanding how schema markup works and why it’s important
How’s the Earl Gray Tea Latte?
Super yummy. Thanks for asking.
Bjork, do you mind if I ask you a few questions about schema?
Sounds like fun! I love talking about schema markup. What are your questions?
What is schema?
Schema markup is a type of code you add to your website, but I like to think of it as an interpreter between you and search engines.
It can also be called “structured data.”
Do you have an example?
Let’s say that you have the word “chocolate” in one of your recipes.
Without an “interpreter,” Google isn’t smart enough to know if you’re talking about (a) an ingredient in your recipe or (b) the 2008 movie about an autistic girl with powerful martial art skills who settles her ailing mother’s debts by seeking out the ruthless gangs that owe her family money.
Yes, that movie description is for real, and yes, the movie is called Chocolate.
That’s why we need schema markup. Schema markup acts as an interpreter between the content on your blog and a search engine. When using schema markup, you just add a little piece of code to the word “chocolate” so Google knows that you’re talking about chocolate the ingredient, not the movie.
What does schema markup look like?
Here’s what it would look like if we were talking about Chocolate the movie:
Here’s what it would look like if we were talking about chocolate as an ingredient:
That looks kind of complicated. Will I need to know how to code that?
Nope. Not if you use the right plugins. This post is just about understanding what schema markup is and how it’s used, not learning how to code it.
Who created this darned thing?
The folks behind Google, Bing, Yahoo!, and Yandex (a Russian search engine) teamed up to create the Schema.org community, which helps to “create, maintain, and promote schemas for structured data on the Internet.” You can read more about it at schema.org.
There are a few different types of schema markup including Microdata, RDFa, and JSON-LD.
Okay, so which schema markup should I use?
Yeah, good question. Right now, the recommended schema markup is called JSON-LD. You can read a bit more about it here, but it’s the preferred schema markup for search engines like Google and Pinterest.
So what’s in it for the search engines?
The goal of a search engine is to provide really helpful, quality search results to their users. Schema markup helps them accomplish this goal by making it easier for them to show results that have additional (i.e. helpful) information.
For instance, IMDb uses schema markup for movie ratings. This allows Google to pull that into their search result and show it on the search page:
Pinch of Yum uses schema markup for our recipes, which allows Google to pull in the recipe image and star rating:
So what’s in it for me?
Ah, yes. The million dollar question!
Using schema markup on your site increases the chances that search engines will show rich snippets for your site, which increases the CTR for search results (CTR stands for “Click Through Rate”).
In other words, using schema markup on your site increases the chances that your blog’s search results will include more interesting information (like a photo, a rating, or ingredients information), which in turn means that more people will click on that link.
While having schema markup on your page doesn’t directly impact your search ranking, the CTR from searches does impact your ranking. When a user clicks on a search result and stays on that page (i.e. they don’t immediately go back to the search results page), that’s a signal that the search result matched the query. Google and other search engines care very much aout matching the user’s query, so when your page matches the query, well, your page is more likely to rank well.
Another cool thing about schema markup is that other websites can use it to add functionality to their site.
Why did you emphasize the words “increases the chances” in that last answer?
It’s important to know that using schema markup doesn’t guarantee that search engines will use that information to enhance your content in search results, it only increases the chance that they’ll use it.
What’s an example of a website that uses schema markup to add functionality?
If you’re a food blogger than you’re probably familiar with Rich Pins for Recipes.
With Rich Pins, Pinterest uses your blog’s schema markup to pull in additional information about your recipe and displays that information with the pin.
Here’s an example of what that looks like:
Now, if we look at the blog post’s source code we can see the schema markup that Pinterest is using to pull in that information:
Pretty neat, huh?
Will using schema markup help my blog posts show up higher in search results?
Not necessarily. That’s what Google says at least.
If you watch this video from Google you’ll see that their answer to this question isn’t a “hard no,” but it’s definitely not a “yes” either.
Why should I use schema markup if it doesn’t help my site show up higher in Google?
See question “So what’s in it for me?”.
Okay…I get the gist of it. Hit me with the hard stuff! Can you show me some schema in action?
Take a look at this quick video FBP team member, Alexa, put together showing you an example of schema in action on a Pinch of Yum recipe post.
PART 2: Using the right plugins so schema markup is added to your blog
Awesome! So I get what recipe schema is. How do I add it to my blog though?
As I mentioned before, the good news for food bloggers is that there are plugins that will help you automatically add schema markup to your blog.
There are a few different plugin options out there that comply with Google’s Structured Data Guidelines:
- Tasty Recipes: First and foremost…the recipe plugin that we built! It’s a lightweight premium plugin that makes it easy to add recipes to your post with the schema markup (JSON-LD) that makes search engines happy.
- WP Recipe Maker: Another super solid recipe plugin with a free and premium option.
If you’re a member, you can find some additional information about choosing the right recipe plugin for you in the Essential Plugins forum or in the Understanding Recipe Plugins course.
If you’re not a member, email your plugin developer to see which markup is used within your plugin.
Yep. There’s lots of other cool stuff you can do with schema markup, but for a food blogger the important thing is using one of these plugins. This will ensure that schema markup is automatically added to your recipes and that the schema markup is compliant with Google.
I have two more questions.
How do you pronounce schema?
How do your pronounce Bjork?
Thanks for sharing this virtual coffee conversation with me. 🙂 If you have any other questions hop on over to the community forum or leave a comment below.
Great post! I just got approved for rich pins on Pinterest and they’re a real game changer. Thanks to you I’ve been using Easy Recipe since I started my blog one year ago, so glad I listened :)!
Thanks Alexe. Congrats on getting rich pins implemented!
Fabulous post! I was just looking into a review plugin that talks about schema. This is a great easy read about it. Although I need to read it another 10 times to fully understand it. Thank you! 🙂
Haha. I know what you mean! This is the kind of stuff that I have to read through more than once before I really start to make sense of it. Let me know if you have any questions. If I know I’ll let you know. 🙂
Awesome post and video! Still no plugins or way to do this with Blogger, right? I want to switch to WordPress but don’t think I can get it done until 2015 at the earliest.
Thanks Becky! Neh. 🙁 It’s such a bummer… I can do it manually but it takes a lot of work. FBP member Dan talks about his process (before moving to WordPress) in this thread: https://www.foodbloggerpro…
I use the Easy Recipe plugin, but I don’t seem to have schema markup. Is it because I don’t have the premium version of Easy Recipe? Is there something else I need to do or add to have schema markup?
There shouldn’t be! Could you post a link to an example page on your blog?
Here’s a link to a post with an Easy Recipe: http://somethewiser.danoah…, but when I do a google search for that post, it shows up but without all the fancy schema stuff in your video. (Is that what you meant?)
I just checked out your page and it looks good to me (see attached)! What part did you think was missing?
Easy Recipe doesn’t let you upload a picture unless you upgrade to plus. I’m guessing this is why yours (and mine) don’t look the same as Bjork’s in search results–because there is no picture.
I must admit I was looking forward to uploading an awesome new plugin (especially after getting through all of this with lots of kid voices around and [i think] understanding it). But, it’s nice to know I am already using this schema thing.
Next to figure out, how to comment from my account…
Haha! We use Disqus for commenting on the blog: https://disqus.com/ Is that what you mean?
I thought there was a way to comment just from the foodbloggerpro account, but it looks like I was confused.
You’re right Debra! We used to have the commenting system tied into FBP accounts, but we changed over to Disqus a few months ago.
That is great information thanks so much for keeping us in the know! How relieved was I to see that I was already using ziplist. But good to know as I am revising my site and was considering whether or not to keep it. Whew!
It’s always nice when you don’t have to make any changes. 🙂
I just want to say thank your so much for your information. I teach cooking but I have little idea of blogging and photography (especially technical). Somehow I found you and Lindsay, thanks God! I bought Lindsay’s tasty-food-photography a month ago (I haven’t said thanks to her yet, for sure will). But this easy recipe formatting that I have been looking for so long, finally I got the answer! Thanks again Bjork! You and Lindsay are awesome people! I still have a lot of things to learn and a lot of things don’t understand…but at least I found a home to look at. Many thanks!
Wow! So nice. 🙂 Thanks so much for the kind words. Made my day!
How do I add schema to my homepage? Like how you guys have recipes, income reports and 4 of your recipes.
Hmmmm… Not sure I’m totally tracking with you on this. Can you take a screenshot and show me what you mean? http://www.take-a-screensho…
Sorry I should have included a screen shot from the get go! But do you see how pinch of yum has several links below your usual title text?
Ah! I see what you mean. Those are called sitelinks. Check out this thread for more info: https://www.foodbloggerpro…
This is great to see summarized. I have a question, though: I’ve been using Ziplist, and it seems to work fine. Yet rich snippets never seem to show up in search results. Are there other steps one needs to take, or is it just luck of the google draw?
You got it – if you have everything setup correctly then it comes down to a decision that Google makes. Lots of FBP members are trying to crack the code, but it’s proven to be pretty tough. 🙁
Bjork – I love how simple this post is, the question/answer format is really a smart way to explain things. I read a couple of other bloggers and your format is always so warm and inviting. Thank you for sharing this great information.
Thanks Amanda! Makes me so happy to hear that. 🙂
I use the Recipe Card plugin, and like it. When I do a manual check for schema, it’s in the code, but the photos and schema are not showing up in Google searches.
I first noticed this just today after reading your rich pins post, It doesn’t validate with Pinterest.
Here’s a link to show you what I mean. I’ve also noticed my site loading REALLY slowly for the last few days, and although I’ve been tweaking things, it doesn’t seem to help. Still working on that.
Any suggestions would be appreciated.
Does your site check out here? http://www.google.com/webma…
That’s the important one to check for rich snippets and structured data.
Caching will really help with the page load speed of your blog. Do you have a caching plugin setup yet? Here’s an FBP course that covers installing W3 Total Cache as well as a CDN: https://www.foodbloggerpro…
I’m currently using Quick Cache, but have used the Yoast one, and may go back to it.
Honestly, I checked site with google webmaster, it comes up, but not sure what I’m really looking for. Nothing mentioned recipes, that’s for sure.
Do you mean W3 Total Cache? I don’t think Yoast makes a caching plugin, but he recommends W3 Total Cache.
Have you looked into synchronous vs asynchronous loading for your ads? That might help!
I’ve been looking for this EXACT information, thank you!! I am using Ziplist but it seems to be touch and go, my rich pins only show up sometimes on my recipes that are pinned, sometimes they don’t. I also can’t figure out rich snippets for the life of me, but that’s a whole other ball of wax : )
Cool thanks Bjork! Do you still recommend Easy Recipe?? I have Easy Recipe Plus. Is that still ok?
Hi guys I just checked Pinch of Yum and another popular nutrition orientated website and it seems that you both use Easy Recipe plugin. Is it a plugin you would recommend too? Thank you very much for all the effort you put in this.:-)
Brilliant Post Bjork, thank you very much!
I have a question if somebody could answer here- I have recently started using Meal Planner Pro plugin for my recipes but the ingredient list still doesnt come up on Pinterest. Is it because I am not using the Pro version?
Hi Bjork, I have a quick question for you.
I am currently in the process of moving my site from Wix to Worpdress with hopes of monetizing it in the long run.
I am almost done moving all of the recipes over, but I have not been using a recipe schema so far (I’m worried now!). I looked into some of the plugins and didn’t find many designs that I liked. I really want to keep my recipe layout clean and without boarders and such. Do you recommend any? Could I ask which plugin Pinch of Yum uses? And is it a possibility not to use a plugin and just add the specific coding you you mention in the video?
Thank you for your time, and I look forward to the opportunity of becoming a member of food blogger pro. Also, I am thinking of you and Lindsay during this challenging time. You all have a lot of people thinking about you!
Hi Lauren! Just jumping in for Bjork here. That’s a great idea to move from Wix to WordPress. It’ll be a pain right now, but so worth it in the long run!
Getting your recipes set up correctly from the get-go is super important. They are, after all, what will bring readers to your site. The schema markup can’t really be done individually – it’s something that is generated when the page loads and that would take a TON of time to hand-code for each recipe. It’s definitely worth it to use a plugin.
That being said, some plugins do go a bit crazy on the styling. You’ll want a plugin that just inherits the styles from your page, but that doesn’t go overboard with backgrounds, borders, etc. We’re in the process of releasing a recipe plugin (!!) called Tasty Recipes: https://www.wptasty.com/tas…
Tasty Recipes does exactly that – it inherits styles without applying any borders or anything. You can see an example of how it looks right out-of-the-box on one of our customer’s websites here: http://hilahcooking.com/wor…. Pinch of Yum is currently transferring over to Tasty Recipes, but for POY the plugin is styled a bit more than what you may be looking for.
If you join the waiting list, we’ll contact you when we go public with the plugin in a couple months – or maybe even before. Let me know if you have any other questions!
Thanks for this post! Where do the reviews / ratings actually come from? I don’t have a place on my site for people to leave a star rating, and when I search for some of my recipe, the link is back to Pinterest and includes a star rating.
Great question! Most recipe plugins (we use Tasty Recipes – http://www.wptasty.com/tast… ) will have an option for people to leave a rating and review. You can see an example on the most recent post on Pinch of Yum when you scroll down to the form where you can leave a comment – http://pinchofyum.com/simpl…
Thanks Bjork! I’m not using a plugin with a rating system though – so that’s why I was confused. It looks like Pinterest might be adding ratings to recipe rich pins?
If you open the below URL, you’ll see two Google search results – #1 and #5 are mine, but one is a Pinterest link with ratings. Weird…any annoying because I have no idea why my recipe is only 3.7 stars 😉
Hoping this question will be helpful to others who might be noticing the same thing.
Interesting! I think in this instance they’re using this feedback:
And then Pinterest uses either a 5 (for Loved it) or 1 (for Not for me). In this case there are two 5s and one 1.
Ah! Thank you *so* much. This definitely explains it!
I have been using Tasty Recipes for the past year. I am realizing that all the recipes I have made since using this (after switching from WP Recipe Maker a year ago) does not show a thumbnail or any rating info on the google results. I am hoping there is some mistake I am doing that can be fixed or maybe there is a secondary plugin I need to go along with Tasty in order for it to work?
I actually came across this article after searching for the last 2 hours on how to get thumbnail images to show up with your recipe on google, so I am surprised to see the plugin I am using was created with this in mind since it’s not working for me.
Hi Mallory! I’m sorry to hear this is happening. We’d be happy to look into this – just reach out to us at [email protected] with a link to a recipe card that isn’t displaying the thumbnail/rating information in Google Search Results. Thanks!
Any tips for adding schema on squarespace?
This article might help you out! 😊 https://www.briancurb.com/how-to-add-schema-to-squarespace-websites/
Its more bad-york 😉 than bee york 🙂 great post!
Thanks for reading, Niall — we’re glad you enjoyed the post! 🙂
Is the review portion of the recipe schema dynamic when someone leaves a review? Or do you have to go in each time and update it?
Hey, Sara! Great question.
Are you referring to when someone leaves a review and rates the recipe? If so, once you approve that review/rating, it should automatically adjust the rating for your recipe, as well as the schema.