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?
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:
- beschreibenden Dateiname benutzen
- alt-Attribut zum Bild beschreiben einsetzen, Stichwort Barrierefreiheit
- title-Attribut ist für Bilder-SEO nicht sonderlich wichtig, sollte der Usability wegen aber gesetzt werden
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" />
<img src="../img/schwarze-katze.jpg" alt="schwarzes Katzenbaby mit blauen Augen" title="schwarzes Katzenbaby, gefunden auf sxc.hu" height="300px" width="200px" />
zuletzt geändert: 08.07.2012