Alt-Text

Definition: Der Alt-Text (Alternativtext, auch Alt-Attribut oder fälschlich Alt-Tag genannt) ist ein HTML-Attribut, das einem Bild eine Textbeschreibung hinterlegt. Er erfüllt zwei zentrale Funktionen: Er macht Bilder für sehbehinderte Nutzer über Screenreader zugänglich und gibt Suchmaschinen Informationen über den Bildinhalt, was für die Bildsuche und die Gesamtrelevanz der Seite wichtig ist.

Erläuterung

Obwohl Googles Bilderkennungs-KI zunehmend leistungsfähiger wird, bleibt der Alt-Text das primäre Signal, über das Suchmaschinen Bilder semantisch einordnen. Ein fehlendes oder irrelevantes Alt-Attribut ist eine verschenkte SEO-Chance – besonders bei Produktfotos, Infografiken und erklärenden Screenshots, die einen wesentlichen Teil des Seiteninhalts ausmachen.

Alt-Text im HTML: Technische Grundlage

Der Alt-Text wird als Attribut im <img>-Tag eingefügt:

Mit Inhalt: <img src="bild.jpg" alt="Screenshot des Google Analytics Dashboards mit Traffic-Übersicht">
Leer (für dekorative Bilder): <img src="trennlinie.svg" alt=""> – Screenreader überspringen das Bild
Fehlend: <img src="bild.jpg"> – Screenreader lesen oft den Dateinamen vor; Google erhält kein Signal

SEO-Relevanz des Alt-Textes

Der Alt-Text beeinflusst mehrere SEO-Dimensionen:

Google Bildsuche: Bilder mit relevantem Alt-Text ranken deutlich besser in der Bildersuche und generieren zusätzlichen organischen Traffic
Seitenrelevanz: Aussagekräftige Alt-Texte stärken das thematische Signal der Seite für das Ziel-Keyword
Core Web Vitals: Korrekte Bildbeschriftung trägt zur besseren Bewertung durch Google-Algorithmen bei
Barrierefreiheit als Rankingfaktor: Google berücksichtigt die technische Zugänglichkeit einer Website – fehlende Alt-Texte sind ein negativer Accessibility-Indikator

Gute vs. schlechte Alt-Texte: Beispiele

Produktfoto eines Laufschuhs:

Schlecht: alt="Schuh" oder alt="img_2847.jpg"
Gut: alt="Nike Air Max 270 Laufschuh in Schwarz/Weiß, Seitenansicht"

Infografik über Content-Marketing-Funnel:

Schlecht: alt="Infografik"
Gut: alt="Content-Marketing-Funnel: Awareness, Consideration und Decision-Phase mit Beispiel-Formaten"

Häufige Fehler beim Alt-Text

Keyword-Stuffing: alt="SEO Agentur SEO Beratung SEO Optimierung" – wirkt manipulativ und schadet mehr als es hilft
Redundanz: Alt-Text mit „Bild von" oder „Foto von" beginnen – das ist dem Screenreader bereits bekannt
Zu lang: Mehr als 125 Zeichen werden von vielen Screenreadern abgeschnitten; 5–15 Wörter sind optimal
Gleicher Alt-Text für alle Bilder: Jedes Bild braucht eine individuelle, präzise Beschreibung

Wann ein leerer Alt-Text sinnvoll ist

Rein dekorative Bilder ohne inhaltlichen Mehrwert sollten alt="" erhalten: Hintergrundgrafiken, Icons ohne eigene Bedeutung, dekorative Trennlinien. Screenreader überspringen diese dann, was die Nutzererfahrung für sehbehinderte Personen verbessert.

Praxistipp: Crawlen Sie Ihre Website mit Screaming Frog (Images → Missing Alt Text) und exportieren Sie alle Bilder ohne Alt-Text. Priorisieren Sie: Produktfotos und inhaltlich wichtige Bilder zuerst, dann unterstützende Grafiken. Für Online-Shops mit tausenden Produktbildern lohnt sich eine automatische Alt-Text-Generierung auf Basis von Produktname, Farbe und Kategorie – das ist besser als gar kein Alt-Text. Kontrollieren Sie danach mit einem Accessibility-Audit-Tool wie axe oder WAVE, ob alle kritischen Bilder korrekt beschriftet sind.