Microdata

Adding microdata to Web pages helps search engines to better understand the pages’ content, their topics, etc. The main purpose of microdata is Search Engine Optimization.This information is not visible to humans: it is pure semantic information.

example:

  1. <section itemscope itemtype=http://schema.org/Person&#8221;>
  2.     <h1>Contact Information</h1>
  3.     <dl>
  4.       <dt>Name</dt>
  5.       <dd itemprop=“name”>Michel Buffa</dd>
  6.       <dt>Position</dt>
  7.       <dd><span itemprop=“jobTitle”>
  8.            Professor/Researcher/Scientist</span> for
  9.           <span itemprop=“affiliation”>
  10.               University of Côte d’Azur, France
  11.           </span>
  12.       </dd>
  13.     </dl>
  14.     <!– SURFACE ADDRESS GOES HERE –>
  15.     <h1>My different online public accounts</h1>
  16.     <ul>
  17.        <li><a href=http://www.twitter.com/micbuffa&#8221;
  18.               itemprop=“url”>Twitter profile</a></li>
  19.        <li><a href=http://www.blogger.com/micbuffa&#8221;
  20.               itemprop=“url”>Michel Buffa’s blog</a></li>
  21.     </ul>
  22. </section>

Testing tools

One of the most popular resources for testing microdata (as well as microformats and RDFa) is the Google page about rich snippets and structured data. This page contains a link to a structured data testing tool that you can use to see how Google recognizes the semantic data you embed in your HTML code.

Microdata Tools

There are many tools available (most are free) that you can use for generating, visualizing and debugging microdata. We list some of them in this page, but feel free to share the tools you find / like in the forums.

MICRODATA GENERATORS

There are many free tools you can use to automatically generate microdata for describing persons, restaurants, movies, products, organizations, etc. such as:

EXAMPLES OF WELL STRUCTURED PAGES:

http://output.jsbin.com/buriqi/35

http://output.jsbin.com/wozoye

 

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s