© Georg Mahn

Die Bedeutung von Alt-Tags für die SEO-Optimierung von Bildern

Bilder sind ein wichtiger Bestandteil moderner Websites. Sie vermitteln Informationen, lockern Texte auf und können Produkte, Dienstleistungen oder komplexe Sachverhalte anschaulich darstellen. Damit Suchmaschinen und Menschen mit eingeschränktem Sehvermögen den Inhalt eines Bildes verstehen können, spielt der Alt-Tag, genauer das alt-Attribut eines Bildes, eine wichtige Rolle.

Für die SEO-Optimierung von Bildern sollte das Alt-Attribut deshalb nicht vernachlässigt werden. Ein sinnvoll formulierter Alt-Text beschreibt den relevanten Bildinhalt, unterstützt die Barrierefreiheit und kann Suchmaschinen zusätzliche Informationen über den Kontext einer Seite liefern.

Was ist ein Alt-Tag?

Wenn ein Bild beispielsweise mit HTML eingebunden wird, kann das alt-Attribut einen alternativen Text enthalten:

 
<img src="seo-bild.jpg" alt="SEO-optimierte Website auf einem Laptop">
 

Dieser Text wird verwendet, wenn das Bild nicht dargestellt werden kann. Gleichzeitig können Screenreader den Alt-Text vorlesen und damit Menschen mit Sehbehinderungen den Bildinhalt zugänglich machen.

Der Alt-Text sollte deshalb in erster Linie beschreiben, was auf dem Bild relevant dargestellt wird.

Warum sind Alt-Tags für SEO wichtig?

Suchmaschinen können Bilder nicht auf dieselbe Weise betrachten und interpretieren wie Menschen. Der Alt-Text liefert deshalb zusätzliche Informationen darüber, was ein Bild zeigt.

Ein sinnvoller Alt-Text kann dabei helfen, den Inhalt einer Seite besser einzuordnen.

Besonders relevant ist dies beispielsweise bei:

  • Produktbildern
  • Infografiken
  • Diagrammen
  • erklärenden Bildern
  • Fotos von Personen
  • Bildern mit funktionaler Bedeutung

Der Alt-Text ist allerdings kein Mittel, um möglichst viele Keywords auf einer Seite unterzubringen.

Alt-Tags und Barrierefreiheit

Der wichtigste Zweck des Alt-Attributs ist die Barrierefreiheit.

Menschen, die einen Screenreader verwenden, können ein Bild nicht unbedingt visuell erfassen. Der Screenreader kann stattdessen den hinterlegten Alt-Text vorlesen.

Ein schlechtes Beispiel wäre:

 
alt="Bild"
 

Deutlich hilfreicher ist:

 
alt="Mitarbeiterin analysiert SEO-Daten auf einem Laptop"
 

Der zweite Text vermittelt wesentlich genauer, was auf dem Bild dargestellt wird.

Beschreibe das Bild präzise

Ein guter Alt-Text sollte möglichst konkret sein, ohne unnötig lang zu werden.

Statt:

„SEO“

ist beispielsweise besser:

„SEO-Analyse einer Website auf einem Laptopbildschirm“

Allerdings sollte der Text nur Informationen enthalten, die tatsächlich im Bild erkennbar oder für dessen Funktion relevant sind.

Vermeide deshalb erfundene Details.

Keywords natürlich verwenden

Alt-Texte können relevante Begriffe enthalten, wenn diese das Bild sinnvoll beschreiben.

Beispiel:

 
alt="SEO-Analyse einer WordPress-Website"
 

Wenn das Bild tatsächlich eine SEO-Analyse einer WordPress-Website zeigt, ist die Verwendung der Begriffe natürlich.

Nicht sinnvoll wäre dagegen:

 
alt="SEO SEO Agentur SEO Optimierung WordPress SEO Website SEO"
 

Das sogenannte Keyword-Stuffing verschlechtert die Qualität des Alt-Texts und hilft weder Nutzern noch Suchmaschinen.

Nicht jedes Bild benötigt einen beschreibenden Alt-Text

Ein häufiger Irrtum besteht darin, jedem Bild einen möglichst langen Alt-Text geben zu müssen.

Bei rein dekorativen Bildern kann ein leerer Alt-Wert sinnvoll sein:

 
alt=""
 

Damit signalisiert die Website unterstützenden Technologien, dass das Bild keine relevante Information vermittelt.

Beispiele können sein:

  • dekorative Hintergrundelemente
  • rein grafische Gestaltungselemente
  • Trennlinien
  • dekorative Icons ohne zusätzliche Funktion

Wichtig ist, zwischen dekorativen und inhaltlich relevanten Bildern zu unterscheiden.

Produktbilder richtig beschreiben

Für Online-Shops sind Alt-Texte besonders interessant.

Ein Produktbild sollte beispielsweise nicht einfach heißen:

 
alt="Schuh"
 

