HOW TO ADD SCHEMA MARKUP TO YOUR WEBSITE (STEP BY STEP GUIDE)
Schema markup is the latest evolution in SEO world and is the least utilized yet a powerful optimization factor in search engine result pages.
Let us understand first What schema markup is
Schema markup is code (semantic vocabulary) that you put on your website to help the search engines return more informative results for users.
Here’s an example of famous magazine Forbes that has markup on its article. The SERP entry looks like this.
Now let’s understand how to use schema markup on your website
Follow these steps
1. Open Google’s Structured Data Markup Helper.
2. Select the type of data to be marked up
There are several options listed. Like articles, book reviews, etc. We are going to use “Articles”.
3. Paste the URL of the article that you want to mark up.
4.Highlight and select the type of elements to be marked up
Say we want to add “Name” markup. When we finish highlighting , we select “Name” from tool tip.
When we select “Name”, the tool adds it to “Data Items” in the right pane.
5.Continue adding mark-up items
Use the list of “Data Items” as a guide, and highlight the other items in your article to add them to the markup list.
6.Create the HTML
Once you’ve finished, click “Create HTML.”
In the following page, you will see the HTML of your page with the relevant microdata inserted in the spots that you selected.
7.Add schema markup to your web page
Next, you will go into your source code and add the highlighted snippets in the appropriate spots. Find the yellow markers on the scrollbar to find the schema markup code.
A simple alternative is to download the automatically-generated HTML file, and copy/paste it into your CMS or source code.
When you click “Finish,” you will be presented with a series of “Next Steps.”
8.Use the Structured Data Testing Tool to find out what your page will look like with the added markups.
We can also analyse the code that the tool generated, and which we downloaded.
This Picture is for Learning purposes and not generated originally
Once the code is pasted, click “preview.” The testing tool shows us what the article will look like in Google search results.