Bilder-SEO – Tipps für gerechte Bilder-Optimierung

Gastartikel Michael Tietz von twago

Das sich die Suchmaschinenoptimierung nicht nur um den Content und der Offpage-Optimierung (Generierung von Links) dreht, dürfte vielen klar sein. Das aber auch verschiedene Medienelemente wie Videos oder Bilder auf der jeweiligen Webseite einer genauen Optimierung unterliegen bleibt aus meiner Erfahrung, viel zu oft ein unangetastetes Feld.
Da die Suchmaschinen an sich, frei nach dem Motto Seo is now, Bilder auf der Webseite gerne sieht, sollten diese ihnen auch weiter schmackhaft gemacht werden. Was dabei zu beachten ist, soll hier zum Thema gemacht werden.

Als erstes soll hier der sogenannte Alt-Text oder lang: alternative text ins Auge gefasst werden. Dabei wird das Bild beschrieben was zum einen gut für die Suchmaschine ist, da diese die Daten aus‑ und bewertet. Zum anderen ist es natürlich für die Besucher von Vorteil die aus den verschiedensten Gründen das Bild nicht angezeigt bekommen, hier wird an Stelle des Bildes nämlich dieser alt-text angezeigt. Die Wichtigkeit des alt-text soll hier noch einmal hervorgehoben werden, eine gut optimierter Text mit den relevanten Keywords ist unbedingt zu beachten da diese Informationen direkt von der Suchmaschine bearbeitet werden.

Als zweites sollte der Dateiname beachtet werden, da hier wieder Daten direkt von der Suchmaschine oder anderen Diensten aufgegriffen werden, sollte der Dateiname auch einen kurzen beschreibenden Charakter besitzen.

Die Dateigröße stellt den dritten wichtigen Punkt dar. Klar ist das Google irrwitzig große Bilder höchstwahrscheinlich nicht indexieren wird, es sei denn diese sind sehr gut verlinkt, jedoch komprimieren die meisten Bilder-Softwares, Bilder per Knopfdruck auf die für Webseiten gebräuchlichen Größen. Hier sollte besonders an die User gedacht werden die eine geringe Bandbreite haben und die stets auf ärgerlicher Weise beim laden bestimmter Bilder daran erinnert werden. Der Dateityp spielt hier eher eine untergeordnete Rolle, solange gängige Typen gewählt werden wie beispielsweise JPEG, GIF oder PNG.

Als vierten Punkt soll hier zudem aufgeführt werden das Suchmaschinen den Text um das Bild analysieren und anhand dessen Rückschlüsse auf die Beschreibung des Bildes ziehen. Was auch Sinn macht, denn in der Regel passt das Bild auch zum Text.
Wie auch im SEO sollte für Webseiten dafür gesorgt werden, dass Externe Links entweder auf die URL des Bildes oder die Seite führen, welches den Wert des Bildes dementsprechend anhebt.

Sie merken selbst bei der Optimierung von Bildern muss auf einige Punkt Acht gegeben werden. Bei genauerer Betrachtung jedoch macht jeder Punkt Sinn und sollte nicht in erster Linie der Suchmaschine dienen sondern letztendlich dem User, was eigentlich das gängige Credo in der Suchmaschinenoptimierung und im SEM sein sollte.

Generator für Platzhaltergrafiken

Wer auf die Schnelle Platzhalter für noch nicht vorliegende/erstellte Grafiken in bestimmter Pixelgröße benötigt, braucht nicht unbedingt immer Photoshop zu bemühen.

Ein einfaches Script generiert in sekundenschnelle beliebig viele Grafiken in jeder gewünschten Größe (Pixel einfach an die URL anhängen, z. B. http://dummyimage.com/640 × 480), die man entwender speichern oder auch direkt vom Server einbinden kann. Alternativ kann man das Script auf seinem eigenen Webspace einsetzen.

Der Dynamic Dummy Image Generator ist eine nette Sache für Webdesigner.

Wie sieht sauberer HTML-Code aus?

Mit dieser Fragestellung beschäftigt sich ein Artikel von Chris Coyier bei css-tricks.com. In einem (ausdruckbaren) Schaubild werden alle wichtigen Elemente benannt und erklärt.

Ⅰ can’t help but view source on every nice looking website Ⅰ see. It’s like if you had x-ray glasses that allowed you to see any person you ever saw in their underwear at will. How could you not? It’s just so tempting to see if a beautiful website is built with beautiful code as well, or if its beauty if only skin-deep. Code? Beautiful? Sure. After all, Code is Poetry. This is just HTML, so it can’t be quite as intricate and elegant as a dynamic language, but it still bears the brush strokes of its creator.

Ultimate Resource Package für Webdesigner

Tutorial9 bietet für eine Woche das „Ultimate Resource Package for Webdesigners“ kostenlos an. Bis Sonntag heißt es also schnell sein. Leider muss man eine E-Mail angeben, um den Downloadlink zu erhalten.

Enthalten sind u. a.

  • 400 Icons
    Including exclusives and early releases. Also includes every icon set ever offered from Tutorial9!
  • 4 Premium WordPress Themes
    Including 3 themes that you can’t find free ANYWHERE else like the Home Office and Business Themes available at NattyWP for $25.
  • 3 Tumblr Themes
    Three incredible Premium Tumblr and Posterous Themes from the kind folks at Obox Design! A Value of $50!