Teil 3: SEO Basics – OnPage-Optimierung & Quelltext

Der dritte Teil der Artikelserie SEO Basics beschäftigt sich mit der Optimierung der einzelnen Seiten einer Webseite sowie mit sogenannten OnPage-Faktoren wie der internen Verlinkung und den Meta-Tags. In diesem Teil erfahren Sie, wie man die besten Voraussetzung für eine optimale Indexierung durch Suchmaschinen schafft.

Den Quelltext einer Webseite optimieren

Webseiten werden in Form von sogenanntem Quellcode bzw. Quelltext gespeichert, der fast immer aus HTML Code (Hypertext Markup Language) besteht. Über HTML Code werden Inhalte strukturiert, deren Design wiederum durch CSS Code (Cascading Style Sheets) beeinflusst werden kann.
Bevor man an seiner eigenen Seite Optimierungen am Quelltext vornimmt, sollte man sich also auf jeden Fall mit den Themen HTML und CSS vertraut gemacht haben, damit es bei Änderungen nicht zu ungewollten Fehlern kommt. Einige wichtige Konventionen und Optimierungsmaßnahmen sollen nun näher beleuchtet werden:

• Überschriften verschiedener Ordnungen: Die Inhalte einer Seite sollten in mittels Überschriften verschiedener Ordnungen gegliedert werden. Die Hauptüberschrift sollte dabei immer erster Ordnung, also als <h1> ausgezeichnet werden.
• Wichtige Begriffe per <strong> auszeichnen: Logische Auszeichnungen sollten verwendet werden, insbesondere sollte man wichtige Begriffe – also Keywords – durch das <strong>-Element hervorheben. Einige alte HTML Bücher lehren noch die Verwendung von <b>, dies macht den Text zwar auch “fett”, Suchmaschinen sehen diese Wörter dann aber nichts als wichtig(er) an.

Meta Tags und der title

Zusätzlich können im Quelltext einer Webseite noch Angaben speziell für Suchmaschinen gemacht werden, die für die Besucher der Seite als solche nicht ersichtlich sind. Über sogenannte Meta-Angaben zum Inhalt können zum Beispiel Kurzbeschreibungen hinterlegt werden, die dann innerhalb der Ergebnisliste der Suchmaschinen angezeigt werden. Über den Titel des HTML Dokuments (nicht zu verwechseln mit den Überschriften) kann festgelegt werden, mit welchem Text die Seite in den Suchmaschinen verlinkt wird.

Diese Grafik veranschaulicht, wie sich der title und die Meta-Description auf die Darstellung der Suchergebnisse in Google auswirkt. Grafik kann per Mausklick vergrößert werden.

An dieser Stelle sollen die wichtigsten Meta-Angaben vorgestellt werden. Per Klick auf weitere Informationen → können Sie Code-Beispiele über die HTML-Referenz selfHTML aufrufen und sehen, wie Sie das jeweilige Element richtig im Quelltext verwenden.

• Verwendung des title: Der HTML Seiten-Titel ist wichtig, um die Aufmerksamkeit des Suchmaschinennutzers auf die Seite zu lenken. Er sollte aus maximal 65 Zeichen bestehen und den Inhalt der Seite zutreffend beschreiben. Wichtige Keywords sollten enthalten sein, sich aber innerhalb des Titels nicht wiederholen. weitere Informationen →
• Meta-Angabe description: In der Description wird der Inhalt der Seite kurz beschrieben. Eine Länge von 150 Zeichen sollte dabei nicht überschritten werden. Sie sollte beim Nutzer ein gewisses Interesse erwirken, dass ihn zum Besuch der Seite animiert. weitere Informationen →
• Meta-Angabe robots: Über diese Meta-Angabe lässt sich festlegen, ob eine Seite indexiert werden soll und ob Suchmaschinen den ausgehenden Links folgen sollen. Wird die Meta-Angabe robots nicht verwendet, gehen Suchmaschinen automatisch davon aus, dass die Seite indexiert und ausgehenden Links gefolgt werden soll. weitere Informationen →

OnPage-Optimierung bei CM-Systemen und Webshops

CMS (Content Management Systeme) und Webshops generieren den Quelltext und Ausgaben wie den Titel natürlich automatisch, sodass Änderungen häufig nur über Umwege möglich sind. Man sollte sich jedoch immer nach SEO Plugins und SEO Erweiterungen umsehen, die häufig schon automatisch nach der Installation die oben besprochenen Optimierungsmaßnahmen durchführen. Für WordPress gibt es beispielsweise das empfehlenswerte SEO Plugin wpSEO *, das viele wichtige OnPage-Faktoren zielsicher optimiert. Darüber hinaus sind bei den meisten CMS- und Webshop-Lösungen Eingriffe ins Template möglich, um beispielsweise die <h1>-Überschrift für Überschriften festzulegen.

* Affiliate Link