Home SEO for Publishers Schema Markup Google for SEO: Examples, Types and Tools

Schema Markup Google for SEO: Examples, Types and Tools

by Patrick D

Have you ever wondered why some results on Google’s search engine results pages (SERP) appear bigger than others? When you search for [pancake recipes], you see a few boxes with pictures and review stars.

Google search results for pancake recipes

Or, when you search for [Best SEO tools], you see a list pulled from a result on the SERP.

Google search results for the Best SEO tools featured snippets overview

We call them rich snippets, and the secret behind them are Schema Markups. Schemas may sound like new technology, but they’ve been around for over a decade. Besides providing a better understanding of a webpage’s content, they drastically improve organic CTR from any SERP.

This article explains rich snippets, schema markups, structured data, and why you should incorporate them.

Content

What is schema markup?

Schema markup is a type of code (semantic vocabulary) that you add to your web pages to help search engines return more useful results to users via rich snippets. Here’s an example of schema markup in an article and what it looks like on Google’s SERP.

Schema Markup example

What is the significance of schema markup?

Rich snippets, often more clickable than regular search results, appear because of schema markup. This means more searchers will visit your website, hence boosting your CTR rate. Google will also rank your website higher if it notices that your organic CTR rate from its SERP is higher than other websites ranking for the same keyword. So in a way, schema markup indirectly helps your SEO case.

Significance of schema markup for publishers

If you are a publisher – the significance of schema markup is crucial for your website. Especially if you have a personal blog, training courses, music depository, or online book store, rich snippets will allow your website to stand out and increase CTR even if you are not in the first lines of SERP.

For example, rich snippets will allow your article to look like that:

Rich snippets example

and not like that:

Google search result for Apple iPhone 12 example

However, Schema markup’s primary purpose is to help search engines better understand your web page’s content.

Types of schema markups

The schema.org vocabulary contains data structuring formats for all types of people, places, and things on the internet. On schema’s website, you can find a complete list of items that schema markups can define.

Schema markups often indicate the following:

  • Articles
  • Blog posts
  • Creative Works
  • Reviews
  • Organizations
  • People
  • Products
  • Local Businesses
  • Recipes
  • Events

After you’ve added these markups to your site, the Google bot will be able to figure out what each webpage is about. Rich Snippets enable the search engine to display this information.

Here’s an example of a page that uses the schema markup for Events: we can see the dates and locations of various events have been marked up appropriately.

Here’s an example of a schema-generated review rich snippet:

Creative Works: an example of Schema AggregateRating.

Creative Works — a library of markups for creative content such as movies, books, video games, and music — is a popular branch of the schema vocabulary.

Here’s an example of what the “Movie” markup shows on Google’s SERP. It’s worth noting that it includes movie-specific information such as the rating, genre, and release date.

You can use RDFa, Microdata, and JSON-LD to implement these markups.

What are RDFa, Microdata, and JSON-LD?

These are all code languages that can be added to HTML in order to embed metadata (such as schema) in a web document.

  • RDFa is an acronym for Resource Descriptive Framework in Attributes. It’s a type of code that can be used in HTML, XHTML, and XML documents.
  • Microdata is a compact superstructure over the usual HTML markup, is a logically related set of “name-value” pairs, and is based on the content of a web page.
  • JSON-LD stands for JavaScript Object Notation for Linked Data; it is an uncomplicated way of transferring data linked to each other.

To understand how to deploy and read the source code of websites, to check out:

How to View and Read the Source Code of a Website: The Beginner’s Guide

How to use schema markup for SEO

You can create Schema markup in several ways: manually, using the Google Structured Data Markup Helper, in special generators, or embed specialized plugins on the site that will immediately mark up the content.

The whole process looks like this:

  • Generate the markup
  • Test the code
  • Insert it on the site

How to generate the code, and what generators to use? How to test and what testers to use? How to insert a code?  Read further.

Tools: schema markup generators

In order not to place the data manually, you can use special generators. Fill in the required data. Copy the generated code and paste it on the page.

In order not to write the code manually, you can use special generators. Generate the code using one of the software solutions, copy the generated code and paste it into your page code.

1. Schema markup generator by merkle

Easy to use and easy to understand generator. Just copy and paste in your website code. You can use JSON-LD or Microdata syntaxes.

2. Google’s structured data helper

This tool from Google will make your life easier.

To use Google Data Helper, you need to:

  • Choose the elements of your website and Google will generate the markup
  • Download the HTML
  • Upload to your website

3. Schema app’s JSON-LD generator

As you see from the name, this generator helps with JSON-LD code. Working with it is quite simple, too. To start with JSON-LD Generator:

  • Select one of child or parent types
  • Check with a testing tool
  • Copy and paste the code

4. MicrodataGenerator.com’s Schema.org generator

Amazing and easy-to-use tool especially for business. Just follow these steps:

  • Select business category
  • Fill the fields
  • Copy and paste to your website code

5. JSON-LD generator by Hall Analysis

Great tool for basic schema markup. Not as advanced as other ones but generates JSON-LD code that you can use.

Schema markup testers

To not have issues with Google and make sure that your markup would be valid, you should check it with schema markup testing tools.

Google’s structured data testing tool

Simple, easy to use, and user-friendly. Also, can check different fields of structured data. To test your schema markup, you just need to:

  • Enter your URL or your code
  • Run the test
  • Look for errors or warnings

Schema.org’s structured data testing tool

This great testing tool was created based on Google’s Structured Data Testing Tool.

Bing markup validator

Another excellent tool for testing schema markup. You can test different types of structured data, except the HTML.

Yandex.Webmaster’s structured data validator

Similar to Google Structured Data Testing Tool, which helps you to find errors in your markup.

SEO SiteCheckup’s microdata schema test

One of the most straightforward schema markup testing tools. The only drawback is that in the free version you can test one batch of URLs per hour.

Insert the code on your website

There are several ways to mark up the webpage’s content:

  • Manually (to do this, you need to understand the code at least at a basic level).
  • Using Google Tag Manager.
  • Using CMS plugins.

Manually

The JSON-LD script can be placed anywhere on the page. This is done in the source code editor in a few seconds. Microdata is more complex – you will have to search for the same fragment of content marked up and change it to the generated code or assign each attribute for existing tags separately.

Google Tag Manager

This is a Google system that allows you to manage JavaScript and HTML tags on a website without the participation of developers.

To create structured data using Google Tag Manager, follow these steps:

  1. Install and configure Google Tag Manager on your site.
  2. Add a new custom HTML tag to the container.
  3. Insert the desired block of structured data into the tag.
  4. Install the container. To add a tag to a site, place the container in the Google Tag Manager interface.
  5. Perform testing.
Using a CMS and plugins

Popular CMS plugins allow you to generate and deploy schema markup directly in the website control panel (immediately when creating or editing pages or plugin settings).

There are many options available. If your site uses WordPress, there are specialized plugins and separate modules as part of SEO plugins. There are often problems with modules since they do not correctly deploy the markup.

Want to know how to boost your WordPress website? This article would help you.

WordPress SEO: Useful Tips аnd Settings To Get More Trаffic

Conclusion

Schema markup is equally helpful for search engines and website owners.

Unfortunately, the use of schema markup does not guarantee high SERP rankings. But by giving detailed explanations to the search engines, you get a beautiful display of web pages in the SERP, thereby attracting the attention of potential customers with rich snippets.

Related Posts
×