Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Websemantics
    FuCamp 2010
       Matthias Pfefferle
      http://notizblog.org
  http://twitter.com/pfefferle
was sind Websemantics?
das Problem!
aus User-Sicht
aus User-Sicht
aus Google-Sicht
aus Google-Sicht
Lösung?
Websemantics!
Buzzword-Bingo
• POSH (Plain Old Semantic HTML)
• Semantic HTML
• RDFa
• Microformats
• Microdata
• eRDF
<div>
 <h1>Max Mustermann</h1>
 <small>Web-Entwickler</small>
 <ul>
  <li>Mustergasse 2</li>
  <li>12345 Musterstadt</li>
...
<div class=“vcard“>
 <h1>Max Mustermann</h1>
 <small>Web-Entwickler</small>
 <ul>
  <li>Mustergasse 2</li>
  <li>12345 Mus...
<div class=“vcard“>
 <h1 class=“fn“>Max Mustermann</h1>
 <small class=“note“>Web-Entwickler</small>
 <ul class=“adr“>
  <l...
Formate?
• Profildaten
• Events
• Lizenzinformationen
• Audio/Video/Bilder
• Blog-Posts
• Beziehungen
• ...
bisher
buzzword-bingo

• RSS
• Atom
• RDF (FoaF, SKOS, ...)
• XRD
• WSDL
jetzt neu!
Kein Ersatz für
   klassische Formate

• Feeds: RSS/Atom
• Discovery: WSDL/XRD
• Wissensrepräsentation: RDF/OWL
• Login: O...
Anwendungsgebiete

• Dienste die sowieso den HTML Code
  interpretieren
 • Suchmaschinen
 • Browser
Vorteil für
Suchmaschinen
Live-Beispiele
•   Yahoo (SearchMonkey)

    •   http://notizblog.org/2008/06/19/searchmonkey-fuer-
        anwender/

   ...
Vorteile für Browser
Live-Beispiele
•   Firefox

    •   Operator: https://addons.mozilla.org/de/firefox/addon/
        4106/

    •   Tails: ht...
Some Magic!
Live-Beispiele


• Ident-Engine: http://identengine.com
• Webfinger: http://webfinger.org
Formate


• Microformats
• RDFa
• Microdata
Microformats

• klassische HTML Attribute
 • class
 • rel/rev
 • title
• valides HTML 4/5 und XHTML 1/1.1
<div class=“vcard“>
 <h1 class=“fn“>Max Mustermann</h1>
 <small class=“note“>Web-Entwickler</small>
</div>
RDFa
• neue HTML Attribute
 • about
 • property
 • resource
 • datatype
 • typeof
• Für XHTML 2 entwickelt
<div xmlns:contact=
   "http://www.w3.org/2001/vcard-rdf/3.0#"
   about="http://example.com/max">
 <h1 property=“contact:f...
Microdata
• neue HTML Attribute
 • itemscope
 • itemtype
 • itemprop
 • itemref
 • itemid
• Für (X)HTML 5 entwickelt
<div itemscope
   itemtype=
   “http://microformats.org/profile/hcard“>
 <h1 itemprop=“fn“>Max Mustermann</h1>
 <small item...
Hier könnte ein Fazit
      stehen ...
Weitere Infos


• http://notizblog.org/tag/microformats/
• http://notizblog.org/tag/rdfa/
• http://notizblog.org/tag/micro...
Fragen???
Websemantics
Websemantics
Upcoming SlideShare
Loading in …5
×

Websemantics

0 views

Published on

Published in: Technology
  • Be the first to comment

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???

×