×

iFour Logo

An ultimate guide to Schema markup and how to use for SEO?

Kapil Panchal - October 20, 2020

Listening is fun too.

Straighten your back and cherish with coffee - PLAY !

  • play
  • pause
  • pause
An ultimate guide to Schema markup and how to use for SEO?

What is Schema markup?


Schema markup is one kind of microdata that you can add to your HTML. It provides important information to search engine or we can say to improve the way search engines read and represent your page in SERPs.

Search engines cannot see/read the website in a way human eyes can, i.e. all the styles and images in a web page which we can see, is just a long text file for search engine, with hundreds of sentences. From all those sentences, to recognize which sentence is email and which sentence is phone number is a very tough job for search engines.

To overcome this, Search engines like Google, Microsoft, and Yahoo are come up with a solution which we called Schema markup - it provides all the web page related information to search engine in a way it understands, in other way schema markup tells the search engine what your data is all about.

Most commonly there are three different formats of schema markups for popular search engines.

 
  • JSON-LD (Recommended)

  • Microdata

  • RDFa

iFour Technolab uses JSON-LD structured data that it finds on the web to understand the content of the page, here is a JSON-LD structured data snippet that might appear onifourtechnolab.com, describing the page type, the name of the website, and other details:

Example: (using: JSON-LD)

 

Let’s discuss some essential details,

 
  • @type: type is the tag or property which tells the search engine what type of the data it is. And, here type is a website, so the search engine came to know that this page is a website and contains information about the website.

  • name: Here name describes the website name to the Search engine.

  • url: Url describes a website link to the search engine.

Example: (using: Microdata / RDFa)

 
 

Let’s discuss,

  • 1. Itemscope indicates the item inside container.

  • 2. Itemtype describes the type of item, in other words, type of your data content or page, in the above instance it’s ‘Website’.

  • 3. Itemprop describes properties of a specific item in the above instance it’s a name, alternate name, url, etc. of website.

How does Schema markup help in SEO?


Better user experience with a good ranking factor

There are hundreds of data markup provided by Schema.org for all types of content - from person to organization and from entertainment to legal schedules.

Some of those are:

 
  • Organization

  • Recipe

  • Article

  • Person

  • Places

  • Products

  • Movies

  • Book reviews

  • Events

  • Software Applications, etc.

In doing so, all these markups are used by structured data markup to provide information to a Search engine, like what your data is all about, and what does it actually mean rather than just random keywords.

Mainly search engines match all this information up to a user’s search query. As a result, this will improve the user’s experience on search engines - in return, it can be a great ranking factor as well.

Extensive Rich Snippets

 

Structured data markup enhances the rich snippets which displayed under the title of your content in search engine results pages (SERPs) which will make your web page look better.

Take a look at the below example:

Top-8-Best-SEO

See, how this result contains almost all the information that a user might need.

Here SERPs rich snippet looks way better in comparison to the results which only contain the metadata that Google chooses.

To sum up, Schema markup helps you display the exact information that you want users to see on the rich snippets of your web pages

Boosts Your Website SEO

Schema markup provides targeted metadata than mere keywords. Also, it makes search engines easily understand the content of your web page, and makes web pages easily indexable in comparison to websites without schemas.

Based on one case study, web pages with a structured data markup can rank up to four positions higher than those that do not utilize a data markup.

Therefore, a better schema markup means better SEO.

Schema markup we used


Let’s discuss some of the schema markup used by ifourtechnolab.com to stay ahead on the majority of their competition.

Corporation schema (General category of Organization schema)

Corporation schema elaborates the company introduction, by including the type of company, company name, the official logo, address, contact info, andunique identifying URL, etc. of your Corporation.

There is another value for: "@type": "Corporation" in general is "Organization". Many companies use this value. The organization schema markup helps generate brand signals which enhance the rich snippet of your website presence in the search engine results page (SERPs).

Example: (search: iFour Technolab; Corporation: iFour Technolab; using JSON-LD)


                  

Example: (search: iFour Technolab; Corporation: iFour Technolab; using: Microdata / RDFa)





                  
logo
 

