Your SlideShare is downloading. ×
Strukturen im Internet - Microformats vs. Microdata
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Saving this for later?

Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime - even offline.

Text the download link to your phone

Standard text messaging rates apply

Strukturen im Internet - Microformats vs. Microdata

328
views

Published on

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

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
328
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Struktur im InternetMicroformats vs. Microdatawww.flickr.com/photos/herrolsen/7009460113/
  • 2. Nils LaukXING AGTeam Lead Frontend Architectureliebt Struktur
  • 3. Computer sind dummwww.flickr.com/photos/tschaut/2702223634/
  • 4. Helft dem Internetwww.flickr.com/photos/sebke/3485578139/
  • 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. <comicexpression></comicexpression>www.flickr.com/photos/jcolman/306950863/
  • 7. Auftritt: Structured Datawww.flickr.com/photos/alancleaver/3405608142/
  • 8. 2005Dan CederholmTantek ÇelikClass-Selektoren
  • 9. Nils LaukXING AGDammtorstraße 29-3220354 Hamburgwww.xing.com/profile/nils_lauk
  • 10. <div class="vcard">Nils LaukXING AGDammtorstraße 29-3220354 Hamburgwww.xing.com/profile/nils_lauk</div>
  • 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. Wahnsinn!
  • 13. Schnittstelle - z.B. Add-on für Firefox
  • 14. www.flickr.com/photos/borrowed/2278532757/Gut für die User
  • 15. www.flickr.com/photos/zippy/50307480/Gut für die Industrie
  • 16. Oft benutzte Microformats•hCard•hCalendar•rel-tag•XFN•hReview•hRecipe•hProduct•hMedia...
  • 17. Mehrwertwww.flickr.com/photos/myklroventine/3400039523/
  • 18. Happy Userwww.flickr.com/photos/jamesyu/366732694/
  • 19. Microdata
  • 20. sehr viele Typen, sehr ausführlich
  • 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. {"items": [{"type": ["http://schema.org/Essen"],"properties": {"Frucht": ["Apfel"]}},{"type": ["http://schema.org/Suess"],"properties": {"Schokolade": ["Herb"]}}]}github.com/matt-west/microdatajs
  • 23. Microdata in freier Wildbahnwww.flickr.com/photos/29487767@N02/3439298042/
  • 24. www.google.de/webmasters/tools/richsnippets
  • 25. Keine Daten? AJAX...?
  • 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. Microformats 2www.flickr.com/photos/tzzimone/494855060/
  • 28. <div class="vcard"><div class="fn">Hein Mück</div></div><div class="h-card">Hein Mück</div>MicroformatsMicroformats 2
  • 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. Microformats 2 - Zug abgefahren?www.flickr.com/photos/samchurchill/4587963200/
  • 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. Use structured datawww.flickr.com/photos/edtrigger/4276152246/
  • 33. Geduldwww.flickr.com/photos/chovy/2353209387/
  • 34. Alles wird gut!www.flickr.com/photos/31029865@N06/5845003579/
  • 35. Dankewww.flickr.com/photos/timmy2s/7004300420/