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

2,152

Published on

Published in: Technology
0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,152
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
15
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

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???
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×