Semantic HTML and Search Engine Optimization


Zusammengefasst nach dem Artikel von Joost de Valk

Quelle: http://dev.opera.com/articles/view/semantic-html-and-search-engine-optimiza/
Semantic HTML and Search Engine Optimization

Warum semantisches HTML?

Eine semantisch aufgebaute Webseite macht es zuallererst Menschen mit einer Sehschwäche viel einfacher die Seite zu verstehen, da es dem Screenreader ermöglicht, die Seite auf eine verständliche Art und Weise zu interpretieren.
Des Weiteren, hängen SEO (Search Engine Optimization) und semantisches HTML sehr eng zusammen. Der Sinn und Zweck von SEO ist es Suchmaschinenspinnen zu einem besseren Verständnis zu helfen, worum es bei der Webseite geht und sie dadurch besser kategorisieren zu können. Ein semantisches HTML hilft Ihnen dabei, die Struktur einer Webseite schnell und klar zu erfassen.

Webseitenaufbau

Eine Webseite sollte immer klar strukturiert sein, damit es  für Suchmaschinen leichter ist zu erkennen, welche Seite welches Thema behandelt. Mit einem semantischem HTML kann diese Struktur weiter verbessert werden.

Seitenaufbau

1. Überschriften
Ein Dokument hat Überschriften und Untertiteln, da diese es viel einfacher machen das Thema einer Seite festzustellen. Diese Überschriften gibt es im HTML je nach ihrer Wichtigkeit von h1 bis h6.
Es gibt auch die Möglichkeit mehrere h1 Überschriften auf der Seite zu verwenden. Von einer semantischen Sichtweise macht das zwar keinen all zu großen Sinn, jedoch für das SEO schon.

Um das Thema einer Seite festzustellen, geben Suchmaschinen den verwendeten Wörtern einer Überschrift sehr viel Gewichtung. Daher sollte das Schlüsselwort der Webseite mindestens einmal in einem h1 Tag vorkommen.

2. Bilder
Bilder werden auf verschiedenste Weisen in einem Dokument verwendet und sollten immer mit der richtigen Bedeutung angewendet werden. Die einzig wirklich sinnvolle semantische Variable bei einem <img> Tag ist die alt Eigenschaft. Diese sollte jedoch nur bei Bildern benutzt werden, welche eine zusätzliche Bedeutung zum Text haben und nicht bei Bildern, welche nur einen dekorativen Zweck erfüllen. Ansonsten wird im alt Eigenschaft beschrieben, was das Bild aufzeigt.

3. Abkürzungen und Acronyme
Wenn man Abkürzungen und Acronyme verwendet sollte man sicher gehen, dass das ausgeschriebene Wort mit einem <abbr> oder <acronym> Tag bereitgestellt wird.

4. Tabellen
Tabellen sollten nie für das Design einer Webseite sondern nur zum anzeigen von tabellarischen Daten verwendet werden. Es gibt aber auch noch andere Wege um den semantischen Wert einer Tabelle noch zu steigern und somit die seiten eigene SEO zu verbessern:

verwenden von Tabellen Überschriften (th)
verwenden von thead, tbody und tfoot zur besseren Strukturierung der Tabelle
verwenden eines Titels, welcher beschreibt, um was es bei der Tabelle geht

5. Bedeutung hervorheben
Um einzelnen Wörtern eine größere Bedeutung zuzuweisen, können die <em> und <strong> Tags verwendet werden. Suchmaschinen geben solchen Wörtern mehr Gewichtung.

Interessenkonflikte

All diese Regeln können natürlich etwas gebeugt werden, um zum Beispiel Interessenkonflikte mit dem Kunden zu vermeiden. Eine semantische Struktur sollte jedoch immer die Basis jeder Webseite sein.