Alt-Text für Bilder: Bilder so beschreiben, dass die KI sie versteht
Für eine Maschine ist ein Bild ohne Alt-Text eine leere Fläche. Alt-Text ist die kurze geschriebene Beschreibung dessen, was ein Bild zeigt. Er wurde für Screenreader-Nutzer geschaffen und leistet für die KI doppelte Arbeit: So werden deine Diagramme, Produktfotos und Schaubilder Teil dessen, was eine KI tatsächlich lesen und zitieren kann.
Wie guter Alt-Text aussieht
Beschreibe den Inhalt und seinen Zweck – kurz und konkret.
- Vage:
alt="Bild"oderalt="foto1.jpg"– nutzlos. - Gut:
alt="Balkendiagramm: KI-Verweis-Traffic von Q1 zu Q2 um 40 % gestiegen"– vermittelt die eigentliche Information. - Produkt:
alt="Rote Leder-Umhängetasche, Vorderansicht"stattalt="Tasche".
<img src="/diagramm.png" alt="Balkendiagramm: KI-Verweis-Traffic von Q1 zu Q2 um 40 % gestiegen">Wann du ihn leer lässt
Rein dekorative Bilder – eine Hintergrundverzierung, eine Trennlinie – sollten einen leeren Alt-Text haben: alt="". Das sagt einer Maschine bewusst „überspring das, es trägt keine Information”, was etwas anderes ist als ein fehlender Alt-Text. Nutze leeren Alt-Text für Dekoration; schreib echten Alt-Text für alles, was etwas bedeutet.
Warum es sich lohnt
Alt-Text dient zwei Zielgruppen gleichzeitig: Menschen mit Screenreadern und der KI, die entscheidet, ob deine Seite eine Frage beantwortet. Dieselben paar Wörter helfen beiden. Ein Hinweis aus den Suchrichtlinien: Beschreibe ehrlich – stopf keine Keywords in den Alt-Text.
Fazit
Gib jedem bedeutsamen Bild einen kurzen, konkreten Alt-Text, der seine Information vermittelt; gib dekorativen Bildern alt="". So werden die visuellen Teile deiner Seite für KI lesbar und für Menschen zugänglich. Es ist einer der „verständlich sein”-Schritte aus unserer GEO-Einführung.