$2,000 Free Audit

blog

The Beginner's Guide To SEO Schema Markup

Schema markup remains one of the least utilized forms of search engine optimization. Here's everything you need to know on why it's so important and how to get started.

Ever wondered why some websites get featured all over Google? They’re in the featured snippets and drop-down answers. Some websites feature prices, reviews and phone links in Google search results. 

Well, it’s all because of something called Schema markup. 

Let’s get something straight right off the bat. Schema markup is NOT new. The major search engines – Google, Yahoo, Bing, and Yandex – have been collaborating to create Schema.org since 2011.

Yet it remains one of the least utilized forms of search engine optimization. In fact, one study shows less than one-third of Google’s search results include a rich snippet with Schema.org markup. 

For you, this presents a huge opportunity to get ahead of the competition.

Schema markup is proven to boost your website visibility in the search engine result pages (SERPs) and increase click-through rates. 

If you’ve read our Ultimate SEO Checklist, you’ll already be familiar with this tool. If not, don’t panic – you’re about to learn everything you need to know to get started. 

 

What is SEO Schema Markup?

Schema markup is microdata that you put on your website to help the search engines return more informative and detailed results to searchers (commonly known as a rich snippet).

You already know how search engine bots crawl and index the content on your site so they can return it in relevant search results. These are the basics of SEO.

With Schema markup, that content gets indexed and returned in a different way. Because your schema markup code tells the search engine what your content means. 

It all came about because major search engines recognized how useful microdata was to provide much-needed context to an otherwise ambiguous webpage.

But they faced the challenge of incorporating all the different markup vocabularies into their algorithms.

Imagine the confusion!

To solve the challenge, Google, Microsoft, Yahoo and Yandex came together to create a standard microdata library, and they called it Schema. 

Here’s how Schema.org explains it:

Most webmasters are familiar with HTML tags on their pages. Usually, HTML tags tell the browser how to display the information included in the tag.

For example, <h1>Avatar</h1> tells the browser to display the text string “Avatar” in a heading 1 format.

However, the HTML tag doesn’t give any information about what that text string means — “Avatar” could refer to the hugely successful 3D movie, or it could refer to a type of profile picture—and this can make it more difficult for search engines to intelligently display relevant content to a user.

Another term you might come across with Schema markup is JSON-LD. 

JSON-LD stands for JavaScript Object Notation for Linked Data. You use JSON-LD to annotate elements on a page, essentially structuring the data, so search engines use it to understand what elements mean. 

In terms of SEO, JSON-LD is implemented using the Schema.org vocabulary. It’s actually considered to be easier to implement as you can simply paste the markup within the HTML document, rather than wrapping the markup around HTML elements. 

However, search engines currently only display a few types of JSON-LD markup on the search results page, so the practical application of JSON-LD is limited.

 

Why you should use Schema markup

One of the biggest advantages to using Schema markup is that it creates what’s known as rich snippets. 

Google loves rich snippets:

google love rich snippets

Image credit: Quicksprout

Rich snippets make your webpages appear more prominently in search engine results pages (SERPs). 

Higher visibility means higher click-through rates. And we all know what that leads to – more conversions.

But there’s another long-term advantage to SEO with Schema markup. 

Assuming you have good content on your page, visitors that click through will be satisfied with what they’ve found so they won’t quickly return to your search results (something known as pogo sticking). 

Google sees that they’ve found what they were looking for, which could lead to your rankings getting a boost.

 

What kind of things should you be marking up?

Contrary to what many website owners might think, Schema is NOT designed to be used for every single part of your content – just the most important parts. 

Use this essential list of Schema markup.

 

1. Events

Mark up your events so that users can discover them through Google Search results and attend your event.

You can add lots of different events through markup. Local businesses can use it to highlight classes, workshops and festivals. 

Here’s what the SERP result looks like when a local NYC theatre has markup on its concert schedule page: 

concerts in new york

Here’s another great example – the New York City events calendar:

even more concerts in new york

The schema markup told the search engine to display a clickable schedule of upcoming events. For visitors to NYC, this is incredibly helpful – they can click straight onto the local event they are interested in. 

 

2. Recipes

Mark up your recipe with Schema to provide useful information for searchers, such as how easy the recipe is, cooking and preparation times, nutritional information and user reviews. 

Google recommends adding this Schema data:

  • Aggregate Rating - average review score

  • Author – creator of the recipe

  • Cook time – actual time it takes to cook the dish

  • Prep time – actual time it takes to prepare the dish

  • Date – when the recipe was published

  • Description – summary of the dish

  • Nutrition – Number of calories in each serve

And the list goes on

So, what does all that look like in the search results?

Take a look at this example:

greek moussaka

 

3. Organisation & local business information

Organisation and local business information is schema markup that every business should implement on their website. This includes markup for:

  • Business location

  • Images 

  • Site logo

  • Contact information

  • Social links

  • Ratings 

  • Amenities – e.g. free Wi-Fi, disabled access 

For a hotel, it looks something like this: 

hotel example of schema

For hotels, there’s now a structure to describe nearly every aspect of your business, right down to the types of accommodations available. These can also include the square footage of the space, and the size and number of beds.

Like we said, you can get down into the detail of almost everything about your business. But the key is to only tell Google, and therefore searchers, the most important elements. 

 

