Schema Markup — What It Is & How to Add It to Websites
- Schema markup is microdata that makes it easier for search engines, crawlers and browsers to understand what is on a webpage
- There are 1000s of types of schema markup designed to represent different kinds of ‘things’ (including individual nouns and verbs) that may be searched for online
- Implementing schema effectively requires 4 steps:
- Understanding of the type of data you can represent on a webpage
- Using a tool to generate the schema markup
- Embedding the schema markup on a specific page
- Testing it with Google or Bing structured data testing tool
Now let’s dive in…
What is Schema markup?
Schema markup, as it’s used today on the web, enables robots that crawl your website to more easily understand the content on the page in a language that makes sense to them. Schema does this by giving a structured way for robots/crawlers to define the types of information and data present on the page.
When a robot (like Google) crawls your website, they have a hard time understanding the content within the webpage. This is because of the way websites are designed and built today. This may come as a surprise to some, but HTML and CSS actually make for a very unstructured system. However, this makes sense if you think about it — designed websites are built for humans and not for robots.
Schema is an open-source initiative by the web community to help define commonly represented things with a structured, predictable system. You can read the many types of schema at schema.org. Now, I would not recommend you spend time on
schema.org. The website is confusing and you’ll quickly get lost in the minutia of it, or just get bored and leave.
What schema markup should you use?
There are 1000s of different types of schema that exist on the schema.org website. One common misconception about schema is that it’s intended to represent everything that could be searched for on the web — but this is not true. Schema.org only attempts to find a structured way of representing the
most common things that are used or searched for on the web.
One point of clarification: when people use the term ‘things’ in relation to schema, they are referring to types of information that schema looks to represent. These can be nouns (people, places, or things) or verbs (actions). As an example, schema can represent a hospital or a travel agency. Or It can represent an action, like listening to a podcast. It’s confusing, and honestly, I think most people should ignore all that complexity and different types of schema that exist.
Additionally, I strongly recommend that any web agency or developer
only use schema where it has an impact. Today, that only means influencing search engines like Google and Bing. Both Google and Bing understand & read schema. They use it to be sure they understand the content on the page and then they use that certainty to display special features on the search results page.
An example of this is events. You can use schema to inform Google and Bing of upcoming events. Once they have certainty about the information, they can present those events directly in the search results page. Here’s an example from Google:
You’d likely have the same data on a webpage, but this allows you to surface it quicker to the searcher.
How to implement schema markup on a website
You should follow these steps to understand how to implement schema markup:
So that’s the overview; here are the details…
The first thing to understand is the type of data you can represent with schema. I recommend you browse through
Google’s gallery of supported types to find one that matches. Note that schema should only be implemented on a single page and any schema you implement should represent
something that is displayed on the same page.
After you know what type of schema you want to implement, we recommend using a tool to generate the schema markup.
*Note about schema flavors or vocabulary: There are different ways to represent schema like RDFa, Microdata and LD+JSON. We recommend you focus only on LD+JSON because it’s the easiest to read and update. It’s also the most modern.*
Here’s a run down of different tools to use:
After you’ve selected the type of schema you want to use and filled in the correct data, they give you an option to copy the code. This code embed will need to be placed directly into your website CMS. Here’s an example of filled-in ‘Local Business’ data and the generated schema code:
After you’ve copied the code, you’ll want to embed this within a web-page of your website. You can do this by logging into your CMS and including it in the markup of the page, usually in the header or footer HTML section.
It should be noted that each CMS is different here. It does not matter where in the page (such as header or footer) you place the code.
After you’ve installed the schema markup, you should publish or deploy the changes and test. You can test with
Google’s Structured Data testing tool by entering the exact page URL and having Google find the schema they see.
SEO is a big, complicated subject that’s only getting more complex. I hope you’ve found these tips useful for preparing your customers’ sites for the increasingly structured-data world.
This content was originally published here.