Suchmaschinen-Optimierung: Grafiken richtig einsetzen und optimieren

Suchmaschinen-Optimierung: Grafiken richtig einsetzen und optimieren

Suchmaschinen können noch keine Inhalte auswerten, die in Grafiken dargestellt werden. Daher sollte soweit wie möglich darauf verzichtet werden, wichtige Suchbegriffe in Grafiken abzubilden. Das bedeutet natürlich nicht, dass Sie auf Bilder an sich verzichten sollen. Im Gegenteil, Suchmaschinen berücksichtigen diese nämlich durchaus. Die Optimierung von Dateinamen und ALT-Texten verbessert nicht nur die Erfassung durch Bildersuchmaschinen wie der Google Bildersuche, gefundene Bilder können durchaus auch auf normalen Suchergebnisseiten erscheinen! Damit Bilder und Grafiken helfen, die Positionierung Ihrer Website auf den Suchergebnisseiten zu verbessern, sollten Sie folgende Tipps beachten:

  1. Geben Sie jeder Grafik einen beschreibenden Dateinamen. Digitale Fotokameras benamsen ihre Bilder völlig nichtssagend und nummerieren sie fortlaufend. Bevor Sie solche Bilder auf Ihre Website stellen, sollten Sie sie unbedingt umbenennen. Das gilt natürlich auch für alle anderen Grafiken. Beispiel:
    Schlechter Dateiname: DSCF5934.JPG
    Besser: backwaren.jpg
    Gut: backwaren_baeckerei_meier_frankfurt.jpg
     
  2. Verwenden Sie unbedingt das TITLE- und das ALT-Attribut und geben Sie jeder Grafik einen aussagekräftigen Titel (= TITLE-Attribut) und Alternativ-Text (= ALT-Attribut), der ihren Inhalt beschreibt. Das Setzen dieser Attribute sorgt nicht nur dafür, dass Ihre Website standardkonform ist und vermeidet Validierungsfehler. Es ist auch für Besucher wichtig, die das Laden von Bildern deaktiviert haben oder gar keine Bilder sehen können, weil sie sehbehindert sind. Und auch Suchmaschinen wie Google werten diese Attribute aus. Vermeiden Sie es jedoch, das TITLE- oder ALT-Attribut mit Keywords zu überfrachten, es könnte als Keyword-Spam gewertet werden und zur Abwertung der Seite führen. Bei Verwendung eines CMS mit WYSIWYG-Editor (z.B. Drupal mit CKEditor oder Wordpress) unterstützt Sie der Editor beim korrekten Setzen der Attribute.

    Falsch: <img src="backwaren_baeckerei_meier_frankfurt.jpg">
    Richtig: <img src="backwaren_baeckerei_meier_frankfurt.jpg" title="Backwaren" alt="Backwaren">
    Besser: <img src="backwaren_baeckerei_meier_frankfurt.jpg" title="Sortiment Backwaren (Kuchen, Brot, Brötchen)" alt="Backwaren der Bäckerei Meier in Frankfurt">
    Könnte als Spam gewertet werden: <img src="backwaren_baeckerei_meier_frankfurt.jpg" alt="Backwaren Kuchen, Nusskuchen, Käsekuchen, Kirschkuchen, Apfelkuchen, Brot, Brötchen, Brote, Baguette, Torten, Vollkorn, Frankfurt Bäckerei Meier">

    Achten Sie auch auf folgendes:

    • Wenn Sie die gleiche Grafik auf mehreren Seiten verwenden, geben Sie ihr immer den gleichen Title- und Alt-Text.
    • Enthält die Grafik Texte, so sollten diese auch im Title- und Alt-Text vorkommen und nicht ein völlig neuer Text.
    • Die Title- und Alt-Texte von Layout-Grafiken (z.B. Hintergrundbilder, Farbverläufe, Blind-Gifs) sollten keine Keywords enthalten. Hier sollte nur alt="" stehen.
    • Verwenden Sie eine Grafik als Überschrift, dann zeichnen Sie diese mittels HTML auch als Überschrift aus. Das gilt auch, wenn diese Auszeichnung die Darstellung nicht beeinflusst. Beispiel:

      Falsch: <img src="ueberschrift.gif">
      Richtig: <img src="ueberschrift.gif" alt="Überschrift Backwaren">
      Besser: <h3><img src="ueberschrift.gif" alt="Überschrift Backwaren"></h3>

Und hier noch ein Beispiel aus der Praxis, wie die Verwendung von Title- und/oder Alt-Tags zu einer guten Positionierung sogar bei Suchen mit nur einem Keyword führen kann: In einem Koch-Blog wurden die Bilder versuchsweise mit sprechenden Dateinamen, mit und ohne Alt-Tags, sowie mit und ohne Title-Tags versehen. Das Resultat beispielhaft für zwei Suchbegriffe: "Nudelauflauf" (Google listet im Oktober 2010 hierfür 116.000 Ergebnisse auf) und "Nusskuchen" (70.000 Treffer bei Google). Die dazugehörigen Rezepte tauchen beide nicht auf der ersten Suchergebnisseite auf. Aber jeweils das Bild, das in dem Blogbeitrag enthalten ist - wie man auf den folgenden Screenshots sieht. Da Google das Bild mit dem Blogbeitrag verlinkt, gelangen Besucher nicht etwa nur auf eine leere Seite mit dem Bild, wie das bei Aufruf der Bild-URL geschehen würde, sondern sie landen direkt im Beitrag.

Screenshot Googlesuche nach nudelauflauf

Screenshot Ggooglesuche nach nusskuchen

Während das Bild von dem Nudelauflauf nur den Alt-Tag benutzt, ist beim Nusskuchen-Bild nur das Title-Tag gesetzt. Zusätzlich haben beide Bilder "sprechende" Dateinamen, die jeweils den Suchbegriff enthalten. Natürlich gehört auch ein bisschen Glück dazu, mit einem Bild auf der Seite 1 der Suchergebnisse zu landen, aber mit richtige gewählten Dateinamen und gesetzten Tags steigen die Chancen. Insbesondere für Betreiber von Online-Shops, die ja in der Regel Bilder ihrer Produkte zeigen, bieten sich hiermit Chancen, die eigenen Angebote gut zu platzieren. Häufig wird den Bildern dort aber nur wenig Aufmerksamkeit gewidmet. So findet man bei großen Shops ebenso wie bei kleinen z.B. solche Dateinamen :

  • ../images/ProdukteW/60/21483-Kind_0.jpg (na was könnte das wohl für ein Shop sein?)
  • ../weinbilder/Dackermann/mini/2009.jpg (Okay, hier geht es wohl um Wein, aber wer sucht schon nach Weinbilder, wenn er Wein kaufen will?)
  • ../produkte/medien/bilder/klein/40100.jpg (auch hier vertane Chancen)
  • ../bilder/295x248/8/87/877947_00_1000_zp61up35.jpg (auch sehr nett. Okay, das ist ein richtig großer Shop, die habens wohl nicht nötig)
  • ../shopdev/images/koerpermilch.jpg (schon besser aber ausbaufähig)

es geht aber auch anders:

  • ../vostro-230mt-right-500/149 (hier wurde der Produktname im Dateinamen verwendet)
  • ../produkte/small/golden_boat_glutenfrei_sojasauce_dunkel.jpg (sehr schön: neben dem Produktnamen zusätzlich noch ein Stichwort)