See more articles

Everything You Need to Know About Schema Markup in 2024

Schema Markup header
Schema Markup header
Daniel Trick
Daniel Trick

Head of Content

Recommended Service

Link Building with

Build natural links from just £60.

Start Now

Your number one goal is to help your clients get noticed in search results.

That means aiming for rich snippets and SERP features.

SEO isn’t just about those 10 blue links anymore. The SERPs are full of rich results and additional features that catch attention and drive clicks.

To compete for these top positions, you need to add schema markup to your pages.

In this guide, we’ll reveal everything you need to know about schema markup.

We’ll cover:

  • What schema markup is
  • Why it’s important for SEO
  • The types of schema markup
  • How to add schema markup to your web pages

What Is Schema Markup?

Schema markup is a “label” of code that shares important information and context about elements on your web pages. You add relevant schema markup to your HTML to help search engines understand and rank your content.

Google’s official definition of schema markup is “a standardized format for providing information about a page and classifying the page content.”

For example, you could use schema markup to tell search engines that your page contains a recipe. You can include key details like ingredients, cooking time, and nutritional information.

Google will use this information to rank your page for relevant search queries. It will also help you qualify for rich results like the example below:

Gyoza recipe example search

Why Is Schema Markup Important for SEO?

Schema markup is one of the best tools in your SEO toolkit. Here’s why:

Boost Search Visibility

Adding schema markup is a great way to boost your visibility in search engine results.

You’re providing more detailed information about your web page that Google can use in the SERP. This often results in SERP features and rich results like the example below:

With schema markup vs without schema markup example

Rich results, also known as rich snippets, contain extra details like images and star ratings, which make your listing stand out. They help you claim more real estate in the SERP and capture more clicks.

Improved Click-Through Rates

Schema markup can have a direct impact on click-through rates (CTR).

Rich results tend to grab more attention than standard search listings. A recent study showed that 58% of users click on rich results, while non-rich results only get clicked 41% of the time.

Over time, this can make a significant impact on organic traffic.

It’s a quick SEO win that’s super important for your product and service pages.

Rank for Voice Searches

SEOs often overlook voice search. But it’s becoming more and more important. Around 30% of internet users aged 16-64 use voice assistants every week.

When people ask their devices questions, they’re typically after quick answers. And while many voice searches are informational, they’re also used for queries with commercial and transactional search intent.

Voice search usage graph

Image Source

Schema markup helps optimize your content for voice search. It makes it easier for search engines to pull the most relevant information from your site and give users direct answers.

Optimize for Google AI Overviews

Google’s AI Overviews are one of the biggest recent updates to SERPs.

These AI-generated summaries pull information from across the web to give quick answers to users. And they sit right at the top of the SERP, above the organic listings.

AI search results are still a work in progress. Rolling Stone found some bizarre examples of AI Overviews gone wrong:

Google jumping off bridge example result

But AI search results are likely here to stay. So, it’s important to know how to optimize for them.

This is where structured data comes in.

Using schema markup, you help Google better understand your content. That increases the chances of it being chosen for AI Overviews.

Types of Schema Markup

Here are some of the most common types of schema markup and how they can benefit your SEO strategy.

Article Schema

This type of schema markup helps search engines recognize your content as an article. That could be a news report, blog post, or an opinion piece.

Example search for Oasis reunion

Using article schema increases your chances of appearing in Google’s Top Stories carousel. That can make a big impact on SERP visibility and drive more traffic to your site.

Product Schema

Product schema is essential for ecommerce SEO. It helps search engines understand key details about the products you’re selling, including price, availability, photos, and customer reviews.

Nike airforce product schema example

This information is displayed in search results below your meta description. Google also uses this data to enhance how your products appear in Google image results.

Recipe Schema

Recipe schema lets you showcase key details about your recipes, like ingredients, cooking time, reviews, and more. It’s a great way to make your content stand out.

When someone searches for a recipe, your page could land a spot in the recipe carousel at the top of the search results.

Recipe schema example

People often add modifiers to their recipe searches. By using schema markup to highlight things like prep time and ingredients, you can rank for those more detailed, relevant searches.

Event Schema

Event schema helps you promote your upcoming events in search results. It lets you highlight essential details like the event date, time, and location.

Event schema example

Using event schema gives your page a better chance of appearing in rich snippets when people search for relevant events.

Local Business Schema

If you’re working on local SEO projects, you need to be using local business schema.

This type of schema markup helps search engines understand important details about the business. That includes NAP information and opening hours.

Local business schema example

By adding local business schema, your client has a better chance of appearing in local search results, Google Maps, and the local pack.

Review Schema

Review schema is super useful for ecommerce and affiliate marketing sites. You can mark up individual reviews, aggregate ratings, and pros and cons on your page.

Review schema example

When someone searches for related keywords, Google can pull this info into search results. It gives your page extra visibility in the SERP with elements like star ratings.

Video Schema

If video marketing is part of your strategy (and it should be), then you can use video schema to help your content get the attention it deserves.

Video schema example

This schema type provides information like your video title, description, duration, and upload date. It will give you a chance to win a spot in the video carousel on the SERP or as the featured snippet.

