HTML5 new structuring elements and Microdata: validators, online tools, browser extensions

Introduction

Here are some tools and web sites I compiled, that could be useful for adding Microdata to your HTML5 pages, testing them, etc.

Online tools

• http://linter.structured-data.org¹⁰ : Structure Data Linter for testing Microdata
• http://foolip.org/microdatajs/live¹¹ !: See your Microdata in JSON
• http://www.google.com/webmasters/tools/richsnippets¹² : Google tool. See how Google crawler will index and display your Microdata
• http://validator.w3.org¹³ : the W3C HTML5 validator
• HTML5 outliner : http://gsnedders.html5.org/outliner/¹⁴ : lots of resources for generating a table of content from the new HTML5 structuring elements
• http://www.validator.nu¹⁵ : another HTML5 validator
• w3c-test.org : another one
• Microdata to RDF distiller : http://www.w3.org/2012/pyMicrodata/#distill_by_input¹⁶
• Other validation tools: HTML5 Validation¹⁷   |   CSS Validation¹⁸
• Nice online tool for drawing a graphic view of the Microdata : http://tools.seomoves.org/microdata/?url=http://kilya-html5.appspot.com/profile/profile.html¹⁹ , paper that explains the tool here : http://www.seomoves.org/blog/build/html5-microdata-2711/²⁰
• SEO Validation tool (Search Engine Optimization), checks for plenty of stuff in the web page, including HTML5 microdata : http://www.seorch.eu/index.html²¹
• Google's Webmaster Tools site²² : how Google uses microdata, microformats and RDFa. What properties/shemas you should use in order to have augmented display in the google search results.
•  an article on schema.org markup for videos²³, Facebook sharing of videos²⁴ and more.

Browser extensions

JavaScript tools

• jQuery Plug-in for Microdata : http://krofdrakula.github.com/microdata-tool/³² just include :

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> <script src="jquery.microdatatool.js"></script>

TO STUDY: Screenshots from this archive; screenshots.zip³³

TO be sorted out....

Browser's extensions 

Web - online

http://validator.w3.org/nu/³⁴

http://omnidator.appspot.com/³⁵

http://schema-creator.org/³⁶

http://www.microdatagenerator.com/³⁷

http://foolip.org/microdatajs/live/³⁸

http://validator.nu/³⁹

http://www.google.com/webmasters/tools/richsnippets⁴⁰

http://www.bing.com/toolbox/markup-validator⁴¹

Browser extensions

Microdata Google breadcrumbs

http://extensions.joomla.org/extensions/site-management/seo-a-metadata/meta-data/20096⁴²

Microdata.reveal Google extension

https://chrome.google.com/webstore/detail/microdatareveal/olapakiakkblfdaajcifgldandnikpdh?hl=en⁴³

Schemadump Google extension

https://chrome.google.com/webstore/detail/schemadump/melmflpcmnoddilkindbepcbcjbjbdin⁴⁴

HTML 5 outliner Firefox add-on

https://addons.mozilla.org/en-US/firefox/addon/html5_outliner/?src=api⁴⁵

HTML 5 validator FireFox add-on

https://addons.mozilla.org/en-US/firefox/addon/html-5-validator/?src=search⁴⁶

Projects and downloads

https://gitorious.org/microdatajs/⁴⁷

http://lawrencewoodman.github.com/mida/⁴⁸

https://github.com/gkellogg/rdf-microdata⁴⁹

https://metacpan.org/module/HTML::HTML5::Microdata::Parser⁵⁰

https://github.com/mhausenblas/web.instata⁵¹

http://soyrex.com/projects/php-microdata/⁵²