Schema Markup is a code of structured data that helps Google to incorporate data into their features like featured snippet, FAQ, etc. It helps your content to be more attracted by Google Search Engine. If you gain any of the snippet that Google introduced, you can earn a lot of traffic and authority.
What is schema markup, how to add schema markup code in website built with blogger or WordPress, how schema markup testing tools helps you validate the code placed in your content. I am going to discuss everything, so read with concentration. Don’t miss the chance to get featured in google zero position.
Have a quick look on the topics about schema markup, I will cover in this article.
What is schema markup?
Schema markup is a set of code. This code helps google to understand about your content and place them in different featured areas in google search engine. Before I tell you more let’s see the picture below.
Did you understand anything? It’s okay if you didn’t get the story behind this picture. I will tell you what Google did here.
I have searched for the keyword “how to make tea”. Now what do you expect to show in the result? Definetly the process of making tea right? Now ohhowcivilized.com has written a good article on the process of making tea. The process part they have written like the right portion of the picture.
Now Google has taken those bullet points and made a list of the process and showed in the first position with a listing and website link. This is called featured snippet and this is totally controlled by Google bots and AI.
Which portion of your article will be picked that’s up to Google. But you have to have a article/blog schema code into your website. Now you understand what is schema markup and how amazing this is to put your content on top which will attract readers.
Number of schema markup for website is not fixed. So far more than 100s of schema markup has been built to pull different types of information from websites/blogs for better representation of information to readers.
Why Search Engine Loves Schema Markup
Every search engine has a type of programming robot. They can better understand where and how your blog content is. Search engines use robots to crawl and index your website/blog in their database.
These robots are programmed with a fixed algorithm or sometimes AI. Robot can only understand when a subject is properly written according to their language. So you see that search engine robots will not be able to understand the content of your blog, until you specify them according to their language. Schema.Org Markup will make it easier for search engine robots to understand better.
For example, A blog content has many parts. Like, Header, Footer, Content Area, Sidebar and many more parts. In this case, the search engine can not understand which part of your blog template is Header and which part is Footer. The Schema Markup tag is needed to make it easier for search engines to understand which part of your blog template is what.
These Html tags will give search engines a clear idea of all the parts and content of your blog. Also, it will tell the search engine which part of the blog has the title, which part has the article and which part has other things including video.
In short, it’s a format where few information of an article is stored and sent to google. So that google can show these info while people search that topic. And this is the comfort search engine expects from authors of a blog. That’s why search engine loves schema markup.
Schema Markup For Website
It doesn’t matter what platform you use for your blog. It might be Blogger, WordPress or any other cms. To implement schema markup on your blog you just need to put the particular markup code on your blog. That’s it.
Suppose you are running a blog that publish latest jobs, circulars. Now if you want a listing in Google’s job feature (see below image) you need to add a job schema code which will contain the company name, job title, description, salary and application deadline. It’s simple, right?
See the image to know how a job schema code looks like. You need to put the required information in the left side and the script will be ready. Put the script in the particular article and you are done! I will tell you how to generate this schema code in the later part of the article.
So, If you are publishing an article regarding a new circular then put this job schema code with the required information and Google will list your post in their featured job listing and you will gain a lot of traffic from there.
Should You Use Schema Markup?
Definately, you should use schema markup. Blogs must use Schema.Org Markup to take advantage of some of the added benefits of search engine optimization. The author of a blog must use Schema Markup to get special benefits including making the Blog 100% SEO friendly.
This is under technical SEO and you know without a proper SEO how your blog will perform in search results. So you should use schema according to your blog type.
Types of Schema Markup
I can not count the exact number even Google is creating new markups every now and then. So how many markups are there that is unknown but the basic and most important markups that you should know about will be listed below.
- Recipe Markup – Usually takes the info of cooking time, main ingredients and title
- Job Schema – Usually provide the company name, Job title, Salary and apply deadline.
- Article Schema – Most important to let google know the parts of your article like header, content, etc.
- Restaurants – Usually puts the name, location, review and price range in a feature box.
- Local Business – Shows the name of the business, office location, opening hours, description and establish date.
These are most common schema markups that are used frequently and there are lots of. Everything you see in google search page are part of different schema codes.
See few example schema output in google search page.
This is how schema helps your particular website rank in the particular featured area in google search engine. Hence it’s must to have Schema markup for website but not all, only the relevant one.
Schema Markup For Blogger
Login/Sign In to the blogger portal first.
Then click on Template> Edit Html and you will see a section like the following codes at the top of the Blogger template.
Add the optimized codes below in place of those.
<html expr:dir='data:blog.languageDirection' itemscope='' itemtype='https://schema.org/Blog' xmlns='https://www.w3.org/1999/xhtml' xmlns:b='https://www.google.com/2005/gml/b' xmlns:data='https://www.google.com/2005/gml/data' xmlns:expr='https://www.google.com/2005/gml/expr' xmlns:fb='https://ogp.me/ns/fb#'>
Now search the <header> or <header-wrapper> part by pressing Ctrl + F in the keyboard and Replace with the following lines.
<div id='header-wrapper' itemscope='itemscope' itemtype='https://schema.org/WPHeader' role='banner'>
Then press Ctrl + F from the keyboard to search the <div class = ‘post hentry uncustomized-post-template’> section and replace with the following lines.
<div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='https://schema.org/BlogPosting'>
Search the <div class = ‘post hentry’> section by pressing Ctrl + F from the keyboard and Replace with the following lines.
<div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='https://schema.org/BlogPosting'>
Search the <div id = ‘sidebar-wrapper’> section by pressing Ctrl + F from the keyboard and Replace with the following lines.
<div id='sidebar-wrapper' itemscope='itemscope' itemtype='https://schema.org/WPSideBar'>
Search the <div id = ‘footer-wrapper’> section by pressing Ctrl + F from the keyboard and Replace with the following lines.
<div id='footer-wrapper' itemscope='itemscope' itemtype='https://schema.org/WPFooter' role='contentinfo'>
Finally, click Save Template to save. Your schema markup for your blog in blogger is ready.
Each of the above markups will clearly inform search engines about every part of the blog and article.
Schema Markup Testing Tool / Checker
I hope you have already added the markup into your blogger blog.
Now these markups need to be validated to check if there is any mistake in the structure of your blog.
Click on this link to find out from Google Structured Data Testing Tool if any part of your blog has errors. If you have added the codes properly you will see the elements as below images. If not… then you will see the wrong/unexpected codes as well. Rectify if any.
If you get this kind of result after testing your website from the above link, then your site is okay. You might have only one schema like website or news article. There are many types of schema markup as discussed above. If you have added more types of schema you should see those in the list.
Schema Markup Generator
For Blogger you might not be able to add different types of schema codes by your own. There are number of schema markup generator websites which are best to generate particular markup as required.
From my experience, I found technicalseo website is the best for generating different types of schema codes.
How to work in this website. Simply click the link above and you will understand easily what to do. In short, let me tell you. Select the desired markup and put all the informations correctly. In the right part of the window you will get the ready script of the markup.
Copy the script and paste it in your content. For pasting the script always select the html option first and then paste the code at the end of the article. This is very easy and if you find anything difficult kindly let me know in the comments.
Schema Markup For WordPress
For WordPress there are plugins called Rankmath which is a SEO plugin. This plugin helps to add schema markup code without coding. As there is no plugin support for blogger, we have shown the ways to implement markup codes.
If you are using wordpress then install Rankmath plugin (if already installed that is fine). While writing an article you will see the schema markup option below. (see the image)
Any of the markup you can use. Remember that the free version of Rankmath plugin only allow one schema per article. If you are planning to use multiple schema in a single article you need to buy the plugin.
Well, select any of the schema you need and fill up the information according to the article you are writing. Then save it. Done. Let me know in the comments how easy it was for you.
Benefits Of Schema Markup
There are hundreds of benefits which is not possible to discuss one by one. Let’s give you an overall idea how Google is providing the reader a great experience with the help of schema markup data.
See the picture here. It shows the search results for “How To Cook Burger”. Interesting right? Yes it is.
This is the magic of schema markup. Notice the first result where title is perfect burger. food quality rating and cooking time is there. And see the ingredients list. So what you understood?
Well let me explain, if you didn’t use schema markup then the search result would be like normal title, url & meta description. Now because of schema markup things are different. For cooking or recipe of an item, this are the information like cooking time, ingredients etc you need most.
Imagine, if it was coming as a normal search result, could you see all this info at a glance. No, you had to open and read the article. Now if you are okay with the cooking time and ingredients then you will read it. If not you can see the other listings at a glance.
Why google is doing this? To give the users best experience with searching and the best result as well.
Thank you for reading. I hope you understood about schema markup and it’s benefit. Let me know in comment section if you have more queries regarding this.
Stay safe. Stay With DATACRAP.