Liebe Leser,
auch diese Woche haben wir ein äußerst spannendes Thema für Sie vorbereitet, das da lautet:
Semantische Formatierungsmöglichkeiten in Bezug auf Suchmaschinenoptimierung, oder (zugegebenermaßen leichter verständlich): der kleine aber feine Unterschied zwischen gewissen Tags.
Generell betrachtet sind Tags für Textgliederungen und Hervorhebungen zuständig. Und gerade die armen kleinen Crawler der Suchmaschinen, die keine Grafiken interpretieren können, sondern auf den reinen HTML Code beschränkt sind, sind auf eine stringente Formatierung angewiesen. Generell betrachtet signalisieren Formatierungen sowohl dem menschlichen Auge also auch Crawlern ein freundliches: „Hallo! Hier befindet etwas Wichtiges!“ Folglich liegt die Vermutung nahe, dass diese “Wichtigkeitskennzeichnung” auch bei SEO eine Rolle spielt, immerhin bietet sie ja einen Mehrwert.
So stellt sich nun die Frage, welche Tags einen Vorteil bringen und welche nicht.
Es gibt Tags, die sind sich auf den ersten Blick nicht nur ähnlich, sondern bewirken sogar das Gleiche. Legen wir unser Augenmerk auf die beiden Tags <strong> und <b>. Zunächst wird ein hiermit definierter Text in den meisten Browsern fett dargestellt. Soweit so gut.
Der Unterschied ist neben dem rein Visuellen auf semantischer Ebene zu finden. <strong> lässt nicht nur die Textschrift fett werden, sondern fügt außerdem eine semantische Markierung hinzu, die ein Crawler registriert und somit als Hervorhebung betrachtet. Dadurch generiert sich ein Mehrwert: Diese Hervorhebung des Wortes oder der Phrase wird bei Google und Co. stärker gewichtet als reiner Standardtext.
In Bezug auf kursive Textformatierung gibt es ebenfalls 2 Möglichkeiten. Hier unterscheidet man zwischen dem <em> Tag für die semantische Betonung und <i> für die rein optische Kennzeichnung.
Sie werden Sich nun sicher fragen, ob es einen Unterschied zwischen dem Stärkegrad der Betonung zwischen <strong> und <em> gibt. Ja, den gibt es!
<strong> ist die stärkste semantische Betonung, <em> wird schwächer bewertet.
Schließlich gilt nun noch die Frage zu klären, welche Browser diese Tags standardmäßig unterstützen. Mit den aktuellen Browserversionen von Firefox, Internet Explorer, Chrome, Safari und Opera sind Sie auf der sicheren Seite. Generell unterstützen laut W3schools alle XHTML kompatiblen Browser neuere Tags wie <strong> und <em>. Der XHTML Standard sieht übrigens die Trennung von Inhalt, Struktur und Aussehen einer Webseite vor, was die unterschiedlichen Fähigkeiten der Tags erklärt. Falls Sie dennoch auf Sicherheit bauen möchten, und sicherstellen möchten, dass alle Browser die von Ihnen eingesetzten Tags korrekt anzeigen, hilft Ihnen eine kleine Anpassung der CSS Datei. Wie das geht? Fügen Sie in Ihre CSS Datei einfach den folgenden Code ein (hier das Beispiel für strong):
strong {
font-weight: bold;
}
Übrigens gibt es noch einen großen Vorteil der <strong> und <em> Tags. Bei Screenreadern (Programme, die Bildschirminhalte zum Beispiel für Menschen mit Sehbeeinträchtigung vorlesen) werden mit <strong> Tag gekennzeichnete Wörter ebenfalls betont wiedergegeben.
Falls Sie nun Fragen haben, schreiben Sie doch einen Kommentar zu diesem Post. Wir freuen uns auf einen regen Austausch!
