HTML5 Microdata
       and Schema.org


Jason Ronallo
Associate Head, Digital Library Initiatives
NCSU Libraries
HTML5 Microdata
   and Schema.org

1. HTML5
2. Microdata
3. Schema.org
Rich Snippets
Digital Collection Rich Snippet
Embedded Semantic Markup
HTML Semantics
HTML5 Semantics

     <nav>
     <header>
     <article>
       <section>
       <section>
     <footer>
HTML5 Microdata
Example HTML Snippet
Simple Microdata Example
Display Before and After



Code4Lib           Code4Lib
itemscope
itemtype
itemprop
JSON and DOM API
COMPLETE
MICRODATA
DATA
MODEL
itemref
Making Sense
 of Microdata
Schema.org
Schema.org Hierarchy of Types
http://schema.org/Organization

YKK
Example Using Schema.org
What does Schema.org mean for the cultural
heritage sector?


1. No Rich Snippets
2. Generic types
3. Sparse properties
1. Types That Trigger
   Google Rich Snippets

Applications      People
Authors           Products
Events            Recipes
Movie             Reviews
Music             TV Series
2. Generic types for objects
● Thing             Missing types
  ○ CreativeWork    ● drawing
    ■ Article
    ■ Book          ● blueprint
    ■ Map           ● pamphlet
    ■ MediaObject   ● postcard
    ■ Movie         ● poster
    ■ Painting
    ■ Photograph    ● photographic
    ■ Sculpture       negative
    ■ TVSeries      ● suit of armor
    ■ WebPage       ● etc. ad infinitum
3. Sparse Properties
Extensions in the wild from
cultural heritage sites
● rights
● OCLC (oclcID)
● copyright
● dimensions
● materials
Call
  to
Action!
Bonus slide!




               itemid
Jason Ronallo
Associate Head of Digital Library Initiatives
NCSU Libraries

My blog and bookmarks:
http://go.ncsu.edu/jasonr

@ronallo

HTML5 Microdata and Schema.org