Wenn wichtige Eigenschaften sichtbar sind, kann der Alt-Text konkreter formuliert werden:

 
alt="Schwarzer Herren-Sneaker mit weißer Sohle"
 

Dabei sollte die Beschreibung tatsächlich zum abgebildeten Produkt passen.

Bei verschiedenen Produktansichten können die Alt-Texte entsprechend angepasst werden.

Bilder von Dienstleistungen optimieren

Auch Dienstleistungsunternehmen können Alt-Texte sinnvoll einsetzen.

Ein Foto auf einer Handwerker-Website könnte beispielsweise folgenden Alt-Text erhalten:

 
alt="Elektriker installiert eine Steckdose in einem Neubau"
 

Damit wird sowohl der Bildinhalt als auch der thematische Kontext klarer.

Ein generischer Alt-Text wie:

 
alt="Elektriker"
 

wäre dagegen weniger aussagekräftig.

Alt-Texte bei Personen

Bei Fotos von Personen sollte beschrieben werden, welche Rolle oder Funktion die Person im Kontext des Bildes hat.

Beispielsweise:

 
alt="Mitarbeiter präsentiert ein neues Produkt im Showroom"
 

Wenn die Identität einer Person für den Inhalt relevant ist und bekannt ist, kann gegebenenfalls auch der Name verwendet werden.

Dabei sollte der Alt-Text nicht unnötig mit Informationen überladen werden.

Alt-Text für Logos

Bei Logos hängt die optimale Beschreibung vom Verwendungszweck ab.

Ein Logo, das als Link zur Startseite dient, kann beispielsweise den Unternehmensnamen als Alt-Text verwenden:

 
alt="Muster GmbH"
 

Bei einem rein dekorativ wiederholten Logo kann dagegen ein leerer Alt-Wert angemessener sein.

Der Kontext entscheidet.

Alt-Texte für verlinkte Bilder

Wenn ein Bild gleichzeitig als Link funktioniert, sollte der Alt-Text den Zweck des Links vermitteln.

Beispielsweise:

 
<a href="/leistungen/seo/">
    <img src="seo.jpg" alt="SEO-Leistungen entdecken">
</a>
 

Hier beschreibt der Alt-Text nicht nur das Bild, sondern unterstützt die Funktion des Links.

Infografiken benötigen besondere Aufmerksamkeit

Bei Infografiken kann ein kurzer Alt-Text unter Umständen nicht ausreichen.

Wenn die Grafik wichtige Informationen enthält, sollten diese Informationen zusätzlich als normaler Text auf der Seite bereitgestellt werden.

Beispielsweise kann eine Infografik über SEO-Statistiken von einem erklärenden Absatz oder einer Datentabelle begleitet werden.

Damit bleiben die Informationen auch zugänglich, wenn das Bild nicht wahrgenommen werden kann.

Alt-Tags sind nicht dasselbe wie Bildtitel

Alt-Text und title-Attribut werden häufig verwechselt.

Der Alt-Text dient unter anderem als alternative Textbeschreibung eines Bildes.

Das title-Attribut kann dagegen zusätzliche Informationen liefern, ist aber kein Ersatz für ein korrektes alt-Attribut.

Beispielsweise:

 
<img src="beispiel.jpg"
     alt="SEO-Analyse einer Website"
     title="SEO-Analyse">
 

Für die Bild-SEO sollte der Fokus auf einem sinnvollen Alt-Text und einer insgesamt guten Bildoptimierung liegen.

Dateiname und Alt-Text kombinieren

Der Alt-Text ist nur ein Teil der Bildoptimierung.

Auch der Dateiname sollte sinnvoll gewählt werden.

Weniger aussagekräftig:

IMG_4837.jpg

Besser:

seo-analyse-website.jpg

Zusammen mit einem passenden Alt-Text entsteht ein klarerer Kontext:

Dateiname:
seo-analyse-website.jpg

Alt-Text:
SEO-Analyse einer Website auf einem Laptop

Beide Elemente sollten den tatsächlichen Bildinhalt beschreiben und nicht lediglich Keywords wiederholen.

Bildgröße und Ladezeit beachten

Ein guter Alt-Text macht ein schlecht optimiertes Bild nicht automatisch SEO-freundlich.

Auch technische Faktoren sind wichtig.

Achte auf:

  • passende Bildabmessungen
  • Komprimierung
  • moderne Formate
  • responsive Bilder
  • Lazy Loading
  • korrekte width– und height-Angaben

Große, unnötig schwere Bilder können die Ladezeit einer Website erhöhen und dadurch die Nutzererfahrung beeinträchtigen.

Alt-Tags im E-Commerce

Online-Shops verfügen häufig über sehr viele Bilder. Deshalb lohnt es sich, einheitliche Regeln für Alt-Texte zu entwickeln.

Beispielsweise können Produktbilder nach einem Schema beschrieben werden:

