HTML5 Microdata       and Schema.orgJason RonalloAssociate Head, Digital Library InitiativesNCSU Libraries
HTML5 Microdata   and Schema.org1. 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 AfterCode4Lib           Code4Lib
itemscope
itemtype
itemprop
JSON and DOM API
COMPLETEMICRODATADATAMODEL
itemref
Making Sense of Microdata
Schema.org
Schema.org Hierarchy of Types
http://schema.org/OrganizationYKK
Example Using Schema.org
What does Schema.org mean for the culturalheritage sector?1. No Rich Snippets2. Generic types3. Sparse properties
1. Types That Trigger   Google Rich SnippetsApplications      PeopleAuthors           ProductsEvents            RecipesMov...
2. Generic types for objects● Thing             Missing types  ○ CreativeWork    ● drawing    ■ Article    ■ Book         ...
3. Sparse PropertiesExtensions in the wild fromcultural heritage sites● rights● OCLC (oclcID)● copyright● dimensions● mate...
Call  toAction!
Bonus slide!               itemid
Jason RonalloAssociate Head of Digital Library InitiativesNCSU LibrariesMy blog and bookmarks:http://go.ncsu.edu/jasonr@ro...
HTML5 Microdata and Schema.org
HTML5 Microdata and Schema.org
HTML5 Microdata and Schema.org
Upcoming SlideShare
Loading in...5
×

HTML5 Microdata and Schema.org

6,977

Published on

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

Published in: Technology
1 Comment
8 Likes
Statistics
Notes
No Downloads
Views
Total Views
6,977
On Slideshare
0
From Embeds
0
Number of Embeds
6
Actions
Shares
0
Downloads
86
Comments
1
Likes
8
Embeds 0
No embeds

No notes for slide

HTML5 Microdata and Schema.org

  1. 1. HTML5 Microdata and Schema.orgJason RonalloAssociate Head, Digital Library InitiativesNCSU Libraries
  2. 2. HTML5 Microdata and Schema.org1. HTML52. Microdata3. Schema.org
  3. 3. Rich Snippets
  4. 4. Digital Collection Rich Snippet
  5. 5. Embedded Semantic Markup
  6. 6. HTML Semantics
  7. 7. HTML5 Semantics <nav> <header> <article> <section> <section> <footer>
  8. 8. HTML5 Microdata
  9. 9. Example HTML Snippet
  10. 10. Simple Microdata Example
  11. 11. Display Before and AfterCode4Lib Code4Lib
  12. 12. itemscope
  13. 13. itemtype
  14. 14. itemprop
  15. 15. JSON and DOM API
  16. 16. COMPLETEMICRODATADATAMODEL
  17. 17. itemref
  18. 18. Making Sense of Microdata
  19. 19. Schema.org
  20. 20. Schema.org Hierarchy of Types
  21. 21. http://schema.org/OrganizationYKK
  22. 22. Example Using Schema.org
  23. 23. What does Schema.org mean for the culturalheritage sector?1. No Rich Snippets2. Generic types3. Sparse properties
  24. 24. 1. Types That Trigger Google Rich SnippetsApplications PeopleAuthors ProductsEvents RecipesMovie ReviewsMusic TV Series
  25. 25. 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
  26. 26. 3. Sparse PropertiesExtensions in the wild fromcultural heritage sites● rights● OCLC (oclcID)● copyright● dimensions● materials
  27. 27. Call toAction!
  28. 28. Bonus slide! itemid
  29. 29. Jason RonalloAssociate Head of Digital Library InitiativesNCSU LibrariesMy blog and bookmarks:http://go.ncsu.edu/jasonr@ronallo
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×