WebsemanticsFuCamp 2010
Matthias Pfefferlehttp://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> <li>Deutschland</li> </ul> </div>
<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>
<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>
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: OpenID
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/
• 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
Vorteile für Browser
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
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:fn“>Max Mustermann</h1>
<small property=“contact:note“>Web-Entwickler</small>
</div>
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 itemprop=“note“>
Web-Entwickler</small> </div>
Hier könnte ein Fazit stehen ...
Weitere Infos
• http://notizblog.org/tag/microformats/
• http://notizblog.org/tag/rdfa/
• http://notizblog.org/tag/microdata/
Fragen???