Wie HTML5 dem Web ein Bewusstsein verpasst

Die semantische Auszeichnung von webbasierten Inhalten ist nichts grundsätzlich Neues und wird schon seit etlichen Jahren praktiziert. Allerdings sind die bislang dafür praktizierten Methoden mit Hilfe von Ontologien so aufwändig, dass in der Regel nur mit domänenspezifischen Ansätzen gearbeitet wurde. Das heißt, nur thematisch begrenzte Gebiete wurden mit semantischen Metadaten versehen - zum Beispiel pharmazeutische oder juristische Inhalte. HTML5 soll dies nun ändern und das Konzept breit ins Web tragen.

Wie durch HTML5 das Web semantischer wird

Grundsätzlich wird in HTML5 der Code besser strukturiert - und zwar auf Basis des Content. Es gibt viele neue semantische Tags für die Beschreibung und Auszeichnung von inhaltlich abgegrenzten Bereichen: Zum Beispiel "article" für den Haupttext einer Seite, "aside" für Zusatzelemente oder "dialog" für HTML-Konversationen wie etwa in Foren. Eine massive Verbesserung im Vergleich zum bisherigen Box-Modell, wo die Seite meist nur durch - für die Suchmaschine anonyme - Div-Container gegliedert war.

Dadurch verbessert sich die logische Struktur des Codes und der Inhalt einer Webseite kann viel einfacher und vor allem schneller durch einen Algorithmus wie etwa einen Suchmaschinen-Spider ausgewertet und interpretiert werden - vermutlich einer der Gründe, warum Google   HTML5 so stark pusht.

Nur mit einer schnellen effektiven Indizierung von Seiten ist das Ziel einer Echtzeit-Suche realisierbar. Zu diesem Zweck gibt es in HTML5 auch einen maschinenlesbaren Time-Tag, über den die Suchmaschine die Aktualität einer Information bewerten kann.

Was HTML 5 für die Suchmaschinenoptimierung bringt

Für die Arbeit der Suchmaschinenoptimierung bedeutet HTML5, dass Webseitenbetreiber wie etwa Shops oder Verlage ihre jeweils entscheidenden Inhalte besser kennzeichnen können - und die Randelemente in den Hintergrund treten. "Wer also gute Inhalte hat, kann diese mit HTML5 sicher besser in das Ranking einbringen und auch in der Universal Search bessere Platzierungen erwarten," ist der SEO-Experte Eric Kubitz von contentmanufaktur.net    überzeugt.

Marcel Takagi , Manager Interactive Development beim Dienstleister Sapient  , nickt dazu: "Dadurch bekommen Suchmaschinenoptimierer neue Möglichkeiten an die Hand, Suchbegriffe in Webseiten noch gezielter zu platzieren und entsprechend Ergebnisse zu steuern."
Das betrifft im Übrigen nicht nur die Suchbegriffe, sondern in hohem Maß auch die Links. So könnten Links im Article-Tag von Suchmaschinen höher bewertet werden als jene im Footer-Tag - wodurch sich Verschiebungen in der Link-Economy ergeben werden.

Betreffen die Veränderungen nur die Textinhalte?

Nein, vor allem bei Webvideo wird sich in Bezug auf SEO und Analytics vieles ändern. "HTML5 erlaubt die Darstellung von Videos ohne zusätzliche Plug-ins. Es sollte somit mit fortschrittlichen Web-Analytics-Tools möglich sein, hier tiefere Einblicke zu geben, wie die User mit Videos interagieren beziehungsweise wo eventuelle Ausstiegspunkte sind" , glaubt Daniela Köppl , Head of Product Development bei der SEO-Company Bluesummit  .

Darüber hinaus gibt es die Funktion, den gesprochenen Inhalt eines Videos als Transkript zu hinterlegen - etwa um synchronisierte Untertitel   einzublenden - und auf diese Weise zusätzliche Keywords direkt in den HTML-Code der Seite einzubetten.


