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

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/