[Farbe] + [Produkttyp] + [wichtige sichtbare Eigenschaft]

Aus:

IMG_2398.jpg

wird beispielsweise:

„Brauner Damenstiefel mit seitlichem Reißverschluss“

Bei mehreren Bildern desselben Produkts sollten die Texte die jeweilige Ansicht berücksichtigen.

Bilder für die Google-Bildersuche optimieren

Alt-Texte können Suchmaschinen zusätzliche Informationen über ein Bild liefern und damit Teil einer umfassenderen Bild-SEO-Strategie sein.

Für eine gute Auffindbarkeit sollten jedoch mehrere Faktoren zusammenspielen:

  • relevanter Seiteninhalt
  • aussagekräftiger Alt-Text
  • sinnvoller Dateiname
  • passender Bildkontext
  • hochwertige Bilder
  • technische Optimierung
  • gute Nutzererfahrung

Es reicht daher nicht aus, lediglich das alt-Attribut zu optimieren.

Alt-Texte passend zum Seiteninhalt formulieren

Ein Bild sollte immer im Kontext der jeweiligen Seite betrachtet werden.

Ein Foto eines schwarzen Schuhs kann auf verschiedenen Seiten unterschiedliche Bedeutungen haben.

Auf einer Produktseite:

„Schwarzer Herren-Sneaker mit weißer Sohle“

Auf einem Ratgeber über Schuhpflege könnte dasselbe Bild möglicherweise anders beschrieben werden, wenn die Pflege des Materials im Mittelpunkt steht.

Der Alt-Text sollte immer den relevanten Zweck des Bildes berücksichtigen.

Häufige Fehler bei Alt-Tags

Vermeide insbesondere:

  • Alt-Texte wie „Bild“ oder „Foto“
  • Keyword-Stuffing
  • identische Alt-Texte für jedes Bild
  • unnötig lange Beschreibungen
  • erfundene Bildinhalte
  • fehlende Alt-Texte bei relevanten Bildern
  • beschreibende Texte für rein dekorative Bilder
  • Alt-Texte als Ersatz für sichtbare wichtige Informationen

Ein guter Alt-Text ist präzise, relevant und natürlich formuliert.

So optimierst du deine Bilder Schritt für Schritt

Eine praktische Vorgehensweise sieht so aus:

1. Bildinhalt bestimmen
Was ist auf dem Bild zu sehen?

2. Bedeutung feststellen
Welche Information vermittelt das Bild auf dieser Seite?

3. Alt-Text formulieren
Beschreibe den relevanten Inhalt kurz und verständlich.

4. Keywords nur natürlich verwenden
Nutze relevante Begriffe nur dann, wenn sie zur Beschreibung passen.

5. Dekorative Bilder kennzeichnen
Bei rein dekorativen Bildern kann alt="" sinnvoll sein.

6. Dateinamen optimieren
Verwende aussagekräftige und verständliche Dateinamen.

7. Technische Bildoptimierung durchführen
Komprimiere Bilder und liefere geeignete Größen und Formate aus.

8. Barrierefreiheit prüfen
Teste, ob die Bildinformationen auch ohne visuelle Wahrnehmung verständlich bleiben.

Alt-Tags regelmäßig überprüfen

Bei größeren Websites können sich mit der Zeit zahlreiche problematische Alt-Texte ansammeln.

Ein regelmäßiger SEO- und Accessibility-Check kann beispielsweise folgende Fragen beantworten:

  • Fehlen Alt-Texte bei relevanten Bildern?
  • Gibt es zahlreiche Alt-Texte wie „IMG_1234“?
  • Werden Keywords unnötig wiederholt?
  • Sind dekorative Bilder korrekt ausgezeichnet?
  • Beschreiben die Texte den tatsächlichen Bildinhalt?
  • Sind Produktbilder sinnvoll benannt?

Besonders bei Online-Shops mit vielen automatisch erzeugten Produktbildern lohnt sich eine systematische Kontrolle.

Fazit: Alt-Tags sind ein wichtiger Bestandteil der Bild-SEO

Alt-Tags beziehungsweise das alt-Attribut erfüllen eine wichtige Funktion für Barrierefreiheit und Bild-SEO. Sie helfen dabei, Bildinhalte für Menschen mit Screenreadern zugänglich zu machen und liefern Suchmaschinen zusätzliche Informationen über den Inhalt eines Bildes.

Die beste Strategie besteht jedoch nicht darin, möglichst viele Keywords in Alt-Texte einzubauen. Stattdessen solltest du den tatsächlichen Bildinhalt präzise, kurz und natürlich beschreiben.

Zusammen mit aussagekräftigen Dateinamen, passenden Bildgrößen, modernen Formaten, gutem Seitenkontext und schnellen Ladezeiten entsteht eine umfassende Strategie für die SEO-Optimierung deiner Bilder.