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”.
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”.
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).
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.
Latest posts by Ana Wachholz (see all)
- Rich Snippets: How to implement Local Business - March 21, 2014
- Rich Snippets: How to Implement Breadcrumbs - March 16, 2014
- .Gov Tweets vs .Gov Backlinks: What is more effective? - February 26, 2014