REAL STUFF THAT MATTERS

TECHNICAL & PRACTICAL Updates FOR ALL

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.

http://sevenkoncepts.com/10-reasons-why-your-business-needs-a-digital-marketing-strategy/

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.

Good Luck

Select Services

Web Designing Web Development Digital Marketing Corporate Identity IT OutSourcing Mobile Application Enterprise Content Management Solutions Print Media SEO SERVICES

GET IN TOUCH