Suchmaschinenoptimierung mittels Google Bildersuche ohne Mehraufwand
Wie kann man ohne einen nennenswerten Mehraufwand die Suchergebnisse bei Google noch einmal wesentlich verbessern?
Dass bebilderte Seiten bei Google durchschnittlich im Ranking besser sind gegenüber unbebilderten Seiten ist allgemein bekannt. Unbebilderte Seiten sind im Zeitalter von DSL hinsichtlich der Ladezeit nicht mehr so relevant und können bei Spidern und Robots aufgrund des fehlenden HTML Image-Tags „“ schnell als Doorwaypages oder Spam-Seiten gewertet werden.
Zwischenzeitlich dürfte es sich auch herumgesprochen haben, dass User eben nicht nur die normale Textsuche verwenden, sondern eben auch die Bildersuche. Nicht ohne Grund haben auch MSN und Yahoo sowie alle anderen Suchmaschinen eine Bildersuche nach dem Muster von Google realisiert.
Es gibt unterschiedliche Zahlen darüber, wie stark sich eine Optimierung anhand von geeignetem Bildmaterial auf die Besucherzahlen auswirkt. Abhängig vom Thema (Themen die auch über die normale Suche häufiger gesucht werden, werden auch über die Bildersuche häufiger gesucht) und von der Aktualität eines Themas, sind die Ergebnisse hierzu selbstverständlich schwankend.
Es ist jedoch keine Seltenheit, dass bei sehr populären Themen die Zugriffe auf die jeweiligen Seiten um bis zu 20 Prozent angestiegen sind, nachdem auch geeignetes Bildmaterial auf der Seite angeboten wurde.
Möchte man nun die eigenen Seiten hinsichtlich SEO über das Einbinden von Bildern optimieren, sollten einige Punkte beachtet werden.
- Die Bilder sollten nicht kleiner als 80 x 80 Pixel sein.
- Bilder in den „Standardgrößen“ 800x600, 640x480 und 320x240 Pixel sind bei Google & Co. am beliebtesten.
- Der Dateinamen des Bildes sollte eindeutig sein. Ein Bild mit dem Dateinamen image0815.jpg wirkt sich wesentlich schlechter gegenüber einem Bild mit dem Namen Bildnamen_mit_Keyword.jpg aus.
- Jedes Bild muss einen eigenen „alt-tag“ haben, der selbstverständlich auch das jeweilige Keyword beinhalten muss.
- Das gewählte Keyword muss auch relativ häufig (kein Keyword-Spamming) im Text der Seite vorkommen.
Beachtet man diese Punkte, sind bereits die wichtigsten Punkte beachtet. Zu diesem Ergebnis sind in den letzten zwölf Monaten unterschiedliche Untersuchungen gekommen. Auch wenn die Untersuchungen prozentual unterschiedliche Resultate hatten, waren diese im Ziel und Gesamtergebnis identisch.
Wie kann man ohne einen nennenswerten Aufwand das Ergebnis noch einmal wesentlich verbessern?
Bekanntlich gibt es nichts, das nicht noch besser gemacht werden könnte. Bei wesentlichen Änderungen besteht jedoch oftmals die Gefahr, dass der Nutzen nicht im Verhältnis zum Aufwand steht. Es muss also eine Lösung verwendet werden, die nur einen geringen, sprich unwesentlichen Mehraufwand darstellt.
Die Lösung heißt CSS!
Über CSS kann man bekanntlich die Darstellung auf einer Seite nach allen Regeln der Kunst anpassen. So auch, was die Darstellung eines im Grunde viel zu großen Bildes angeht, welches aber bei der Google Bildersuche wesentlich besser indiziert wird. Es wird wohl kaum jemanden geben, der ein Layout verwendet, welches es erlaub Bilder im Format 800x600 Pixel zu verwenden. Und doch ist dies möglich ohne das bestehende oder neu geplante Design zu beeinträchtigen.
Die Lösung ist ein automatisch skalierendes Bild!
In der Regel werden Bilder vom Browser in der Originalgröße dargestellt. Dies gilt auch dann, wenn das Browserfenster kleiner als das Bild ist.
Soll dieser unschöne Effekt verhindert werden, muss einfach eine entsprechende CSS-Klasse eingesetzt werden. Dabei wird das anzuzeigende Bild, in einem eigens dafür vorgesehen Container, abgelegt. Dem Container wird dabei eine feste Größe gegeben. Genau die Größe, mit der das Bild nach dem Layout nach angezeigt werden soll. Das Bild selbst erhält per CSS die Breite 100% und fügt sich daher der Größe des umschließenden Containers. Es ist dabei lediglich darauf zu achten, dass das Bild nicht kleiner als der Container ist, da es in diesem Falle vergrößert und damit unansehnlich werden würde.
Der HTML Code
In unserem Beispiel soll das Bild eine Breite von 450 Pixeln haben.
<div class=size450><img src="Bildname_mit_Keyword.jpg"></a></div>
CSS
div.size450{width: 450px;}
div. size450 img {width: 100%;}