4. Products and offers markup

Do you sell products online? For eCommerce sites, product schema is a way to provide clear and helpful information around prices, stock levels, product reviews and deals.

Check out this example for a Sony camera. It lists everything you could want to know before deciding to click:

sony alpha product schema

Image credit: Yoast

Using markup to enable rich product results has incredible potential for conversions, so make sure your information is super accurate and fresh.

Another hot tip is to only use markup for a specific product, not a whole category or list of products.Google provides structured data guidelines for multiple entities on the same page.

And it won’t come as any surprise to find out that adult-related products are not supported. 

 

5. Articles

Publishing sites can use schema article markup to improve the visibility of content in Google’s news feed.

Markup content with the following:

  • Headline

  • Image 

  • Date 

  • Length of time since the article was published

But it’s not just publishers that can use article markup – if you’re writing awesome content on your blog, you can use Schema to enhance your website’s appearance in the search engines and even appear in the top stories carousel. 

Try the NewsArticle or BlogPosting schema – these are the most common.

blog posting schema

 

learn seo from the ultimate a-z seo guide for incredible roi

 

How to set up Schema Markup for the first time

First, the really good news: 

You don’t need to learn any new coding skills to use Schema markup.

All you need to do is add bits of Schema.org vocabulary to yourHTML Microdata. (Or get your web developer to do it for you).

Using Schema falls under the white hat SEO umbrella, so long as you follow the guidelines set by Google and other search engines.

Ready to get started?

 

Use these three rules.

 

1. Find the schemas that are most commonly used

There’s a long list of markup types – Schema.org provides a list of the most common types of schema markup

Use the list to identify the types that are best suited to your business, as we’ve already shown above.

Don’t apply structured data markups to every last element of your website. Think about what your potential customers will find helpful. What will compel them to clickthrough? Which details will add value? How can you provide the answers they’re looking for when they search?

 

2. Only mark up the content that’s visible to humans

Never mark up the content in hidden page elements. Cloaking or hiding content and applying structured data to content that visitors can’t see anyway is a big no-no for Google. 

The Schema markup should only be applied to what people will actually see if they go to your page. So, don’t markup ratings or reviews in Schema if visitors won’t see them when they click through on the search results.

 

3. Test your markup

Just like your web changes, make sure you always test your schema.org markup to make sure it is implemented correctly. 

Luckily, Google provides a rich snippets testing tool, which you can use to test your markup and identify any errors.

 

Schema Markup Tools You Should Try

Understanding how schema works is one thing, but knowing how to use it effectively is a whole other challenge.

Luckily, there are lots of Schema Markup tools out there to help you get the most out of this SEO tactic.

 

Option 1: Use Google Structured Data Markup Helper

Search engines know that schema markup can help them deliver better results for searchers, so they want to make it as easy as possible for webmasters to implement it.

No surprises then that Google has put together a heap of tools and resources for webmasters in its Structured Data Markup Helper. This will work for anyone, no matter which content management system you use.

Start by pasting the URL or HTML source of the web page that you want to mark up, such as an events page:

schema example

Paste the URL or HTML of the page that you want to markup.

Then, click “Start Tagging”.

another example of schema markup from OMG

The page loads in the markup tool giving you the workspace to tag items – this is the markup process. 

Your web page will be in the left pane, and data items in the right panel.

Now you’re ready to highlight and select the type of elements you want to mark up. 

So for an event, you would choose the date, time, location and name of the event. 

When you select each item, the tool adds it to “Data Items” in the right-hand panel.

Once you’ve finished adding items, click “Create HTML”.

You’ll see the HTML of your page with the microdata inserted in the spots that you highlighted.

Now, go over to your CMS or source code. Add the highlighted snippets in the right spots. 

Use the yellow markers on the scrollbar to locate the schema markup code.

Alternatively, you can download the HTML file that’s automatically generated and paste it into your CMS or source code. 

Click “Finish”.

The most important part now is to use the Structured Data Testing Tool to find out what your page will look like in Google search results. 

You can also go deeper and inspect each markup item. If you need to make changes, you can edit the HTML in the testing tool, then update and preview results again. 

 

Option 2: Use a plugin

Depending on your business, you’ll probably use the same tags over and over again. 

Use a Schema plugin to make it easier to apply it to your site. 

If you’re using WordPress, the Schema Creator plugin by Raven is pure genius. 

WordPress plugin Yoast has also released an update which offers defragmented implementation of Schema.org markup. This is designed to fix those Schema implementations that haven’t been done well.

 

Over to you 

Now you understand what Schema markup is and why it matters, what are you waiting for? Get ahead of the competition and make your website more visible in the search engine results. 

We know it can be overwhelming at first, but Schema will probably be around for some time yet. So the very least you should do is invest some time to understand it. Then, if you aren’t confident doing it yourself, bring in the experts. 

Schema markup is just one of the actions we recommend in our Ultimate SEO Checklist.

Find out what else you should be doing to make your search rankings and conversions soar.

Download your free Ultimate Guide To SEO now. 

New Call-to-action

Let's increase your sales.

Claim your $2,000 Audit for FREE by telling us a little about yourself below. No obligations, no catches. Just real, revenue results.