Mit ‘SEO’ getaggte Artikel

Valides HTML als Werkzeug zur Onpage Optimierung

Samstag, 26. März 2011

Warum ist valides HTML im Code wichtig?

Wenn man liest was diverse SEOs  zum Thema valides HTML und valides XHTML schreiben, findet man da drunter sehr viel Spekulation, Mythen, Halbwahrheiten und auch ein wenig Wahres über das, was man tun und lassen sollte um eine gute Position bei den Suchergebnissen (SERPs) durch valides HTML im Zuge der Onpage Optimierung zu erlangen.

Eine der ersten Sachen die man zu hören bekommt, ist dass bei der Ausgabe der Webseite unbedingt auf valides HTML im Quellcode zu achten ist. Auf Argumente für valides XHTML möchte ich im Folgenden eingehen.

Valides HTML bedeutet in diesem Sinne syntaktisch korrekt nach der Spezifikation vom W3C. Aber wozu soll das gut sein? Reicht es nicht, wenn der Browser meine Seite so darstellt wie ich mir das Vorstelle? Klares Nein, denn der Google Bot hat nun mal keine Augen, um die Seite optisch zu analysieren und wird sich daher nach dem HTML Quellcode richten. So ähnlich wie korrekte Grammatik.

Man kann sich dies sehr gut anhand folgender Parallelen vorstellen. Nimmt man anstatt einem HTML-Dokument einen deutschen Satz, so kann man die Validität, mit der grammatischen Korrektheit des Satzes vergleichen. Wenn ein Satz nicht korrekt ist, versuchen die meisten Menschen dennoch zu verstehen was dieser bedeuten sollte. Das klappt auch häufig aber nicht immer. Man vergleiche einfach mal Folgende zwei Sätze.

Es gibt eine neue, kontroverse Richtlinie für valides XHTML.

Es gibt eine neue kontroverse Richtlinie für valides XHTML.

Obwohl sich diese nur um ein Komma unterscheiden, ist die Bedeutung eine ganz andere. So ähnlich ist das mit dem HTML-Quelltext und diversen Programmen — wie z.B. Browser oder Suchmaschinen — die damit umgehen müssen. Man braucht validen HTML Code haben, damit diese Programme nicht raten müssen was gemeint seien könnte, denn wenn sie raten, können sie auch falsch liegen.

Ein weiterer Aspekt für valides XHTML: Semantik

Wenn man nun ein Schritt weiter geht, kommt man zur Semantik. HTML bietet viele Möglichkeiten, den HTML Code beim Schreiben entsprechend zu kennzeichnen. Während man zum Beispiel mit einen <font>-Tag das Aussehen einer Überschrift imitieren kann, so sagt ein <h1>-Tag das es sich hier um eine Überschrift erster Ordnung handelt. Das ist für Suchmaschinen, aber auch für Screenreader — die für Blinde unentbehrlich sind — eine wichtige Information. Google gewichtet zum Beispiel Wörter die in Überschriften vorkommen deutlich mehr, als Wörter die in einem Absatz erscheinen, da Überschriften ja den darauffolgenden Text beschreiben (oder es zumindest sollten).

Man könnte die Semantik mit dem Inhalt eines Satzes vergleichen. Es gibt grammatikalisch perfekte Texte die aber keinen Sinn ergeben. Ein Satz der Sinn ergibt ist ein semantisch korrekter Satz. Bei Quelltext kann dies in vielerlei Hinsicht nützlich sein, aber ein syntaktisch korrekter Quelltext ist einunabdingbares Kriterium.

WordPress für Google Breadcrumb Navigation optimieren ohne Plugin

Samstag, 26. März 2011

Von einer WordPress Breadcrumb Navigation spricht man, wenn der Weg zur Unterseite von der Haupt-URL aus in direktem Pfad mit allen dazwischen liegenden Menüs als Linkstruktur wiedergeben wird.

Konkret eine WordPress Breadcrumb Navigation  so aus:

Startseite > Kategorie > Unterkategorie > Titel der Unterseite

Da diese Breadcrumb Linkstruktur in Zukunft auch gern von Google in den Suchergebnisseiten (SERPs) abgebildet werden möchte,kann es nicht von Nachteil sein seinen WordPress Blog hierfür zu optimieren. Diese WordPress Google Breadcrumb Navigation im Rahmen einer Onpage SEO Optimierung lässt sich einfach und ohne Plugin umsetzen. Aber Genug der langen Worte, ab ins Admin Interface und um folgenden Code Bereichern, um die WordPress Breadcrumb Navigation ohne Plugin zu realisieren.

Hierzu geht man folgendermaßen vor. In der linken Leiste den Editor des aktuellen Designs wählen. Rechter Hand die Datei Header (header.php) und ganz ans Ende folgenden Code anfügen.


<div class='breadcrumps'>
<a href="<?php echo get_option('home');?>/"><?php bloginfo('name');?></a> > <?php the_category(' > ');?> > <?php the_title();?>
</div>

Um das ganze noch optisch aufzuwerten, kann man die neue WordPress Breadcrumb Navigation per CSS noch verfeinern. Hierfür die Stylesheet (style.css) öffnen und an beliebiger Stelle den folgenden Eintrag hinzufügen.

.breadcrumps {
padding-left:15px;
padding-top:5px;
}

Dann sieht es jedenfalls so aus, wie hier oben in diesem WordPress Blog die zu sehen ist.

Um auch mit jedem beliebigen WordPress Blog auch ohne linklastiges Plugin bei der neuen Google Breadcrumb Navigation in den SERPs mit dabei zu sein, muss eine Linkstruktur vorhanden sein. Einzige Maßgabe sind gültige Links innerhalb der Domain und ein ” > ” dazwischen.

Nebenbei ist das natürlich auch ganz hervorragend um weitere wichtige Keywords, die der Titel der Seite enthält, aber auch die Links auf die Menüs sind mit relevanten Suchbegriffen gespickt. Also eine Keyword Ballung auf der WordPress Seite, die auch noch bei der Google Breadcrumb Navigation und Indexierung und Aktualisierung derselbigen gern gesehen wird vom Google Bot.

Leider verschwindet die Optimierung für die WordPress Google Breadcrumb Navigation wieder nach einem Update, daher den Code gut aufbewahren oder diesen Artikel zum Thema WordPress Breadcrumb Navigation ohne Plugin gut verlinken.