Microdata:
Usage and integration to the code

By Michail Dimitriou*


The microdata is one of the three code languages which provides information for the content of a website in search engines. Using microdata, search engines get more and complete information of the content of a webpage.


Using microdata in the code of a website with products (eCommerce) has a huge advantage; the search engines, especially Google can understand the components of the products and show more information in the user search results page. So users get instantly the information they need for products of an ecommerce website.




How to integrate microdata in the code

Sometimes the integration of microdata in the code is a little hard process.


Example of a product webpage (eCommerce)

In the example of the above image (eshop with carpets):

The simple code (without microdata) would be:

<div>

<span>Lori - Bakhtiari Persian Rug 256x143</span>

<img src="/nmd8457-399_details.jpg" />

<span>Persian Rug 256x143.</span>

Color of rug:<span>Red</span>

Weight:<span>4 kgr</span>

Carpet id:<span>nmd8457-399</span>

Category:<span>Lori - Bakhtiari</span>

Price:<span>250,00</span>£ 

<span>Sold</span>

</div>

The code with microdata is:

<div itemscope itemtype="https://schema.org/Product">

<span itemprop="name">Lori - Bakhtiari Persian Rug 256x143</span>

Color of rug:<span itemprop="color">Red</span>

<img itemprop="image" src="/nmd8457-399_details.jpg" />

<span itemprop="description">Persian Rug 256x143.</span>

Weight:<span itemprop="weight">4 kgr</span>

Carpet Id:<span>nmd8457-399</span>

<div itemprop="offers"itemscope itemtype="https://schema.org/Offer">

Category:<span itemprop="category">Lori - Bakhtiari</span>

<meta itemprop="priceCurrency" content="GBP" />

Price:<span itemprop="price">250,00</span>£

<span itemprop="availability" content="out_of_stock">Sold</span>

</div>

</div>

Example of a contact webpage (local website)

The simple code (without microdata) would be:

<div>
  <span>Company Ltd.</span>
Contact:
  <div>
    Office:
      Address:<span>Tsimiski 545</span>
      Zip:<span>54622</span>
      <span>Thessaloniki, Greece</span>
  </div>
    Tel:<span>+30 2310 000000</span>,
    Fax:<span>+30 2310 000000</span>,
    E-mail:<span >info (at) company . com</span>
</div>

The code with microdata is:

<div itemscope itemtype="https://schema.org/Organization">
  <span itemprop="name">Company Ltd.</span>
Contact:
<div itemprop="address" 
itemscope itemtype="https://schema.org/PostalAddress">
  Office:
   Address: <span itemprop="streetAddress">Tsimiski 545</span>
   Zip:<span itemprop="postalCode">54622</span>
   <span itemprop="addressLocality">Thessaloniki, Greece</span>
  </div>
    Tel:<span itemprop="telephone">+30 2310 000000</span>,
    Fax:<span itemprop="faxNumber">+30 2310 000000</span>,
    E-mail:<span itemprop="email">info (at) company . com</span>
</div>

See all microdata tags that can be used here: https://schema.org

Check for errors in code relating to microdata here: https://developers.google.com/structured-data/testing-tool/






*Michail Dimitriou is working in the field of iGaming as a digital marketing executive for an iGaming company in the exotic Malta as well as an SEO freelancer. He supports several advertising companies and digital agencies around the world.
Also he is smart and handsome.


12 July 2015