Friday, November 22, 2013

Make meta microdata by google structured data markedup helper and google plus snippet

I have a shopping mall by magento (shop.isdream.net) and tried to make a structured data for it.
However, it was very hard to do it and I decided to find an alternative way.

There was a meta microdata that I could do it very easily.

You need to know three following google's tool that you can search easily.

or just go to google webmaster tool and click other resources. You will see
-Structured data testing tool in google webmaster tool
-Structured data markup helper

Then, you can refer to Google+ snippet tool (https://developers.google.com/+/web/snippet/)
Originally, Google+snippet tool is for showing some good information when you share something by google plus but you can also use it for making meta microdata very easily.
All you have to do is just paste some code to header of your website html.

So, if you want to get the meta microdata just select product, title and image url as follows. Then, you will get html code there.


Then, for some other information such as price, brand, etc, just go to structured data markup helper.
Just select what you want and url then start tagging.


I will select the product and my url as follows:


Then, you will see the following page


When you click some image or letter, list for each property will show up as follows




When you click image, the image will be inserted.



For the rest of them, you can just add missing tag :





Then, save and create html
You will see html source microdata markup



You see yellow line? Just copy them  in txt file to make meta microdata.
The information that you added manually is shown as meta data.



So, you can make some meta microdata rich snippet
<!-- Microdata markup added by Google Structured Data Markup Helper. -->
<div itemscope itemtype="...>
<meta itemprop="name" content=...>
</div>

If you have some meta microdata missing such as title, image, description, just refer to google plus snippet tool that is very easy.
By the way google plus snippet starts with <html.. and structured data markup helper uses <div> tag.
You can also test <html tag.

It is very easy to make meta microdata by using Google Structured data markup helper and Google plus snippet tool.

You just put the complete tag in header of your page.
After finishing, you can test it in Structured data testing tool in google webmaster tool

That is all.

Thank you.
written by Shop Korea.

No comments:

Post a Comment