Brief introduction to HTML5 Microdata and Schema.org for libraries, archives, and museums. See my article in the Code4Lib Journal http://journal.code4lib.org/articles/6400

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

2. HTML5 Microdata
and Schema.org
1. HTML5
2. Microdata
3. Schema.org

3. Rich Snippets

4. Digital Collection Rich Snippet

5. Embedded Semantic Markup

6. HTML Semantics

7. HTML5 Semantics
<nav>
<header>
<article>
<section>
<section>
<footer>

8. HTML5 Microdata

9. Example HTML Snippet

10. Simple Microdata Example

11. Display Before and After
Code4Lib Code4Lib

12. itemscope

13. itemtype

14. itemprop

15. JSON and DOM API

16. COMPLETE
MICRODATA
DATA
MODEL

17. itemref

19. Making Sense
of Microdata

20. Schema.org

21. Schema.org Hierarchy of Types

22. http://schema.org/Organization
YKK

23. Example Using Schema.org

24. What does Schema.org mean for the cultural
heritage sector?
1. No Rich Snippets
2. Generic types
3. Sparse properties

25. 1. Types That Trigger
Google Rich Snippets
Applications People
Authors Products
Events Recipes
Movie Reviews
Music TV Series

27. 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

28. 3. Sparse Properties
Extensions in the wild from
cultural heritage sites
● rights
● OCLC (oclcID)
● copyright
● dimensions
● materials

30. Call
to
Action!

31. Bonus slide!
itemid

32. Jason Ronallo
Associate Head of Digital Library Initiatives
NCSU Libraries
My blog and bookmarks:
http://go.ncsu.edu/jasonr
@ronallo