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

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Strukturen im Internet - Microformats vs. Microdata

  • 307 views
Published

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
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
307
On SlideShare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
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/