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 Trier 
findet am 10. Juli 
im Wissenschaftspark 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 Trier 
findet am 10. Juli 
im Wissenschaftspark statt.
</p>

Was die Suchmaschine jetzt wissen kann:

Beispiel (III)

<p class="vevent">
  Der 
    <span class="summary">
      Webmontag in Trier
    </span> 
  findet am 10. Juli 
  im Wissenschaftspark statt.
</p>

Was die Suchmaschine jetzt wissen kann:

Beispiel (IV)

<p class="vevent">
  Der <span class="summary">Webmontag in Trier</span> 
  findet am
    <abbr class="dtstart" title="2006-07-10">
     10. Juli 
    </abbr>
  im Wissenschaftspark statt.
</p>

Was die Suchmaschine jetzt wissen kann:

Beispiel (V)

<p class="vevent">
  Der <span class="summary">Webmontag in Trier</span> 
  findet am
  <abbr class="dtstart" title="2006-07-10">10. Juli</abbr>
  im 
    <abbr class="location" 
     title="Wissenschaftspark Trier/Petrisberg, Max-Planck-Straße 6, Gebäude 013">
      Wissenschaftspark
    </abbr>  
  statt.
</p>

Beispiel (VI)

<p class="vevent">
  <a class="url" 
     href="http://webmontag.de/doku.php?id=trier">
    Der <span class="summary">Webmontag in Trier</span> 
    findet am
    <abbr class="dtstart" title="2006-07-03">10. Juli</abbr>
    im <abbr class="location" 
      title="Wissenschaftspark Trier/Petrisberg, Max-Planck-Straße 6, Gebäude 13">
    Wissenschaftspark</abbr> statt.
  </a>
</p>

Beispiel (VII)

Die Suchmaschine weiß jetzt:

Die HTML-Ausgabe sieht dann so aus:

Der Webmontag in Trier findet am 10. Juli im Wissenschaftspark 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 Trier">
         Trier</abbr></a>
   </td><td>
     <abbr class="dtstart" title="2006-07-10">10. Juli 2006</abbr>
   </td>
   <td class="location">
     WIP-Wissenschaftspark Trier (Petrisberg), Max-Planck-Str. 6 (Geb. 013)
   </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