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