In Zeiten von Read it Later Services ist es wichtig seinen Inhalt gut auszuzeichnen, damit die Engines diesen auch verstehen können

Dafür gibt es Mikroformate. Eine eigentlich uralte Technik und trotzdem meines Erachtens viel zu ungenutzt.

Mikroformate sind eine einfache Technik sein HTML noch mehr Kontext zu geben, als es HTML5 selbst kann.

Die einfachste Möglichkeit diese zu verwenden ist über HTML Klassen. Jedes Tag kann verschiedene Attribute bekommen. Da wäre zum Beispiel eine ID oder eben die Klasse. Verwendet werden sie – das sollte jeder wissen der schon einmal HTML geschrieben hat – wie folgt:

<tag id="meineID" class="meineKlasse eineZweiteKlasse

 undNochEineDritte" />

Das schöne an Klassen ist nun, dass man mehrere vergeben kann. Es ist dadurch nicht nötig, sein Namensschema anzupassen, wenn man Microformats implementieren möchte.

Ich Liste nachfolgend mal die auf, die in der Regel verwendet werden. Nach zu lesen auch in der hNews Microformats Dokumentation

hentry

diese Klasse bezeichnet den Container des Artikels. Im Regelfall gibt es ein Element, in dem der Inhalt (Titel, Datum, Autor, Text, etc.) zusammengefasst wird, dieser – in HTML5 – article bekommt die Klasse hentry

<article class="hentry">…</article>

entry-title

Der Titel des Beitrags. Im Regelfall eine Überschrift ersten oder zweiten Grades

<h1 class="entry-title">But Will It Make You Happy?</h1>

entry-content

Der eigentliche Beitrag. Im Regelfall besteht ein solcher Beitrag aus mehreren Absätzen (<p>)  und wird daher von einem div umschlossen.

<div class="entry-content">

<p>Lorem Ipsum …</p>

<p>Dolor …</p>

</div>

entry-summary

Es gibt Artikel, die haben einen Untertitel (Zeitungen machen das häufig). Diese wird dann mit der Klasse entry-summary ausgezeichnet. Das kann eine Überschrift sein, aber auch ein einfacher Absatz. Sollte nur nicht mehr als 2 Sätze enthalten – also kurz sein!

author vcard fn source-org

Der Autor eines Artikels wird über mehrere Klassen ausgezeichnet. Es wird unterschieden zwischen Person und Organisation. Gleich bei beiden ist vcard und fn. fn steht für Full Name.

Beispiel für eine Person:

<p class="author vcard"> Geschrieben von <span class="fn">Max Mustermann</span> Er ist Webentwickler, oder so </p>

Beispiel für eine Organisation:

<p class="source-org vcard"> Geschrieben im Auftrag der <span class="fn">Muster GmbH</span> für allgemeinen Blödsinn </p>

So ist klar, dass es sich beim ersten um eine Person handelt und beim zweiten um eine Organisation. Der Eigentliche Name wird dann über fn ausgezeichnet.

Pubdate/updated

Pubdate ist eine Mischung aus HTML5 und Microformats. Es gibt ein neues Tag time dieses hat das Attribut pubdate. Damit man diese Aussage aber auch ohne der neuen HTML Version treffen kann, vergibt man zusätzlich die Klasse updated. Alles gemischt würde das dann so aussehen:

<time class="updated" datetime="2012-04-23 09:04:17" pubdate> 23.04.2012</time>

Die Eigenschaft datetime wird dabei mit einem maschinenlesbaren Zeitformat gefüllt und zwischen dem Tag steht dann die menschenlesbare Version. Da könnte zum Beispiel auch stehen: Vorgestern, als die Sonne schien oder so etwas. Mit dem Attribut pubdate gibt man an, dass es das Veröffentlichungsdatum ist und die Klasse updated ergänzt das ganze.

Fazit

Ihr seht schon, es ist eigentlich gar nicht schwer und ich kann jeden mit einer eigenen Website nur ermuntern diese auch einzubauen. Kein großer Aufwand, dafür großer Nutzen.