iFour Technolab Pvt. Ltd. Twitter Instagram LinkedIn Pinterest Facebook YouTube

FAQ schema

FAQ schema is used when you offer a Frequently Asked Question page or have a page that contains frequently asked questions.

FAQ schema will let you be eligible for a collapsible menu under your search engine result page with the question, that reveals the answer when clicked. It also makes your content or page eligible for FAQ Action shown on Google Assistant.

You should use FAQ schema only if your page contains a list of questions with answers. Else if your page has a single question and users can submit alternative answers, use QA schema instead, which we’ll discuss later in this article.

Example: (using JSON-LD)




                

Example: (using: Microdata / RDFa)

What kind of technocrats we can hire from you?

iFour has skillful developers in every department with fine experience in multiple project developments. You can hire our Angular developers, SCRUM masters, Front-end and Back-end developers, Project Managers, QA Engineers, Support Engineers.

/div>

Will the hired Angular developers work dedicatedly only for our project?

Of course, yes. Our Angular developers always work dedicatedly on every client project for Full-time only.

How much time does it take to finish the Angular Project?

Actually, it depends on several factors like business requirements, model and size of the project, integration, customization, required features and functionalities, etc. Depending on these, the timescale may vary.

How do you ensure that Angular web developers follow company guidelines in terms of acceptable coding practices?

We schedule and follow the weekly peer code review process. Aside of that, our PM would also do code review on regular basis. And before making approval every pull request gets properly reviewed.

Speakable schema

Speakable is one of the property ofschema.orgwhich is identical for audio playback using text-to-speech (TTS) within an article or webpage.

Speakable schema markup let search engines to identify content to read aloud using TTS.

 

 

Example: (using JSON-LD)



There are three kinds of properties used by speakable to identify 'content-locator' values

  • URL references - it uses the id-value of an element in the page being spoken.

  • CSS Selectors - it addresses the content being spoken in the page via class attribute (cssSelector property).

  • XPaths - it addresses the content being spoken in the page via XPaths (an XML view of the content).

Example: (using: Microdata / RDFa)





              

Article schema

Article schema markup is mainly used for news and blog posts; it’ll make your content easier to understand for search engines.

There are several types of article schema from which most commonly used are NewsArticle schema and BlogPostingschema.

 

NewsArticle schema is commonly used for a news article or a piece of investigative report or Newspapers. So, BlogPosting schema is recommended as it’s more specific to what the article is, the more specific your schema is the easier it gets for search engines to understand your site.

 

Example: (using JSON-LD)


