This article is currently only available in German.
Alt-Text
Alt-Text (Alternativtext) ist eine kurze Textbeschreibung, die du im HTML-Code einem Bild zuweist. Sie erklärt in Worten, was auf dem Bild zu sehen ist. Screenreader lesen sie blinden Menschen vor, Suchmaschinen und KI-Systeme nutzen sie, um den Bildinhalt zu verstehen. Kann ein Bild nicht geladen werden, erscheint der Alt-Text an seiner Stelle.
Warum Alt-Text für KI-Sichtbarkeit zählt
KI-Systeme und Suchmaschinen sehen ein Bild nicht so wie du. Sie lesen den umgebenden Code. Der Alt-Text ist dabei oft die wichtigste Textquelle, um den Bildinhalt einzuordnen. Fehlt er, bleibt das Bild für Maschinen ein blinder Fleck. Steht dort eine präzise Beschreibung, kann ein KI-Assistent das Bild verstehen, thematisch zuordnen und im Zweifel deine Seite als Quelle heranziehen. Für die KI-Sichtbarkeit heißt das: Gute Alt-Texte machen visuelle Inhalte überhaupt erst maschinenlesbar. Gerade bei Produktfotos, Infografiken oder Diagrammen transportiert das Bild Kerninformationen, die sonst nirgends im Text stehen. Ohne Alt-Text gehen diese Informationen für die generative Suche verloren.
Wie ein Alt-Text technisch funktioniert
Im HTML-Code steckt der Alt-Text im sogenannten alt-Attribut eines Bild-Elements, also etwa alt="Beschreibung des Bildes". Das Attribut ist Teil des Web-Standards und wird von jedem Browser, jedem Screenreader und jedem Crawler ausgewertet. Ein Crawler ist ein Programm, das automatisch Webseiten durchsucht. Du schreibst den Text so, dass er den Bildinhalt sachlich zusammenfasst, in ein bis zwei Sätzen. Wichtig ist der Kontext: Ein Foto einer Kaffeetasse auf einer Café-Seite braucht eine andere Beschreibung als dasselbe Foto in einem Artikel über Porzellanherstellung. Rein dekorative Bilder, die keine Information tragen, bekommen ein leeres alt-Attribut, damit Screenreader sie überspringen und Nutzer nicht mit Belanglosem stören.
Häufige Fehler
Der klassische Fehler ist der fehlende Alt-Text, gefolgt von leeren Floskeln wie "Bild" oder dem bloßen Dateinamen wie "IMG_4823.jpg". Beides hilft weder Menschen noch Maschinen. Ebenso verbreitet ist das Vollstopfen mit Suchbegriffen, sogenanntes Keyword-Stuffing. Das wirkt manipulativ und kann dir schaden statt nützen. Ein weiterer Fehler: Beschreibungen, die den Kontext ignorieren oder viel zu lang sind. Ein Alt-Text ist kein Bildtitel und keine Bildunterschrift. Er soll knapp beschreiben, nicht werben. Auch das Wort "Bild von" am Anfang ist überflüssig, weil Screenreader ohnehin ansagen, dass ein Bild folgt. Prüfe im Zweifel: Würde die Beschreibung jemandem helfen, der das Bild nicht sehen kann?
Bezug zu KI-Empfehlungen
Wenn ein KI-Assistent wie ChatGPT oder Perplexity eine Empfehlung ausspricht, stützt er sich auf Textsignale deiner Seite. Alt-Texte gehören dazu. Sie helfen dem System, den Zusammenhang zwischen Bild und Thema zu erfassen, und erhöhen die Chance, dass deine Inhalte korrekt verstanden und zitiert werden. Multimodale KI, die Bilder direkt analysiert, nutzt den Alt-Text zusätzlich als Kontrollinstanz für die eigene Interpretation. Für dich als Betreiber bedeutet das: Alt-Texte sind ein kleiner, oft unterschätzter Hebel. Sie ersetzen keine gute Inhaltsstrategie, aber sie schließen eine Lücke, die viele Wettbewerber offen lassen. Wer visuelle Inhalte sauber beschreibt, gibt Suchmaschinen und KI-Systemen mehr Anhaltspunkte, um die eigene Marke sichtbar zu machen.
Example
Ein Online-Shop für Fahrräder zeigt ein Foto eines roten City-Rades mit Korb. Schlechter Alt-Text: "fahrrad-neu-2024.jpg". Besserer Alt-Text: "Rotes City-Fahrrad mit geflochtenem Weidenkorb und Rücktrittbremse, Seitenansicht". Diese Beschreibung sagt Mensch und Maschine genau, was zu sehen ist. Sucht jemand nach einem Stadtrad mit Korb, kann die Suchmaschine das Bild zuordnen. Fragt jemand einen KI-Assistenten nach passenden Alltagsrädern, versteht das System den Produktkontext und kann den Shop eher als Quelle nennen. Der Aufwand: ein Satz pro Bild.
Common questions
Wie lang sollte ein Alt-Text sein?
In der Regel ein bis zwei kurze Sätze, meist unter 125 Zeichen. Beschreibe das Wesentliche präzise. Zu kurz sagt nichts aus, zu lang verliert den Kern und wird von Screenreadern unhandlich vorgelesen.
Brauchen wirklich alle Bilder einen Alt-Text?
Alle informativen Bilder ja. Rein dekorative Bilder, die keine Inhaltsinformation tragen, bekommen ein leeres alt-Attribut. So überspringen Screenreader sie und stören die Nutzer nicht mit Belanglosem.