Werden Suchmaschinen HTML5-Seiten bevorzugen?
Darüber sind sich die Experten nicht einig. Sapient-Manager Takagi: "Google belohnt schon seit längerer Zeit die Verwendung von semantischem Markup in Webseiten. Eine bewusste strukturierte Auszeichnung von Inhalten und Überschriften resultiert immer in einer besseren Gewichtung der gewählten Suchbegriffe. Daher ist stark davon auszugehen, dass Google eher früher als später die neuen Strukturelemente von HTML5 berücksichtigen und entsprechend gewichten wird." SEO-Experte Kubitz ist vorsichtiger: "Google hat das Ranking noch nie vom Einsatz neuer Technologien abhängig gemacht. Die Suchmaschine möchte ja die relevantesten Ergebnisse anzeigen und keinen Technologie-Award vergeben." Auch heute gebe es zum Beispiel noch viele Websites mit dem uralten Tabellenaufbau - die trotzdem Top-Positionen erhalten. "Trotzdem wird HTML5 vorteilhaft sein, da die Suchmaschine meinen Seitenaufbau leichter versteht und sich nicht durch schlechten Code kämpfen muss."

Wie kann ein Unternehmen kommerziell noch von HTML5 profitieren?

"Es wird einfacher, das Nutzerverhalten auszuwerten: wie agieren meine Besucher mit Videos, Bildern oder anderen Bereichen" erläutert Daniela Köppl von Bluesummit. Damit wachsen auch die Möglichkeiten des Behavioural Targeting: Je nachdem, für welche Inhalte sich ein Besucher interessiert, können ihm passgenauere Angebote gemacht werden - sei es in Form von Inhalten, Werbung oder Produkten.

Eine weitere interessante neue Funktion in HTML5 ist Local Storage, durch das Webseiten sehr viel größere Datenmengen als bisher lokal auf dem Rechner des Anwenders speichern können. Daniela Köppl von Bluesummit: "Vorteile gegenüber Cookies sind beispielsweise, dass Warenkorb-Daten beim Schließen des Browsers nicht verloren gehen." Ein Einkauf kann also auch zu einem späteren Zeitpunkt fortgesetzt werden, ohne dass der ganze Vorgang von vorne beginnen muss.


Welche Schwächen hat HTML5 in Bezug auf Semantik?

Auch wenn mit den neuen Strukturelementen in HTML5 eine bessere semantische Auszeichnung von Inhalten möglich ist, sind die Möglichkeiten doch wieder begrenzt auf die Elemente, die vom W3C definiert werden. Sapient-Manger Takagi: "Hier wünschen sich viele Entwickler eine leichte Erweiterbarkeit für bestimmte Anwendungsfälle, die vielleicht heute noch nicht absehbar sind."
Unter HTML 4 hat die Entwicklergemeinde mit den Microformats einen Versuch zur Erweiterbarkeit um neue Auszeichnungsformate unternommen. Ein Beispiel dafür ist hCard zur Auszeichnung von Kontaktdaten innerhalb einer Website. Aus dem XML-Bereich kommt die alternative Methodik RDFa. Weil sich keine klare Präferenz für eine der beiden Methoden herausgebildet hat, wird in HTML5 versucht, mit dem Format Microdata eine Brücke zu schlagen.
Der noch offene Ausgang dieser Debatte ist vor allem für ECommerce-Anwendungen von massiver Bedeutung, weil sich damit in Verbindung mit anderen HTML5-Funktionen wie Drag&Drop über verschiedene Sites hinweg ganz neue Geschäftsmodelle schaffen lassen: Künftig könnte zum Beispiel eine Flugbuchung erledigt werden, indem die persönlichen Daten aus einem sozialen Netzwerk en Block per Drag and Drop übermittelt werden, statt ein entsprechendes Formular Feld für Feld auszufüllen.