HTML5 Microdata and Schema.org

Jason RonalloAssociate Head, Digital Library InitiativesNCSU Libraries

HTML5 Microdata and Schema.org

1. HTML52. Microdata3. 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 Senseof 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 Snippets2. Generic types3. Sparse properties

1. Types That Trigger Google Rich Snippets

ApplicationsAuthorsEventsMovieMusic

PeopleProductsRecipesReviewsTV Series

2. Generic types for objects

● Thing○ CreativeWork

■ Article■ Book■ Map■ MediaObject■ Movie■ Painting■ Photograph■ Sculpture■ TVSeries■ WebPage

Missing types● drawing● blueprint● pamphlet● postcard● poster● photographic

negative● suit of armor● etc. ad infinitum

3. Sparse Properties

Extensions in the wild from cultural heritage sites● rights● OCLC (oclcID)● copyright● dimensions● materials

Callto

Action!

Bonus slide!

itemid

Jason RonalloAssociate Head of Digital Library InitiativesNCSU Libraries My blog and bookmarks:

http://go.ncsu.edu/jasonr @ronallo