If you ever tried to use schema.org mark-ups on your website, you probably know that there hasn’t been a quick and easy way to get it right from the very beginning. Lack of documentation and examples have made schema.org markup implementation a nightmare.

From experience, sometimes could take long hours to actually make it work and display properly in the rich snippet tool. That was probably one of the reasons why not many haven’t got them implemented.

But now, thanks to the Google Markup Helper tool, there is no excuse, at least for the most popular items such as Reviews, Products, Movies, Recipes and so on.

With this tool, you can highlight the elements for each property from schema.org and easily get the snippet of code that need to be added to your template. It takes less than 10 minutes to mark up a page.

 

How to Use Google Markup Helper


 

Step by Step

1. In the Structured Data Testing Tool landing page, on the left-hand side, click on “Structured Data Markup Helper”.

 

Structured Data Tool

Structured Data Tool

 

2. In the Markup Helper, you can select whether if you want to do a website or an email. For the purpose of this explanation, we’ll do website.

3. Select from the popular categories the most suitable to your landing page and copy and paste the landing page’s URL in the correspondent field. Click on “Start tagging”.

 

Select your category and insert landing page

Select your category and insert landing page

 

4. In the next screen, you’ll see basically there will be two columns: on the left hand side, the landing page and on the right-hand side, a panel with all the relevant item properties of the item scope selected (such us Product, for example).

 

highligh_data

 

5. With your mouse, you can easily highlight each element on the landing page and assign a property. For example, It highlights the product title and assign it to the correspondent field.

By using the “adding missing tags”, you can insert information that may not be visible in the layout. A perfect example could be the URL.

6. When you’ve added all the properties and information filled out, click on “create HTML”. This will take you to the next screen with the HTML code. In essence, the tool just make a copy of the HTML code of the landing page and add the correct tagging where applicable. The data can be downloaded to a .html file.

 

Full Landing Page code with schema markups added

Full Landing Page code with schema markups added

 

The following two tabs change content below.
I’m a Senior Search Consultant with experience working in different websites across several industries. My aim is to facilitate the interaction between products/services and customers via organic and paid searches.