Successfully reported this slideshow.
Your SlideShare is downloading. ×

Websemantics

Ad

Websemantics
    FuCamp 2010
       Matthias Pfefferle
      http://notizblog.org
  http://twitter.com/pfefferle

Ad

was sind Websemantics?

Ad

das Problem!

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Upcoming SlideShare
Findability
Findability
Loading in …3
×

Check these out next

1 of 37 Ad
1 of 37 Ad
Advertisement

More Related Content

Advertisement

Websemantics

  1. 1. Websemantics FuCamp 2010 Matthias Pfefferle http://notizblog.org http://twitter.com/pfefferle
  2. 2. was sind Websemantics?
  3. 3. das Problem!
  4. 4. aus User-Sicht
  5. 5. aus User-Sicht
  6. 6. aus Google-Sicht
  7. 7. aus Google-Sicht
  8. 8. Lösung?
  9. 9. Websemantics!
  10. 10. Buzzword-Bingo • POSH (Plain Old Semantic HTML) • Semantic HTML • RDFa • Microformats • Microdata • eRDF
  11. 11. <div> <h1>Max Mustermann</h1> <small>Web-Entwickler</small> <ul> <li>Mustergasse 2</li> <li>12345 Musterstadt</li> <li>Deutschland</li> </ul> </div>
  12. 12. <div class=“vcard“> <h1>Max Mustermann</h1> <small>Web-Entwickler</small> <ul> <li>Mustergasse 2</li> <li>12345 Musterstadt</li> <li>Deutschland</li> </ul> </div>
  13. 13. <div class=“vcard“> <h1 class=“fn“>Max Mustermann</h1> <small class=“note“>Web-Entwickler</small> <ul class=“adr“> <li class=“street-address“>Mustergasse 2</li> <li class=“locality“>12345 Musterstadt</li> <li class=“country-name“>Deutschland</li> </ul> </div>
  14. 14. Formate? • Profildaten • Events • Lizenzinformationen • Audio/Video/Bilder • Blog-Posts • Beziehungen • ...
  15. 15. bisher
  16. 16. buzzword-bingo • RSS • Atom • RDF (FoaF, SKOS, ...) • XRD • WSDL
  17. 17. jetzt neu!
  18. 18. Kein Ersatz für klassische Formate • Feeds: RSS/Atom • Discovery: WSDL/XRD • Wissensrepräsentation: RDF/OWL • Login: OpenID
  19. 19. Anwendungsgebiete • Dienste die sowieso den HTML Code interpretieren • Suchmaschinen • Browser
  20. 20. Vorteil für Suchmaschinen
  21. 21. Live-Beispiele • Yahoo (SearchMonkey) • http://notizblog.org/2008/06/19/searchmonkey-fuer- anwender/ • http://notizblog.org/2010/02/21/neue-identifier-fuer-den- searchmonkey/ • http://developer.yahoo.com/searchmonkey/ • Google (Rich Snippets) • http://www.google.com/support/webmasters/bin/ answer.py?answer=99170 • http://www.google.com/webhp?hl=en-US
  22. 22. Vorteile für Browser
  23. 23. Live-Beispiele • Firefox • Operator: https://addons.mozilla.org/de/firefox/addon/ 4106/ • Tails: https://addons.mozilla.org/de/firefox/addon/153353 • Google Maps for Microformats: https:// addons.mozilla.org/de/firefox/addon/153353/ • Chrome • Michromeformats: http://chrome.google.com/extensions/ detail/oalbifknmclbnmjlljdemhjjlkmppjjl
  24. 24. Some Magic!
  25. 25. Live-Beispiele • Ident-Engine: http://identengine.com • Webfinger: http://webfinger.org
  26. 26. Formate • Microformats • RDFa • Microdata
  27. 27. Microformats • klassische HTML Attribute • class • rel/rev • title • valides HTML 4/5 und XHTML 1/1.1
  28. 28. <div class=“vcard“> <h1 class=“fn“>Max Mustermann</h1> <small class=“note“>Web-Entwickler</small> </div>
  29. 29. RDFa • neue HTML Attribute • about • property • resource • datatype • typeof • Für XHTML 2 entwickelt
  30. 30. <div xmlns:contact= "http://www.w3.org/2001/vcard-rdf/3.0#" about="http://example.com/max"> <h1 property=“contact:fn“> Max Mustermann</h1> <small property=“contact:note“> Web-Entwickler</small> </div>
  31. 31. Microdata • neue HTML Attribute • itemscope • itemtype • itemprop • itemref • itemid • Für (X)HTML 5 entwickelt
  32. 32. <div itemscope itemtype= “http://microformats.org/profile/hcard“> <h1 itemprop=“fn“>Max Mustermann</h1> <small itemprop=“note“> Web-Entwickler</small> </div>
  33. 33. Hier könnte ein Fazit stehen ...
  34. 34. Weitere Infos • http://notizblog.org/tag/microformats/ • http://notizblog.org/tag/rdfa/ • http://notizblog.org/tag/microdata/
  35. 35. Fragen???

×