SEO Onsite-Optimierung

Semantisches HTML :: Bilder SEO :: Meta-Daten :: robots.txt :: XML-Sitemap

 
 
 

Bilder SEO – Bilder für Suchmaschinen optimieren


Bei der Onsite-Optimierung oftmals völlig unbeachtet sind Bilder, die auf der Website integriert sind. Dabei bieten diese ein großes Potential, Besucher über Suchmaschinen zu bekommen. Was also kann gemacht werden, um seine Bilder als Instrument der User-/Kundengewinnung zu nutzen?

Das Erste, auf das geachtet werden sollte, ist wieder der sprechende Dateiname. Man darf nicht vergessen: Google ist blind, Google sieht keine Bilder. Dies gilt selbstverständlich auch für alle anderen Suchmaschinen. Dementsprechend kann ein Bild mit dem Dateiname "schwarze-katze.jpg" besser von der Suchmaschine bewertet werden als ein Bild mit dem Dateiname "IMG5238.jpg".

Des weiteren ist es zwingend erforderlich, das alt-Attribut zu setzen. Dies ist nicht nur aus SEO-Sicht wichtig, sondern auch um seine Website barrierefrei und valide zu halten. Hier kann in knappen Worten beschrieben werden, was auf dem Bild zu sehen ist. Dieser Text wird angezeigt, wenn das Bild nicht geladen werden kann und von Screenreadern vorgelesen. Von Suchmaschinenoptimierung und Barrierefreiheit abgesehen, ist das alt-Attribut ein zwingender Bestandteil des img-Tags. Dient ein Bild nur zur Dekoration und hat kein Inhalt, muss alt="" vermerkt werden. W3School sagt dazu:

Guidelines for the alt text:
  • If the image contains information - use alt to describe the image
  • If the image is inside an a element - use alt to explain where the link goes
  • If the image is only for decoration - use alt=""


Das title-Attribut ist weniger aus SEO-Gründen wichtig als aus Gründen der Usability. Das title-Attribut ist ein Tooltipp, der erscheint, wenn man mit dem Mauszeiger über das Bild fährt. Ob hier der gleiche Text steht wie im alt-Tag oder beispielsweise ein Copyright-Hinweis ist dabei individuell zu entscheiden.

Da Google die umliegenden Texte der Bilder bewertet ist es natürlich sinnvoll, beide Attribute mit den entsprechenden Keywords zu besetzen. Allerdings sollte man es hier natürlich nicht übertreiben und Keywordanhäufungen vermeiden – wie allseits bekannt ist, verhängt Google Penalties bei Bekanntwerden.

Google bewertet also die Keywords aus dem alt- und dem title-Attribut, es kommen so nicht nur über die Bildersuche mehr Besucher sondern auch über die Standard-Websuche.

Zusammenfassend kann man sagen:
Für das nebenstehende Foto des schwarzen Katzenbabys mit den blauen Augen könnte der suchmaschinenoptimierte Bildercode also so aussehen:

HTML-Code für img-Tag:

<img src="../img/schwarze-katze.jpg" alt="schwarzes Katzenbaby mit blauen Augen" title="schwarzes Katzenbaby, gefunden auf sxc.hu" height="300px" width="200px" />
 
schwarzes Katzenbaby mit blauen Augen


 
zuletzt geändert: 08.07.2012