0
Struktur im InternetMicroformats vs. Microdatawww.flickr.com/photos/herrolsen/7009460113/
Nils LaukXING AGTeam Lead Frontend Architectureliebt Struktur
Computer sind dummwww.flickr.com/photos/tschaut/2702223634/
Helft dem Internetwww.flickr.com/photos/sebke/3485578139/
SemantikSemantik, auch Bedeutungslehre, nennt man dieTheorie oder Wissenschaft von der Bedeutung derZeichen. Zeichen könne...
<comicexpression></comicexpression>www.flickr.com/photos/jcolman/306950863/
Auftritt: Structured Datawww.flickr.com/photos/alancleaver/3405608142/
2005Dan CederholmTantek ÇelikClass-Selektoren
Nils LaukXING AGDammtorstraße 29-3220354 Hamburgwww.xing.com/profile/nils_lauk
<div class="vcard">Nils LaukXING AGDammtorstraße 29-3220354 Hamburgwww.xing.com/profile/nils_lauk</div>
<div class="vcard"><div class="fn">Nils Lauk</div><div class="org">XING AG</div><div class="adr"><div class="street-addres...
Wahnsinn!
Schnittstelle - z.B. Add-on für Firefox
www.flickr.com/photos/borrowed/2278532757/Gut für die User
www.flickr.com/photos/zippy/50307480/Gut für die Industrie
Oft benutzte Microformats•hCard•hCalendar•rel-tag•XFN•hReview•hRecipe•hProduct•hMedia...
Mehrwertwww.flickr.com/photos/myklroventine/3400039523/
Happy Userwww.flickr.com/photos/jamesyu/366732694/
Microdata
sehr viele Typen, sehr ausführlich
<div class="vcard"><div class="fn">Nils Lauk</div><div class="org">XING AG</div><div class="adr"><div class="street-addres...
{"items": [{"type": ["http://schema.org/Essen"],"properties": {"Frucht": ["Apfel"]}},{"type": ["http://schema.org/Suess"],...
Microdata in freier Wildbahnwww.flickr.com/photos/29487767@N02/3439298042/
www.google.de/webmasters/tools/richsnippets
Keine Daten? AJAX...?
VergleichMicroformats•Class-Selektoren•etabliert•geringes SetMicrodata•HTML5•relativ neu•data-vocabulary.org•Google/Bing/Y...
Microformats 2www.flickr.com/photos/tzzimone/494855060/
<div class="vcard"><div class="fn">Hein Mück</div></div><div class="h-card">Hein Mück</div>MicroformatsMicroformats 2
Microformats 2<a class="h-card" href="http://foo.bar">Hein Mück</a>{"items": [{"type": ["h-card"],"properties": {"name": [...
Microformats 2 - Zug abgefahren?www.flickr.com/photos/samchurchill/4587963200/
13% mit Auszeichnungwww.flickr.com/photos/jepoirrier/2462476884/49,3% MF 14,4% MD 36,3% RDFaWeb Data Commons Extraction Rep...
Use structured datawww.flickr.com/photos/edtrigger/4276152246/
Geduldwww.flickr.com/photos/chovy/2353209387/
Alles wird gut!www.flickr.com/photos/31029865@N06/5845003579/
Dankewww.flickr.com/photos/timmy2s/7004300420/
Strukturen im Internet - Microformats vs. Microdata
Strukturen im Internet - Microformats vs. Microdata
Strukturen im Internet - Microformats vs. Microdata
Strukturen im Internet - Microformats vs. Microdata
Strukturen im Internet - Microformats vs. Microdata
Strukturen im Internet - Microformats vs. Microdata
Strukturen im Internet - Microformats vs. Microdata
Strukturen im Internet - Microformats vs. Microdata
Strukturen im Internet - Microformats vs. Microdata
Strukturen im Internet - Microformats vs. Microdata
Strukturen im Internet - Microformats vs. Microdata
Upcoming SlideShare
Loading in...5
×

Strukturen im Internet - Microformats vs. Microdata

377

Published on

Mein Talk auf der Developer Week 2013 in Nürnberg. Thema: Wie bekommen wir Strukturen ins Netz? Antwort: Structured Data.

Published in: Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
377
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Strukturen im Internet - Microformats vs. Microdata"

  1. 1. Struktur im InternetMicroformats vs. Microdatawww.flickr.com/photos/herrolsen/7009460113/
  2. 2. Nils LaukXING AGTeam Lead Frontend Architectureliebt Struktur
  3. 3. Computer sind dummwww.flickr.com/photos/tschaut/2702223634/
  4. 4. Helft dem Internetwww.flickr.com/photos/sebke/3485578139/
  5. 5. SemantikSemantik, auch Bedeutungslehre, nennt man dieTheorie oder Wissenschaft von der Bedeutung derZeichen. Zeichen können in diesem Fall Wörter,Phrasen oder Symbole sein. Die Semantik be-schäftigt sich typischerweise mit den Beziehungenzwischen Zeichen und Bedeutungen dieserZeichen. - (Wikipedia)www.flickr.com/photos/doug88888/3843456676/
  6. 6. <comicexpression></comicexpression>www.flickr.com/photos/jcolman/306950863/
  7. 7. Auftritt: Structured Datawww.flickr.com/photos/alancleaver/3405608142/
  8. 8. 2005Dan CederholmTantek ÇelikClass-Selektoren
  9. 9. Nils LaukXING AGDammtorstraße 29-3220354 Hamburgwww.xing.com/profile/nils_lauk
  10. 10. <div class="vcard">Nils LaukXING AGDammtorstraße 29-3220354 Hamburgwww.xing.com/profile/nils_lauk</div>
  11. 11. <div class="vcard"><div class="fn">Nils Lauk</div><div class="org">XING AG</div><div class="adr"><div class="street-address">Dammtorstraße 29-32</div><span class="postal-code">20354</span><span class="region">Hamburg</span></div><a href="#" class="url">www.xing.com/profile/nils_lauk</a></div>
  12. 12. Wahnsinn!
  13. 13. Schnittstelle - z.B. Add-on für Firefox
  14. 14. www.flickr.com/photos/borrowed/2278532757/Gut für die User
  15. 15. www.flickr.com/photos/zippy/50307480/Gut für die Industrie
  16. 16. Oft benutzte Microformats•hCard•hCalendar•rel-tag•XFN•hReview•hRecipe•hProduct•hMedia...
  17. 17. Mehrwertwww.flickr.com/photos/myklroventine/3400039523/
  18. 18. Happy Userwww.flickr.com/photos/jamesyu/366732694/
  19. 19. Microdata
  20. 20. sehr viele Typen, sehr ausführlich
  21. 21. <div class="vcard"><div class="fn">Nils Lauk</div><div class="org">XING AG</div><div class="adr"><div class="street-address">Dammtorstraße 29-32</div><span class="postal-code">20354</span><span class="region">Hamburg</span></div><a href="#" class="url">www.xing.com/profile/nils_lauk</a></div><div itemscope itemtype="http://schema.org/Person"><div itemprop="name">Nils Lauk</div><div itemscope itemtype="schema.org/Organization"><div itemprop="name">XING AG</div></div><div itemscope itemprop="address"itemtype="http://schema.org/PostalAddress"><div itemprop="streetAddress">Dammtorstraße 29-32</div><span itemprop="postalCode">20354</span><span itemprop="addressLocality">Hamburg</span></div><a href="#" itemprop="url">www.xing.com/profile/nils_lauk</a></div>
  22. 22. {"items": [{"type": ["http://schema.org/Essen"],"properties": {"Frucht": ["Apfel"]}},{"type": ["http://schema.org/Suess"],"properties": {"Schokolade": ["Herb"]}}]}github.com/matt-west/microdatajs
  23. 23. Microdata in freier Wildbahnwww.flickr.com/photos/29487767@N02/3439298042/
  24. 24. www.google.de/webmasters/tools/richsnippets
  25. 25. Keine Daten? AJAX...?
  26. 26. VergleichMicroformats•Class-Selektoren•etabliert•geringes SetMicrodata•HTML5•relativ neu•data-vocabulary.org•Google/Bing/Yahoo•schema.org•umfangreichwww.flickr.com/photos/blueridgekitties/4978985479/
  27. 27. Microformats 2www.flickr.com/photos/tzzimone/494855060/
  28. 28. <div class="vcard"><div class="fn">Hein Mück</div></div><div class="h-card">Hein Mück</div>MicroformatsMicroformats 2
  29. 29. Microformats 2<a class="h-card" href="http://foo.bar">Hein Mück</a>{"items": [{"type": ["h-card"],"properties": {"name": ["Hein Mueck"],"url": ["http://foo.bar"]}}]}
  30. 30. Microformats 2 - Zug abgefahren?www.flickr.com/photos/samchurchill/4587963200/
  31. 31. 13% mit Auszeichnungwww.flickr.com/photos/jepoirrier/2462476884/49,3% MF 14,4% MD 36,3% RDFaWeb Data Commons Extraction Report - Februar 2012 Corpus
  32. 32. Use structured datawww.flickr.com/photos/edtrigger/4276152246/
  33. 33. Geduldwww.flickr.com/photos/chovy/2353209387/
  34. 34. Alles wird gut!www.flickr.com/photos/31029865@N06/5845003579/
  35. 35. Dankewww.flickr.com/photos/timmy2s/7004300420/
  1. A particular slide catching your eye?

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

×