In unserem Artikel stellen wir die 5 besten Tipps vor, um Bilder suchmaschinentauglich in Webseiten oder Blogbeiträge zu integrieren. Die Tipps sind relativ einfach anwendbar und können schnell nachträglich integriert werden. Wichtig ist hierbei, dass die Bilder und / oder HTML-Attribute jeweils immer mit den favorisierten Keywords ( = Schlüsselwörter ) versehen sind, um den bestmöglichen Nutzen für die Suchmaschinenoptimierung zu erreichen.
SEO Bild Tipp Nr. 1: Alt-Attribute verwenden
Das Alt-Attribut findet Verwendung in HTML und XHTML Dateien. Es dient dazu, einen kurzen alternativen Text zu einem in den Quellcode integrierten Bild auszugeben. Das Alt-Attribut wird von Screenreadern und Suchmaschinen verwendet. Zudem wird der Alt-Text ausgegeben, falls ein Bild nicht geladen werden kann, was vor allem für den Webseitenbesucher hilfreich ist.
Das folgende Codebeispiel zeigt die Anwendung des Alt-Attributes:
<img src="seobildtipp.png" alt="Tipps für suchmaschinentaugliche Bilder" />
SEO Bild Tipp Nr. 2: Title-Attribute verwenden
Das Title-Attribut gehört zu den Universalattributen. Es kann nicht nur für sogenannte Tooltipps (= kleines PopUp mit Zusatzinfos) von Bildern, sondern auch von Textabschnitten oder Worten als ergänzender Hinweistext eingesetzt werden. Verwendet man das Title--Attribut, dann erscheint der dort hinterlegte Text beim schweben mit der Maus über das Bild als Bildhinweis.
Das folgende Codebeispiel zeigt die Anwendung des Title-Attributes:
<img src="seobildtipp.png" alt="Tipps für suchmaschinentaugliche Bilder" title="SEO Bild Tipps" />
SEO Bild Tipp Nr. 3: Longdesc-Attribute verwenden
Die Verwendung des Longdesc-Attributes ist etwas missverständlich, weil es nicht - wie man vielleicht zuerst vermutet - einen beschreibenden Bildtext enthält, sondern einen Linkverweis. Dieser Linkverweis geht auf eine Seite, wo weiterführende Informationen zum integrierten Bild zu finden sind. Hierbei wird ein Link zu diesen Zusatzinformationen wie im folgenden Code-Beispiel hinzugefügt, wo es dann näheres zum Bildhintergrund zu erfahren gibt. Idealerweise ist das zu verwendende Keyword in dieser Longdesc-URL integriert.
Das folgende Codebeispiel zeigt die Anwendung des Longdesc-Attributes:
<img src="seobildtipp.png" alt="Tipps für suchmaschinentaugliche Bilder" title="SEO Bild Tipps" longdesc="seobilder.html" />
SEO Bild Tipp Nr. 4: Sprechende Bildnamen verwenden
Wir bereits im Einleitungssatz erwähnt, ist es wichtig die Bilder mit dem passenden Schlüsselwort im Bildnamen zu versehen. Da diese als gute Ergänzung zum umliegenden Text angesehen werden. Zusätzlich besteht die Möglichkeit mehr Traffic auf die Seite zu bekommen, wenn das Bild über die Google Bildersuche gefunden wird.
Ein nichtssagender Dateiname für ein Bild ist:
<img src="img000112.png" />
Ein gut geeigneter Dateiname für ein Bild wäre folgender:
<img src="seo-tipps.png" />
SEO Bild Tipp Nr. 5: Auf die richtige Bildgröße achten
Man möchte meinen, dass die Bildgröße bei der heutigen Internetgeschwindigkeit kaum noch bedeutend ist. Dennoch sollte man die Ladezeit einer Webseite nicht unterschätzen, wenn auf dieser nur großes Bildmaterial zur Verfügung steht. Zu viele und zu große Grafiken verursachen nicht nur lange Ladezeiten sondern auch Unmut unter den Seitenbesuchern. Achten Sie auf eine angebrachte Dateigröße und ein passendes Bildformat (z.B. JPG, JPEG, PNG etc.)
Kurzinfo zum JPG und PNG Format
Bilder im JPG, JPEG Format sind relativ klein von der Dateigröße her. Es ist ein Web-Dateiformat mit 24Bits. Bei der Kompression leidet jedoch die Qualität der Bilddarstellung. Ist nicht für alle Bilder geeignet.
Bilder im PNG Format erreichen keine so geringe Dateigröße wie .jpg-Bilder. Dafür speichert PNG auch den Alphakanal ab und unterstützt somit transparente Bildbereiche wie das GIF-Dateiformat.
Webtaugliche Bilder lassen sich relativ schnell mit den Bildbearbeitungsprogrammen GIMP (OpenSource) und Photoshop (Kommerziell) erstellen.