Organization Schema

Organization schema lets you mark up important details about your business, like your location, logo, social media profiles, and more. This can help search engines recognize your company as a credible entity.

Organization schema example

Google often displays this information as a knowledge panel on the right side of the SERP. This can make your business look more established and professional to users.

How Schema Markup Works: Microdata vs. RDFa vs. JSON-LD

There are three different ways you can communicate schema markup on your website:

  • Microdata
  • RDFa
  • JSON-LD

Here’s a quick rundown of how each method works and which one you should choose:

Microdata

Microdata is the original method for adding schema markup to a website.

With this approach, you embed the markup directly into your HTML by adding specific tags to the elements you want to mark up.

For example, if you’re marking up a product page, you’d insert HTML tags around the product’s name, price, and description within the existing code.

Microdata schema example

There is a downside to using microdata for implementing schema markup. Mixing the markup with your content can make your HTML more complicated and harder to manage.

RDFa

RDFa (Resource Description Framework in Attributes) works similarly to microdata. You embed the schema markup directly into your HTML.

The main advantage is that RDFa is more flexible because it also works with XML.

RDFa schema example

But RDFa has the same issues as microdata. It’s embedded directly into your HTML, so it can make the code more complex and less easy to manage.

JSON-LD

JSON-LD (JavaScript Object Notation for Linked Data) is the most popular way to implement schema markup.

The key difference with JSON-LD is that it keeps the markup separate from your HTML content. Instead of embedding tags within your HTML, you place a block of JSON-LD code on your page containing all of your schema markup data.

JSON LD schema example

This keeps your code clean and much easier to work with. It’s easy to make changes later if you need to.

Google has also made it clear that JSON-LD is their preferred format.

How to Implement Schema Markup on Your Website

The simplest way to add schema markup is using Google’s Structured Data Markup Helper. Here’s how to do it:

Step 1: Choose the Type of Data to Mark Up

First, you need to go to the Google Structured Data Markup Helper. It’s a free tool that’s really easy to use.

Once you’ve accessed the tool, you’ll see a list of data types you can mark up. This includes the schema types we mentioned earlier (articles, products, local businesses, etc.).

Structured data markup helper

After selecting the content type, you’ll need to provide the URL of the page you want to mark up.

You can simply copy and paste the URL of the page. But SEO consultant Luke Carthy has a great tip here.

Instead of using the URL, copy and paste the HTML from Google Search Console’s live inspection tool.

Why?

Because the Markup Helper fetches your page with a desktop bot. However, Google search crawlers and Google Search Console use a mobile bot.

Pasting in the HTML from Search Console gives you a more accurate view of what Google sees. That way, you won’t miss anything when you mark up the page.

If the page hasn’t been published yet, just paste the raw HTML code into the tool.

Once you’ve entered your URL or HTML, click the ‘Start Tagging’ button.

Step 4: Highlight and Tag the Elements on Your Page

Now, you’ll see your webpage on the left side and a list of data records on the right.

This is where you’ll tag the elements you want to mark up.

Just use your mouse to highlight the parts of your page you want to tag. For example, if you’re marking up an article, you can start by highlighting the title.

A menu will pop up with different tag options.

Structured data helper tag options

Choose the one that fits, like ‘Name’ for the article title.

Once you tag it, the element will appear in the Records section on the right-hand side of the screen. This list helps you keep track of what’s been tagged.

Structured data helper records

Continue down the page, tagging other important elements like the author, publish date, main content, images, and more. Keep going until you’ve tagged everything you want included in the schema markup.

Step 5: Create the Schema Markup

Once you’ve finished tagging your page elements, click the ‘Create HTML’ button in the top-right corner of the page.

You’ll have the option to generate your structured data in microdata, RDFa, or JSON-LD format.

Choose a format, and the Markup Helper will create the structured data.

Schema markup helper creating the structure

Step 6: Add the Schema Markup to Your Website

Now that your schema markup code is ready, it’s time to add it to your site through your content management system (CMS).

For JSON-LD schema markup, just drop the code snippet into your page header.

Adding JSON code snippet to header for schema markup

If you’re using microdata or RDFa, you’ll need to replace the existing HTML with the new code generated by the Markup Helper.

Step 7: Test Your Schema Markup

The final step is to make sure your schema markup is implemented correctly.

You can use Google’s Rich Results Test to check your page’s HTML.

Just plug in the URL of the page where you applied the markup and run the scan. The tool will show you how many valid pieces of structured data are on the page and flag any errors.

GSC rich results test example

You can also use the tool to see how the rich results will appear to searchers on the SERP.

Boost Search Visibility with Schema Markup

Schema markup is a quick win for your SEO strategy.

You still need great content and solid link building. However, adding schema markup is an easy fix that can make a big difference to SERP visibility and click-through rates.

Focus on your most important pages first, and start grabbing more space and attention on the SERP.

Daniel Trick
Daniel Trick

Head of Content

Become a Pro at SEO

Join 65,000 others and learn the secrets to SEO success with our weekly blog posts.

FATJOE CTA image