Schema Markup is a powerful method to boost your SEO and to increase your exposure on SERPs (Search Engine Result Pages). Even though schema markup is easy to create, it isn’t used as often as other elements of SEO. Many people don’t even know what it is or what it is used for. In this guide, you will find everything you need to know about schema markup to start creating your own schema markup.
Schema markup, which can be found at Schema.org, is a semantic vocabulary of microdata that you add to your website’s HTML so that search engines can better read and understand your content. That sounds a lot more complicated than it actually is.
Basically, schema markup is microdata for search engines that results in more relevant results on SERPs, and potentially more exposure for your site due to additional features and information being displayed directly on the SERP.
Overall, schema markup is extremely useful when it comes to providing search engines with additional information and letting search engines fully understand your content.
Schema.org is a collaboration by Google, Bing, Yahoo, and Yandex. They share a collection of schemas (code / semantic vocabulary) that you can use to create structured data with your content. You can imagine it like templates that you can use to create your own structured data that is easy to read for search engines.
Schemas are categorized in types, such as ‘Book’, ‘Movie’, ‘Event’, or ‘Product’, which then consists of properties that give more details about the type of Schema.
For example, properties of the Schema type ‘Movie’, would be: ‘actor’, ‘director’ or ‘duration’, which give more detailed information about a movie.
There are no signs that Schema Markup has an effect on your rankings on the SERPs, however, rich snippets result in an improved Click-Through Rate (CTR).
Rich snippets are very similar to normal search results that you receive from search engines like Google, but the big difference is that they contain more information directly on the SERP without having to click on the search result. This is because rich snippets are more visible on the SERP and people tend to look at them first because in most cases the answer is already there. Further below we’ll show you what that looks like.
In addition to this, users receive more relevant results from search engines which can help to decrease your bounce rate and increase the dwell time.
As previously mentioned, structured data is data that has been organized into a standard format that makes it easy for search engines to crawl and index your content. So, when you use Schema Markup, you make unstructured data into structured data which results in search engines being able to understand your content better.
Even though search engines get better at understanding natural language, they can still struggle from time to time. For example, to mention the word “Apple” on your page using HTML, you may tag it as <h1>Apple</h1>. However, from search engines’ perspective, <h1>Apple</h1> simply gives the browser instruction to display the text string “Apple” in heading 1 format.
The HTML tag does not give any information about what that text string means. “Apple” could refer to a type of fruit, or it could also refer to the technology company. A page with proper schema markup allows search engines to intelligently crawl the site, and to display relevant content to the searcher on its result pages.
Creating structured data is important for SEO because it can result in getting a rich snippet on search engines which has several benefits such as increased exposure.
Schema Markup is used to generate rich snippets. There are different types of rich snippets available to rank for. Currently, there are currently 27 types of rich snippets and two of those are in beta.
If you don’t know what some of the properties mean or what you need to add, don’t worry. Schema.org provides detailed descriptions about every property, and in Google’s developer’s guide you can find the required properties that you have to markup to have a better chance at a rich snippet.
Here are some rich snippets explained in detail which are frequently shown on SERPs:
FAQ means Frequently Asked Questions and is a list of questions and answers related to a topic. As an example, I used SEO as a search term and found this FAQ snippet from Neil Patel. This schema markup is called the FAQ page.
A how-to snippet is a content that is explained step-by-step via text, video, or images. This snippet can help you complete a task like fixing your bike or learning how to make Dutch coffee.
The schema markup for this snippet is called HowTo. Remember that the markup is different depending on whether your how-to tutorial is in text, video, or images.
A product snippet can have three different schemas. These are AggregateOffer, Offer, and Product schemas. Below is an example of a product snippet where you can see the rating and the price of the product.
As the name suggests, a recipe snippet is to provide information about a cooking recipe and the dish. This can be preparation time, ingredients, calories, etc. Just like with other schemas, there are required and recommended properties. You can check them in this developer’s guide on structured data.
Recipes with structured data can appear on Carousels which is a list-like display of, in this example, recipes.
As carousels mostly appear on mobile, it is advised to use AMP (Accelerated Mobile Pages). AMP pages provide a faster page speed which is important for users and is also a ranking factor of Google. This is specifically important for recipe snippets because AMP pages with structured data have a higher chance of appearing in rich snippets like a carousel.
Google can also show video results for users to watch. To have a better chance at a video snippet, check out the VideoObject schema at Schema.org or Google’s developer guide and make sure to define the required properties.
Don’t worry about having to learn how to code in order to integrate schema markup in your webpages. The integration can be as easy as adding additional vocabulary to your HTML codes.
Below you will find more information on the different schema markup formats. But, if coding isn’t for you, we will show you great tools and plugins afterward that will help you with your markup generation and integration.
Overall, there are three different formats to add Schema Markup on your web pages. These formats are microdata, JSON-LD, and RDF-a.
I will give three examples based on all the formats that you can use. To make it easier to see the difference between each format, I used them on the same type of schema.
Below you can see the information for a restaurant which we would like to change into schema markup:
4 stars – based on 68 reviews
3407 W 6th St.
Los Angeles, CA 90020
Mon – Sat 12 am – 2:30 pm
Mon – Thur 5 pm – 10pm
Fri – Sat 5 pm – 10 pm
Categories: Asian, All-you-can-eat
Price Range: $$
Takes reservation: Yes
Microdata is labeling your content using HTML 5. Don’t worry, it is just basic HTML tags like div and span. As you probably already noticed, the data is structured and labeled according to their , , and . Itemscope specifies that certain HTML code is about a particular item.
But, it’s not that helpful to specify that there is an item being discussed without specifying what kind of an item it is. You can specify the type of item using the attribute immediately after the . Itemtypes are presented as URLs.
Itemtypes all have properties. A restaurant has properties like opening hours, price range, and address. To label properties of a type use the attribute.
In the RDF-a format, they use typeof, property, and vocab as labels for the description. In this format compared with microdata, the property is used instead of . It is still used to label properties of a type though. Furthermore, the typeof attribute is used instead of the one.
All the elements are separated by their own label which makes it easier to understand. For example, in this context users can search for your restaurant by location, cuisine, or rating and Google might decide to display that information on SERP.
Some of you might struggle with the coding part. Here are some great tools that can help you implement Schema Markup in your website.
Rich Result Test
This is the first tool that you should use before adding Schema Markup. With this tool you can check whether your website supports rich results. This tool is provided by Google for free but it is still in the beta version. This means that not all rich result snippets are supported yet.
Merkle’s Schema Markup Generator
A great tool that can be used by everyone who has no affinity for technology or coding. This is a really helpful tool as it automatically generates the Schema Markup code for you. In return, you only need to identify the elements.
We took the data type Job Posting as an example. On the right-hand side, the code gets generated. As you can see in the picture above you have three options to choose from after having the code. You can either copy, test, or reset the Schema Markup by clicking on the three buttons on the right-hand side.
Google Structured Data Markup Helper
The second tool to generate Schema Markup is the structured data markup helper. This tool is provided by Google and it is free. You can either add structured data for your website or email. Afterward, choose the desired data type that you want and you also have the option of adding a URL or HTML code.
Afterward, you can click on the “start tagging” button to continue.
The data type that we used in the picture below was Job Posting and the URL we gave was the job page from Twinword. The only thing that you have to do is to click on the content that you want to Markup. Then you have to identify the tag that the content belongs to. You can see in the picture that we identified Marketing consultant as the title tag.
After you are done with marking up, click on the “create HTML” button on the top right. Now you can download the data that has been created and add it to your website.
Google Structured Data Testing Tool
The last step is to make sure that your structured data is set up as it should be. For this, you can use Google’s structured data testing tool which is free. You can either paste your URL or paste the HTML code. After that, click on the button “run test”. It will show you all the structured data that is present on your page on the left, and on the right, the tool will let you know if there is something wrong with it.
Schema Markup WordPress Plugins
There are many WordPress plugins available to users. You have to try for yourself and see which one is the best for you. But here is some help by choosing between the ten best Schema Markup WordPress plugins. For example, Schema Pro is a popular and easy-to-use plugin. It supports thirteen different schema types. The plugin is a premium one and it costs $79 for 1 year.
A free plugin that you can use is the All In One Schema Rich Snippet. It only supports eight different schema types but it is free to use and a very simple plugin to start adding Schema Markup.
Follow the developer’s guidelines from Google or use the tools that we’ve recommended and easily create schema markup for your website to increase your online visibility and website traffic.
With schema markup, your potential customers can now see directly on Google what your website is all about, what products or services you provide, see your pricing model, know where are you located in the world, and so so much more.
Think of schema markup like an information card containing all the crucial data of your business. You don’t want to miss out on all of these opportunities, right? So go ahead and create schema markup for your site!
Want to read more on General SEO, check out these helpful articles: