Good example of practical microdata

This post is more than 2 years old.

Microdata (Wikipedia ref) is one of those HTML5 things that I've been meaning to take a closer look at for some time. At a very high level, you can think of microdata as a way of embedding context into your HTML to provide information to search engine crawlers and browsers. It isn't meant for the human eye, but can help out automated agents viewing your site.

I ran into a great example of this today: Creating a semantic breadcrumb using HTML5 microdata

In this article, Euan Torano describes how he used microdata to provide context to Google. You can see in his screen shot that the microdata was visible in the Google Search Results. Not only that, the same HTML used to provide that microdata could be used as nice breadcrumbs in general.

Want to learn more? Check out Schema.org and their simple to follow Getting Started guide.

I'd love to know if any of my readers are making use of this yet.

Raymond Camden's Picture

About Raymond Camden

Raymond is a senior developer evangelist for Adobe. He focuses on document services, JavaScript, and enterprise cat demos. If you like this article, please consider visiting my Amazon Wishlist or donating via PayPal to show your support. You can even buy me a coffee!

Lafayette, LA https://www.raymondcamden.com

Archived Comments

Comment 1 by Ian Turton posted on 7/25/2012 at 8:31 PM

I'm using the JobPosting schema on my wife's companies' (careful with those apostrophes sunshine) website here http://www.bespokecareers.c....

Also using the place schema, both for jobs themselves and the various office locations. And the Review one for here testimonials here http://www.bespokecareers.c...

You can check what google sees with regard to microdata in a page (rich snippets as it would have it) here;
http://www.google.com/webma... - try sticking the bespokecareers url above in there to see what I mean

Comment 2 by Ian Turton posted on 7/25/2012 at 8:49 PM

Company's. COMPANY'S. Arse. ne Wenger.

Comment 3 by petersaurus posted on 1/24/2013 at 9:14 PM

Hi, I have some doubts: do you need to include in your html any taglib to use itemscope, itemtype, itemprop...

thanks

Comment 4 by Raymond Camden posted on 1/24/2013 at 9:20 PM

@Petersaurus: Nope, you don't.