Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.
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
Nächste SlideShare
Wird geladen in …5
×

Websemantics

6.152 Aufrufe

Veröffentlicht am

Veröffentlicht in: Technologie
  • Als Erste(r) kommentieren

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

×