Pages

How to add HTML5 microdata to your Web site

Dev Opera blog has posted a nice HTML5 microdata overview. Webmonkey has taken a blow of eye to micro-data last year, showing you how to extend HTML by adding custom pages to vocabularies. Since then, microdata are moved from curiosity barely known dominant tool, thanks in part to schema.org.


Schema.org is a partnership between the major search engines - Google, Yahoo and Bing - to define a common set of patterns of microdata for the web. With hundreds of predefined on schema.org patterns, addition of micro-data to your site is just a matter of dropping in the schema that corresponds to your content.


The way easier to understand microdata are to consider a common use case. Say you want details of the list on a business on your page - name, address, phone number and so on. To do this, you will need to use a vocabulary in HTML, since there is no tag. Using microdata for wide distribution, you can create your own name/value pairs custom to define a vocabulary that describes a registration of the company.


For more details on how to do so, see our overview of earlier microdata. See also the Dev Opera blog examples of microdata.


Once you understand the ideas behind microdata, take a look at the various schemas listed in the schema.org and add the markup appropriate to the models of your Web site.


Another convenient tool that is arisen since we watched last microdata is direct viewers of microdata Philip Jagenstedt, which is a great way to check your code for public use microdata and even see what it looks like when extracted JSON.


Also, don't forget that this is not just search engine spiders will benefit from micro-data on your pages. The HTML5 spec also defines a set of API DOM for web browsers to read and manipulate microdata on your pages. At the moment, very little of microdata to support browser but Opera recently published an experimental build with support from microdata. Search for other browsers begin to add support for microdata for wide distribution in the near future.