Techie Weblog

Web Hosting & Network Security Guide

How to Use HTML5 Microdata

If you like the post, Please Share

Facebooktwittergoogle_pluspinterestlinkedin

How to Use HTML5 Microdata

How to Use HTML5 Microdata

What is HTML5 Microdata.

How to Use HTML5 Microdata

How to Use HTML5 Microdata

HTML5 Microdata is an easy way to add semantic markup to your web pages. Search engines rely on this markup to improve the display of search results, making it easier for people to find the right web pages.

Why use HTML5 Microdata.

Schema.org says “Your web pages have an underlying meaning that people understand when they read the web pages. But search engines have a limited understanding of what is being discussed on those pages. By adding additional tags to the HTML of your web pages—tags that say, “Hey search engine, this information describes this specific movie, or place, or person, or video”—you can help search engines and other applications better understand your content and display it in a useful, relevant way. Microdata is a set of tags, introduced with HTML5, that allows you to do this.”

How to Use HTML5 Microdata.

Schema.org provides a collection of shared vocabularies webmasters can use to mark up their pages in ways that can be understood by the major search engines: Google, Microsoft, Yandex and Yahoo! Here is a simple example of how to use HTML5 microdata in your contact web page:

<div itemscope itemtype="http://schema.org/Person">
   <span itemprop="name">Sukanta Dutta</span>
   <span itemprop="company">Techie Weblog</span>
   <a itemprop="email" href="mailto:admin@techieweblog.com">admin@techieweblog.com</a>
</div>

Consider the above example. By adding itemscope in the <div> tag, we are specifying that the HTML contained in the <div>...</div> block is about a particular item. Without specifying what kind of an item it is, it is worthless to add that tag. So we specify the type of item using the itemtype attribute immediately after the itemscope. It specifies that the item contained in the <div> tag is in fact a Person, as defined in the schema.org type hierarchy. Item types are provided as URLs, in this case, http://schema.org/Person.

Below here it is a list of used item types defined in http://schema.org:

Besides you can get the whole list  here.

***How to Use HTML5 Microdata***

Updated: January 8, 2016 — 2:11 pm

The Author

Sukanta Dutta

The author is writing technical blog for last few years. He shares his knowledge on Computer Networks, Database Technologies, Security Aspects of Network and Database etc. He also likes to hear from the reader of this blog to learn more, so he welcomes guest writing for this blog.

Leave a Reply

Your email address will not be published. Required fields are marked *

Techie Weblog © 2015-2016 Frontier Theme