{
   "@context": "http://schema.org",
 "@type": "BlogPosting",
 "mainEntityOfPage":{
 "@type":"WebPage",
 "@id":"https://www.ifourtechnolab.com/blog/why-data-security-should-be-a-top-priority-for-businesses"
   },
 "headline": "WHY DATA SECURITY SHOULD BE A TOP PRIORITY FOR BUSINESSES?",
 "image": {
 "@type": "ImageObject",
 "url": "https://www.ifourtechnolab.com/pics/Why_data_security.webp"
    },
 "datePublished": "2020-09-22",
 "dateModified": "2020-09-22",
 "author": {
 "@type": "Person",
 "name": "Colin Ma"
  },
"publisher": {
"@type": "Organization",
"name": "iFour Technolab Pvt. Ltd.",
"logo": {
"@type": "ImageObject",
"url": "https://www.ifourtechnolab.com/assets/images/logo/logo-ifour-software-company-logo.webp"
}
},
"description": " Data Security is always being a major concern for all domains, no matter whether it is a healthcare software development industry, finance software development industry, aviation software development industry or any other business sector.",
"articleBody": "

In previous years, 67 % of small businesses practiced a cyber-attack, and 58 % accomplished a data breach. In the era of the Internet, data security is one of the significant issues to correlate in business..." }

Example: (using: Microdata / RDFa)


WHY DATA SECURITY SHOULD BE A TOP PRIORITY FOR BUSINESSES?
  





Note: articleBody should contain entire body content of your article.

Types of schema markup.


As we already mentioned in this article, there are several types of schema markup or we can say data markup based on the type of your content. We also discuss some of them used by ifourtechnolab.com

Here we are going to discuss some of the commonly used schema markup types.

Person Schema Markup

The Person schema markup is used to describe an individual’s personal details, such as name, birthdate, education, address, and family members, etc.

Example: (search: Mark Zuckbery; organization: Facebook; using: JSON-LD)


{                                      {
"@context": "http://schema.org/",
"@type": "Person",
"name": "Mark Zuckerberg",
"jobTitle": "Founder and CEO",
"worksFor":{
"@type": "Organization",
"name": "Facebook"}
}
                

Example: (using: Microdata / RDFa)






          

Breadcrumbs Markup

Breadcrumbs schema markup describes the path links that lead to the current page on the website.

Example: (organization: Time; using JSON-LD)


{                  
{
"@context": "http://schema.org/",
"@type": "BreadcrumbList",
"itemListElement":[
   {
  "@type": "ListItem",
  "position":1,
  "item":{
  "@id": "http://time.com/money/section/travel/",
  "name": "Travel"
   }
},
{
  "@type": "ListItem",
  "position":2,
  "item":{
  "@id": "http://time.com/money/tag/tourism/",
  "name": "Tourism"
    }
}]
}
                
                

Example: (using: Microdata / RDFa)



  
Travel
                
                      
                

                  
Tourism
                
              

Video Schema Markup

It’s difficult for search engines to crawl video content. Video Schema Markup helps Google crawl to index the video on the website and helps your video to appear in Google video search.

Example: (organization: Time; using JSON-LD)



{                
  {
  "@context": "http://schema.org/",
  "@type": "VideoObject",
  "name": "How to Stamp Silver Spoons",
      "description": "How to Stamp Silver Spoons",
  "thumbnailUrl": "https://assets1.darbysmart.com/project_photos/photos/000/000/867/large/Stamped-Silver-Spoons-Lifestyle-2.jpg?1425429629",
  "uploadDate": "2016-06-13",
  "duration": "PT0MundefinedS",
  "publisher":{
  "@type": "Organization",
  "logo":{
  "@type": "ImageObject"
  }
  },
  "interactionStatistic":{
  "@type": "InteractionCounter",
  "interactionType":{
    "@type": "http://schema.org/WatchAction"
  }
  }
}

 

Example: (using: Microdata / RDFa)

 

How to Stamp Silver Spoons

 
How to Stamp Silver Spoons
 

QAPage Schema Markup

As we discussed earlier in this article, QAPage schema markups are used for pages that answer and discuss a single question. Therefore, this is best suited for forum posts, or pages having a single question and multiple answers

Other schema markups


There are hundreds of other schema markups based on the type of content. For example, software application schema markup to enable rich snippets of an app, or Rating schema markups for highlight feature of other schema and so many.

Test your schema markups


Just like adding schema markup, it is also very important to test your structured data to monitor the health of your web page. And to check if your web page includes any of them.

There are several schema markup testing tools available, but two most popular tools are:

I. Google Structured Data Testing Tool

II. Rich Results Test

Google Structured Data Testing Tool

Enter given url in your browser: https://search.google.com/structured-data/testing-tool/u/0/

This will redirect you to Google’s structure data testing tool as given below.

image1 /

Now for testing your structure data

You can either enter your web page url in which you implemented your structure data to the given textbox and “RUN TEST”

image2

Or you can directly copy and paste your structure data code in the CODE SNIPPET section and “RUN TEST” .

image3

After test ran successfully your result would look like this:

image4

Here, it also lists all the schema markups that existon your web page along with their content type, under the Detected Section.

Also, you can run another test by clicking the button on the top right corner “NEW TEST”.

In case of any issue with your structure data, your test would result in an error.

image5

But, don’t worry about it, along with displaying how many errors are there, schema testing tools are smart enough to show you where and what this error is about, here on the left side of the SDTT screen, it shows which line contains an error or warning. And as of that, it would be easyfor you to solve them.

If needed,you can also take a look at SDTT Error Guide to know more about some common errors and how to fix them.

image6

Rich Results Test

By using Rich Results Test, you can test your structure data to see if it can generate rich results.

Enter the given URL in your browser: https://search.google.com/test/rich-results

This will open the Rich Results Test tool home screen asshown below.

image7

Now for testing your structure data.

You can either “TEST URL” , this means the url of your web page which contains any type of schema markup.

image8>

Or you can “TEST CODE”, by pasting your schema markup structure data code.

image9

If your structure data didn’t contain any error and followed all general structured data guidelines as well as guidelines specific to your structured data type, this means your page is eligible for rich results in Google search.

Also, you can check all the existing schema markup in your page lists as Detected items.

 

One Stop Solution for Software Development - Enquire Today

image10
 

Always make sure that your structure data follows the general structured data guidelines, as well as guidelines specific to your structured data type; otherwise, your structured data might not be eligible for a rich result.

image11
 

But there’s no need to worry, because the RRT would display your error type with line number which has an issue. Also, by clicking on the error message it will open your structure data code on the right side of the RRT screen like an image given below,so that you can make an adjustment in your structure data.

image12

Conclusion


In this blog, we have covered the significant topics of Schema markups in SEO. From this article, you would learn how Schema markups would be helpful for SEO especially with the ranking factor and boost your website SEO with rich snippets. Apart from that, you would also get an idea about different types of Schema markups, testing tools, and rich result tests.These concepts would empower your domain knowledge and SEO tactics for your website.

An ultimate guide to Schema markup and how to use for SEO? Table of Content 1.What is Schema markup? 2.How does Schema markup help in SEO? 2.1. Better user experience with a good ranking factor 2.2.Extensive Rich Snippets 2.3.Boosts Your Website SEO 3. Schema markup we used 3.1. Corporation schema (General category of Organization schema) 3.2.FAQ schema 3.3.Speakable schema 3.4. Article schema 4. Types of schema markup. 4.1. Person schema markup 4.2.Breadcrumbs markup 4.3.Video Schema markup 4.4. QAPage Schema markup 5. Other Schema markups 6. Test your schema markups 6.1. Google Structured Data Testing Tool 6.2.Rich Results Test 7.Conclusion What is Schema markup? Schema markup is one kind of microdata that you can add to your HTML. It provides important information to search engine or we can say to improve the way search engines read and represent your page in SERPs. Search engines cannot see/read the website in a way human eyes can, i.e. all the styles and images in a web page which we can see, is just a long text file for search engine, with hundreds of sentences. From all those sentences, to recognize which sentence is email and which sentence is phone number is a very tough job for search engines. To overcome this, Search engines like Google, Microsoft, and Yahoo are come up with a solution which we called Schema markup - it provides all the web page related information to search engine in a way it understands, in other way schema markup tells the search engine what your data is all about. Most commonly there are three different formats of schema markups for popular search engines.   JSON-LD (Recommended) Microdata RDFa iFour Technolab uses JSON-LD structured data that it finds on the web to understand the content of the page, here is a JSON-LD structured data snippet that might appear onifourtechnolab.com, describing the page type, the name of the website, and other details: Example: (using: JSON-LD) Let’s discuss some essential details,   @type: type is the tag or property which tells the search engine what type of the data it is. And, here type is a website, so the search engine came to know that this page is a website and contains information about the website. name: Here name describes the website name to the Search engine. url: Url describes a website link to the search engine. Read More: 23 ADVANCED SEO TECHNIQUES TO DOMINATE SERPS IN 2020 Example: (using: Microdata / RDFa)     Let’s discuss, 1. Itemscope indicates the item inside container. 2. Itemtype describes the type of item, in other words, type of your data content or page, in the above instance it’s ‘Website’. 3. Itemprop describes properties of a specific item in the above instance it’s a name, alternate name, url, etc. of website. How does Schema markup help in SEO? Better user experience with a good ranking factor There are hundreds of data markup provided by Schema.org for all types of content - from person to organization and from entertainment to legal schedules. Some of those are:   Organization Recipe Article Person Places Products Movies Book reviews Events Software Applications, etc. In doing so, all these markups are used by structured data markup to provide information to a Search engine, like what your data is all about, and what does it actually mean rather than just random keywords. Mainly search engines match all this information up to a user’s search query. As a result, this will improve the user’s experience on search engines - in return, it can be a great ranking factor as well. Extensive Rich Snippets   Structured data markup enhances the rich snippets which displayed under the title of your content in search engine results pages (SERPs) which will make your web page look better. Take a look at the below example: See, how this result contains almost all the information that a user might need. Here SERPs rich snippet looks way better in comparison to the results which only contain the metadata that Google chooses. To sum up, Schema markup helps you display the exact information that you want users to see on the rich snippets of your web pages Boosts Your Website SEO Schema markup provides targeted metadata than mere keywords. Also, it makes search engines easily understand the content of your web page, and makes web pages easily indexable in comparison to websites without schemas. Based on one case study, web pages with a structured data markup can rank up to four positions higher than those that do not utilize a data markup. Therefore, a better schema markup means better SEO. Schema markup we used Let’s discuss some of the schema markup used by ifourtechnolab.com to stay ahead on the majority of their competition. Corporation schema (General category of Organization schema) Corporation schema elaborates the company introduction, by including the type of company, company name, the official logo, address, contact info, andunique identifying URL, etc. of your Corporation. There is another value for: "@type": "Corporation" in general is "Organization". Many companies use this value. The organization schema markup helps generate brand signals which enhance the rich snippet of your website presence in the search engine results page (SERPs). Example: (search: iFour Technolab; Corporation: iFour Technolab; using JSON-LD) Example: (search: iFour Technolab; Corporation: iFour Technolab; using: Microdata / RDFa)   iFour Technolab Pvt. Ltd. Twitter Instagram LinkedIn Pinterest Facebook YouTube FAQ schema FAQ schema is used when you offer a Frequently Asked Question page or have a page that contains frequently asked questions. FAQ schema will let you be eligible for a collapsible menu under your search engine result page with the question, that reveals the answer when clicked. It also makes your content or page eligible for FAQ Action shown on Google Assistant. You should use FAQ schema only if your page contains a list of questions with answers. Else if your page has a single question and users can submit alternative answers, use QA schema instead, which we’ll discuss later in this article. Example: (using JSON-LD) Example: (using: Microdata / RDFa) What kind of technocrats we can hire from you? iFour has skillful developers in every department with fine experience in multiple project developments. You can hire our Angular developers, SCRUM masters, Front-end and Back-end developers, Project Managers, QA Engineers, Support Engineers. /div> Will the hired Angular developers work dedicatedly only for our project? Of course, yes. Our Angular developers always work dedicatedly on every client project for Full-time only. How much time does it take to finish the Angular Project? Actually, it depends on several factors like business requirements, model and size of the project, integration, customization, required features and functionalities, etc. Depending on these, the timescale may vary. How do you ensure that Angular web developers follow company guidelines in terms of acceptable coding practices? We schedule and follow the weekly peer code review process. Aside of that, our PM would also do code review on regular basis. And before making approval every pull request gets properly reviewed. Speakable schema Speakable is one of the property ofschema.orgwhich is identical for audio playback using text-to-speech (TTS) within an article or webpage. Speakable schema markup let search engines to identify content to read aloud using TTS.   Read More: Best Seo Optimization Tips For Podcast That Ranks Easily   Example: (using JSON-LD) There are three kinds of properties used by speakable to identify 'content-locator' values URL references - it uses the id-value of an element in the page being spoken. CSS Selectors - it addresses the content being spoken in the page via class attribute (cssSelector property). XPaths - it addresses the content being spoken in the page via XPaths (an XML view of the content). Example: (using: Microdata / RDFa) Article schema Article schema markup is mainly used for news and blog posts; it’ll make your content easier to understand for search engines. There are several types of article schema from which most commonly used are NewsArticle schema and BlogPostingschema.   NewsArticle schema is commonly used for a news article or a piece of investigative report or Newspapers. So, BlogPosting schema is recommended as it’s more specific to what the article is, the more specific your schema is the easier it gets for search engines to understand your site.   Example: (using JSON-LD)   Example: (using: Microdata / RDFa)   How to Stamp Silver Spoons   How to Stamp Silver Spoons   QAPage Schema Markup As we discussed earlier in this article, QAPage schema markups are used for pages that answer and discuss a single question. Therefore, this is best suited for forum posts, or pages having a single question and multiple answers Other schema markups There are hundreds of other schema markups based on the type of content. For example, software application schema markup to enable rich snippets of an app, or Rating schema markups for highlight feature of other schema and so many. Test your schema markups Just like adding schema markup, it is also very important to test your structured data to monitor the health of your web page. And to check if your web page includes any of them. There are several schema markup testing tools available, but two most popular tools are: I. Google Structured Data Testing Tool II. Rich Results Test Google Structured Data Testing Tool Enter given url in your browser: https://search.google.com/structured-data/testing-tool/u/0/ This will redirect you to Google’s structure data testing tool as given below. / Now for testing your structure data You can either enter your web page url in which you implemented your structure data to the given textbox and “RUN TEST” Or you can directly copy and paste your structure data code in the CODE SNIPPET section and “RUN TEST” . After test ran successfully your result would look like this: Here, it also lists all the schema markups that existon your web page along with their content type, under the Detected Section. Also, you can run another test by clicking the button on the top right corner “NEW TEST”. In case of any issue with your structure data, your test would result in an error. But, don’t worry about it, along with displaying how many errors are there, schema testing tools are smart enough to show you where and what this error is about, here on the left side of the SDTT screen, it shows which line contains an error or warning. And as of that, it would be easyfor you to solve them. If needed,you can also take a look at SDTT Error Guide to know more about some common errors and how to fix them. Rich Results Test By using Rich Results Test, you can test your structure data to see if it can generate rich results. Enter the given URL in your browser: https://search.google.com/test/rich-results This will open the Rich Results Test tool home screen asshown below. Now for testing your structure data. You can either “TEST URL” , this means the url of your web page which contains any type of schema markup. > Or you can “TEST CODE”, by pasting your schema markup structure data code. If your structure data didn’t contain any error and followed all general structured data guidelines as well as guidelines specific to your structured data type, this means your page is eligible for rich results in Google search. Also, you can check all the existing schema markup in your page lists as Detected items.   One Stop Solution for Software Development - Enquire Today See here   Always make sure that your structure data follows the general structured data guidelines, as well as guidelines specific to your structured data type; otherwise, your structured data might not be eligible for a rich result.   But there’s no need to worry, because the RRT would display your error type with line number which has an issue. Also, by clicking on the error message it will open your structure data code on the right side of the RRT screen like an image given below,so that you can make an adjustment in your structure data. Conclusion In this blog, we have covered the significant topics of Schema markups in SEO. From this article, you would learn how Schema markups would be helpful for SEO especially with the ranking factor and boost your website SEO with rich snippets. Apart from that, you would also get an idea about different types of Schema markups, testing tools, and rich result tests.These concepts would empower your domain knowledge and SEO tactics for your website.

Build Your Agile Team

Enter your e-mail address Please enter valid e-mail

Categories

Ensure your sustainable growth with our team

Talk to our experts
Sustainable
Sustainable
 

Blog Our insights

An in-depth guide on Angular Dependency Providers
An in-depth guide on Angular Dependency Providers

What is Angular? Angular is a frontend development framework used for building single-page client applications using HTML and Typescript. It is written in Typescript. What...

A simple guide to Build Angular Reactive Templates with Ngif and Async Pipe
A simple guide to Build Angular Reactive Templates with Ngif and Async Pipe

Angular Templates seamlessly help to expedite the development process with flawless assistance of components and other specific elements. These are dynamic and renders according...

A simple guide on AOT Compilation in Angular
A simple guide on AOT Compilation in Angular

What is a Compiler? A compiler is nothing but a part of code that converts one programming language to another. If we talk about some simple programming languages like C, C++,...