Mikroformate

Erweiterte Semantik von HTML-Dokumenten

Eric Eggert

yatil.de

Präsentation mit S5: yatil.de/s5

Was sind Mikroformate?

Das:

Verstanden? ;)

Was sind Mikroformate?

Mikroformate sind:

• Eine Methode über Daten nachzudenken
• Designprinzipien für Formate
• in besonderer Beziehung zu XHTML. Man nennt sie auch
  • Real World Semantics (Semantik des wirklichen Lebens)
  • Lowercase Semantic Web (Kleingeschriebenes semantisches Web)
  • Lossless XHTML (Verlustloses XHTML)
• Ein Set von einfachen Datenformat-Standards, die von vielen aktiv entwickelt und implementiert werden um ein strukturierteres Bloggen und eine strukturiertere Mikrocontent- Veröffentlichung zu erhalten.

Was tun Mikroformate?

Mikroformate

• lösen ein spezifisches Problem
• beginnen so klein wie möglich
• werden zuerst für Menschen und dann für Maschinen entworfen
• machen sich offene Standards zu nutze
• sind modular
• ermöglichen und fördern dezentralisierte Entwicklungen, Inhalte, Sevices

Beispiel

Der Webmontag in Karlsruhe 
findet am 3. Juli 
im Kubik Cafe statt.

Dieser Abschnitt ist natürlich für einen Menschen leicht zu begreifen. Doch wie liest eine Suchmaschine das? Entweder so wie bisher, indem sie alle Wörter einzeln indexiert.

Oder neu, indem sie darauf achtet, ob die Daten in einem Maschinenlesbaren Format ausgezeichnet sind.

Beispiel (II)

<p class="vevent">
Der Webmontag in Karlsruhe 
findet am 3. Juli 
im Kubik Cafe statt.
</p>

Was die Suchmaschine jetzt wissen kann:

• Es gibt einen Event.

Beispiel (III)

<p class="vevent">
  Der 
    <span class="summary">
      Webmontag in Karlsruhe
    </span> 
  findet am 3. Juli 
  im Kubik Cafe statt.
</p>

Was die Suchmaschine jetzt wissen kann:

• Es gibt einen Event und der heißt „Webmontag in Karlsruhe“

Beispiel (IV)

<p class="vevent">
  Der <span class="summary">Webmontag in Karlsruhe</span> 
  findet am
    <abbr class="dtstart" title="2006-07-03">
     3. Juli 
    </abbr>
  im Kubik Cafe statt.
</p>

Was die Suchmaschine jetzt wissen kann:

• Es gibt einen Event, der „Webmontag in Karlsruhe“ heißt und am 03.07.2006 stattfindet.

Beispiel (V)

<p class="vevent">
  Der <span class="summary">Webmontag in Karlsruhe</span> 
  findet am
  <abbr class="dtstart" title="2006-07-03">3. Juli</abbr>
  im 
    <abbr class="location" 
     title="Kubik Cafe, Gottesauer Straße 35, Karlsruhe">
      Kubik Cafe 
    </abbr>  
  statt.
</p>

Beispiel (VI)

<p class="vevent">
  <a class="url" 
     href="http://webmontag.de/doku.php?id=karlsruhe">
    Der <span class="summary">Webmontag in Karlsruhe</span> 
    findet am
    <abbr class="dtstart" title="2006-07-03">3. Juli</abbr>
    im <abbr class="location" 
      title="Kubik Cafe, Gottesauer Straße 35, Karlsruhe">
    Kubik Cafe</abbr> statt.
  </a>
</p>

Beispiel (VII)

Die Suchmaschine weiß jetzt:

• Ein Event findet statt
• Der Name des Events ist „Webmontag in Karlsruhe“
• Das Datum des Events ist 03.07.2006
• Der Event findet im Kubik Cafe, Gottesauer Straße 35, Karlsruhe statt.

Die HTML-Ausgabe sieht dann so aus:

Der Webmontag in Karlsruhe findet am 3. Juli im Kubik Cafe statt.

Aber: Nicht auf eine Datenauszeichnung beschränkt!

Tabelle

<table class="vcalendar">
 <tr>
   <th>Stadt</th><th>Datum</th><th>Treffpunkt</th>
 </tr>
 <tr class="vevent">
   <td>
     <a class="url" href="...">
       <abbr class="summary" title="Webmontag Karlsruhe">
         Karlsruhe</abbr></a>
   </td><td>
     <abbr class="dtstart" title="2006-07-03">3. Juli 2006</abbr>
   </td>
   <td class="location">
     Kubik Cafe, Gottesauer Straße 35, 76131 Karlsruhe
   </td></tr>
</table>

Aber: (II)

Tabelle

Modular?

• Verschiedene Mikroformate können ineinander verschachtelt werden.
  • Auszeichnen der Adresse per hCard-Mikroformat
  • Die Bezeichnung des Webmontags mit Tags („Verschlagwortung“) durch das rel-tag-Mikroformat.
  • Geographische Angaben per geo-Mikroformat (Draft)
• Teilweise spalten sich Mikroformate auch ab: Das adr-Mikroformat (Draft) ist ein Element der hCard.

Nach Mikroformaten suchen

• Mikroformate-Erweiterung „Tails Export“ zeigt gefundene Erweiterungen per Icon in der Statuszeile an und kann sie exportieren
• Mikroformat-Suche von Technorati findet gebloggte Mikroformate sowie statische Seiten, die per Pingerati angepingt wurden.

Weitere Informationen

• Die offizielle Mikroformat-Seite unter Microformats.org
• sowie das dazugehörige Wiki: Microformats.org/wiki/.
• Ein deutsches Mikroformate-Wiki und eine Mailingliste findet man unter mikroformate.pbwiki.com/.