Step by step guide: example of microdata implementation

If you have no idea what microdata is, go first to Microdata in e-commerce – why does Google need it?In order to implement the below changes you will need minimum technical HTML knowledge. It would be best if you just hand this article over to your IT team.In order to present the whole process we will use a simple example:HTML code without microdata:

HTML code with microdata:

The modifications that have been introduced are just about adding specific tags in accordance with http://schema.orgThe code has been divided into two parts:

1. Product part with information on product name (optionally also ID, SKU and others that you can find here: http://schema.org/Product)
2. adding schema that will be used by engine robots to read data:
3. itemtype="http://schema.org/Product" itemscope
4. adding meta tags with product titles:
5. <meta itemprop="name" content="Apple Iphone 7s">
6. Offer part that has information on price and availability (optionally product condition and others that you can find here: http://schema.org/Offer)
7. adding schema that will be used be engine robots to read data:
8. itemprop="offers" itemscope itemtype="http://schema.org/Offer”
9. adding meta tags with product data
10. <meta itemprop="price" content="1899.89" />
11. <meta itemprop="priceCurrency" content="USD" />
12. <meta itemprop="availability" content="http://schema.org/InStock" />
13. As you can see the modifications are not very complex, the presented example should help you to correctly implement necessary changes.The majority of e-commerce platforms offer product page templates that can contain data on price and availability in the form of macros in the HTML code, for example {{price}}, {{availability}}. When you use those tags, they will be automatically filled out on each product page.Please note that introducing microdata will not be visible by the end user. In other words, the visual aspects of the site will not be changed.When you introduce microdata, you should check their correctness by using the
14. Google tool
15. More information can found in the article prepared by Google:
16. https://support.google.com/merchants/answer/6069143?hl=en