Mikroformate

Erweiterte Semantik von HTML-Dokumenten

Eric Eggert

yatil.de

Präsentation mit S5: yatil.de/s5

Was sind Mikroformate?

Das:

Schema Mikroformate

Verstanden? ;)

Was sind Mikroformate?

Mikroformate sind:

Was tun Mikroformate?

Mikroformate

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:

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:

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:

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:

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

StadtDatumTreffpunkt
Karlsruhe 03. Juli 2006 Kubik Cafe, Gottesauer Straße 35, 76131 Karlsruhe
Trier 10. Juli 2006 WIP-Wissenschaftspark Trier (Petrisberg), Max-Planck-Str. 6 (Geb. 013)
Frankfurt 14. August 2006 Brotfabrik, Bachmannstr. 2-4, 60488 Frankfurt

Modular?

Nach Mikroformaten suchen

Weitere Informationen