Bild-Alt-Text: Wie beschreibende Alt-Attribute KI-Zitate gewinnen

Was ist Bild-Alt-Text?

Bild-Alt-Text ist eine kurze schriftliche Beschreibung eines Bildes, gesetzt im HTML-alt-Attribut (z. B. alt="Schwarzer Chelsea-Lederboot, Seitenansicht"). Er ist auf der Seite unsichtbar, wird aber von Screenreadern vorgelesen, eingeblendet, wenn ein Bild nicht lädt, und von KI-Suchmaschinen sowie Such-Crawlern geparst. WCAG 2.1 Erfolgskriterium 1.1.1 verlangt eine Textalternative für jeden Nicht-Text-Inhalt — jedes bedeutsame Bild braucht also Alt-Text.

KI-Suchmaschinen wie ChatGPT, Perplexity und Google AI Overviews zitieren zunehmend multimodale Inhalte. Die meisten lassen Vision nicht über jedes Bild laufen — sie lesen Alt-Text, Bildunterschriften und das umgebende HTML, um zu entscheiden, was ein Bild zeigt und ob die Seite zitiert wird. Seiten, in denen Text, Bilder und strukturierte Daten dasselbe Thema verstärken, werden weit häufiger zitiert. Diese Metrik gehört zur Säule Technische Grundlage in Ihrem GEO-Score.

Warum Alt-Text für die KI-Suche wichtig ist

Alt-Text ist eines der wenigen Signale, das dreifach wirkt: gesetzliche Barrierefreiheits-Pflicht, bestätigter Bildsuche-Rankingfaktor und primärer Texteingang, mit dem KI-Suchmaschinen Ihre Visuals interpretieren. Ihn zu überspringen kostet Sie auf allen drei Ebenen gleichzeitig.

Barrierefreiheit ist die Basis (und Gesetz)

WCAG 2.1 Level A verlangt eine Textalternative für jeden Nicht-Text-Inhalt. Die WebAIM-Million-Studie 2025 fand, dass 18,5 % aller Homepage-Bilder weiterhin keinen Alt-Text haben — und fehlender Alt-Text ist die häufigste WCAG-Verletzung in den 3.117 ADA-Title-III-Klagen zur Website-Barrierefreiheit, die 2025 eingereicht wurden.

KI-Suchmaschinen zitieren multimodale Seiten häufiger

Wellows analysierte 15.847 AI-Overview-Ergebnisse über 63 Branchen und fand, dass Seiten, die Text, Bilder, Video und strukturierte Daten kombinieren, 156 % höhere Auswahlraten erzielen — mit voller Multimodalität plus Schema sogar bis zu 317 % mehr Zitate. Alt-Text ist das, was ein Bild zu einem zitierfähigen Signal macht.

Bildsuche und visuelle Zitate brauchen Text

Google Lens verarbeitet pro Monat über 12 Milliarden visuelle Anfragen und wächst um 30 % pro Jahr. Beschreibender Alt-Text ist die Bild-SEO-Maßnahme mit dem höchsten Hebel — eine Backlinko-Studie zu 65.388 visuellen Suchen fand, dass nur 11,4 % der rankenden Bilder Alt-Text mit Anfragen-Match hatten.

Was die Forschung sagt

Pages that combine text, images, video, and structured data see 156% higher selection rates in AI Overviews, with full multi-modal plus schema integration delivering up to 317% more citations. Multi-modal integration showed a 0.92 correlation coefficient — the biggest ranking shift of 2025.
— Wellows, Google AI Overviews Ranking Factors Study (15,847 results, 63 industries), 2026

18.5% of all home page images had missing alternative text — about 11 missing alt attributes per page on average. A further 11% of images with alt text used questionable values like "image", "graphic", a file name, or duplicates of adjacent text.
— WebAIM Million 2025, Accessibility Audit of 1,000,000 Home Pages

Only 11.4% of all Google Lens result images contain alt text terms that match the keyword someone just searched for. Contextually rich alt text can improve visual search discovery by up to 35%, particularly for e-commerce and product-focused sites.
— Backlinko, Google Lens Study of 65,388 Visual Searches, 2025

Echte Beispiele: Schlecht vs. Gut

Alt-Text-Qualität ist in der Praxis binär — entweder nützlich für Screenreader und KI-Parser oder Lärm. Diese drei realen Szenarien zeigen, wie kleine Wortänderungen ein Bild von unsichtbar zu zitierfähig kippen.

Beispiel 1: E-Commerce-Produktbild (Chelsea-Boot)

Schlecht — unsichtbar für KI und Screenreader

Warum das nicht funktioniert: Der Dateiname als Alt-Text liefert keine Information über das Produkt. Screenreader lesen „image one dot jay peg“. Google Bildsuche hat kein Signal für die Anfrage „schwarzer Chelsea-Boot“. KI-Suchmaschinen sehen das Bild, können es aber weder beschreiben noch zitieren.

Gut — zitierbar, suchbar, zugänglich

Warum das funktioniert: Ein blinder Käufer hört das exakte Produkt. Google kann den Alt-Text Farb-, Stil- und Größenanfragen zuordnen. ChatGPT und Perplexity können diese Seite zitieren, wenn nach „bester schwarzer Chelsea-Boot für Herren“ gefragt wird. Gleiches Bild — komplett anderes Ergebnis.

Beispiel 2: Blog-Hero-Bild (Artikel zu Remote-Arbeit)

Schlecht — alt-Attribut fehlt komplett

Warum das nicht funktioniert: Ohne alt-Attribut greifen viele Screenreader auf den Dateinamen zurück („hero banner dot p n g“). Es verstößt gegen WCAG 1.1.1 Level A. KI-Crawler können das Bild nicht in Kontext setzen, und die Seite verfehlt den von Wellows gemessenen multimodalen Zitatlift.

Gut — beschreibt das Bild und unterstützt den Artikel

Warum das funktioniert: Der Alt-Text beschreibt sowohl Subjekt als auch Kontext und stützt das Artikelthema. KI-Suchmaschinen haben jetzt aufeinander abgestimmte Signale (Überschrift, Body, Bild-Alt) — exakt das multimodale Muster, das 156 % mehr AI-Overview-Zitate gewinnt.

Beispiel 3: Datenvisualisierung (Quartalsumsatzdiagramm)

Schlecht — zu vage, um die Daten zu vermitteln

Warum das nicht funktioniert: WebAIM markierte „chart“ als klassischen fragwürdigen Alt-Wert (11 % aller Alt-Texte im Web sind solche Platzhalter). Ein Screenreader-Nutzer erfährt nichts. KI-Suchmaschinen können die Zahlen nicht extrahieren und überspringen die Seite bei Umsatztrend-Zusammenfassungen.

Gut — kurzer Alt + Zusammenfassung der echten Daten

Warum das funktioniert: Diagrammtyp ist genannt, die vier Datenpunkte aufgelistet, und die Headline-Erkenntnis enthalten. WCAG-Anleitung zu komplexen Bildern ist erfüllt, und KI-Suchmaschinen können die echten Zahlen in Antworten zu Umsatztrends zitieren.

learnImageAltText.decisionTree.title

learnImageAltText.decisionTree.intro

learnImageAltText.decisionTree.items.decorative.question

learnImageAltText.decisionTree.items.decorative.answer

learnImageAltText.decisionTree.items.informative.question

learnImageAltText.decisionTree.items.informative.answer

learnImageAltText.decisionTree.items.functional.question

learnImageAltText.decisionTree.items.functional.answer

learnImageAltText.decisionTree.items.complex.question

learnImageAltText.decisionTree.items.complex.answer

learnImageAltText.decisionTree.items.text.question

learnImageAltText.decisionTree.items.text.answer

learnImageAltText.altTextFormulas.title

learnImageAltText.altTextFormulas.intro

Image Type	Formula	Example
learnImageAltText.altTextFormulas.formulas.product.type	learnImageAltText.altTextFormulas.formulas.product.formula	learnImageAltText.altTextFormulas.formulas.product.example
learnImageAltText.altTextFormulas.formulas.screenshot.type	learnImageAltText.altTextFormulas.formulas.screenshot.formula	learnImageAltText.altTextFormulas.formulas.screenshot.example
learnImageAltText.altTextFormulas.formulas.dataViz.type	learnImageAltText.altTextFormulas.formulas.dataViz.formula	learnImageAltText.altTextFormulas.formulas.dataViz.example
learnImageAltText.altTextFormulas.formulas.hero.type	learnImageAltText.altTextFormulas.formulas.hero.formula	learnImageAltText.altTextFormulas.formulas.hero.example
learnImageAltText.altTextFormulas.formulas.diagram.type	learnImageAltText.altTextFormulas.formulas.diagram.formula	learnImageAltText.altTextFormulas.formulas.diagram.example

So verbessern Sie Ihren Bild-Alt-Text

Das sollten Sie NICHT tun

✗Das alt-Attribut komplett weglassen — viele Screenreader lesen dann den Dateinamen vor, was schlimmer als nichts ist
✗Rohe Dateinamen wie IMG_1234.jpg, screenshot-final-v2.png oder hero.webp als Alt-Wert nutzen
✗Jeden Alt mit „Bild von“ oder „Foto von“ beginnen — Screenreader kündigen das Element bereits als Bild an, das verschwendet nur Zeichen
✗Alt-Text mit unverwandten Keywords füllen — Google nennt das in seiner Bild-SEO-Doku ausdrücklich Spam und kann die Seite abranken
✗Dekorative Bilder (Trenner, Hintergrundverzierungen) ohne alt="" lassen — ohne leeres alt versuchen Screenreader, bedeutungslose Visuals zu beschreiben

Tun Sie stattdessen Folgendes

✓Beschreiben Sie, was das Bild zeigt UND warum es auf der Seite ist — Inhalt + Kontext, nicht nur Labels
✓Bei Diagrammen, Infografiken und Screenshots beginnen Sie mit dem Typ („Säulendiagramm...“, „Screenshot von...“, „Diagramm zu...“)
✓Halten Sie Alt-Text bei 80–125 Zeichen — lang genug, um konkret zu sein, kurz genug, dass Screenreader nicht abschneiden
✓Verwenden Sie alt="" (ohne Leerzeichen zwischen den Anführungszeichen) für dekorative Bilder, damit Screenreader und KI sie sauber überspringen
✓Sorgen Sie dafür, dass Dateiname, Alt-Text, Bildunterschrift und umgebender Absatz dasselbe beschreiben — abgestimmte Signale gewinnen in der KI-Suche

Schnelltipps für besseren Alt-Text

•Setzen Sie an jedem img-Tag ein alt-Attribut — beschreibend bei Inhaltsbildern, alt="" bei dekorativen. Es gibt keine dritte Option.
•Streben Sie 80–125 Zeichen an. Lang genug, um konkret zu sein, kurz genug, dass JAWS und NVDA nicht kürzen.
•Lassen Sie „Bild von“, „Foto zeigt“, „Abbildung von“ weg. Screenreader benennen die Rolle selbst — diese Worte sind reines Rauschen.
•Bei Diagrammen, Infografiken und Diagrammen schreiben Sie einen kurzen Alt PLUS eine längere Beschreibung im umgebenden Text oder einer verlinkten Detailseite.
•Wenn ein Bild gleichzeitig ein Link ist, sollte der Alt-Text das Linkziel beschreiben, nicht nur das Bild. WebAIM fand, dass 44 % der Bilder mit fehlendem Alt Links sind.
•Führen Sie einen kostenlosen GEO-Score-Check durch, um fehlende oder schwache Alt-Texte auf Ihrer Seite in Sekunden zu finden — diese zu fixen ist einer der schnellsten Wins.

Häufig gestellte Fragen

Wie lang sollte Alt-Text sein?

Die meisten Barrierefreiheits- und SEO-Quellen einigen sich auf 80–125 Zeichen als Sweet Spot. Das ist lang genug, um konkret zu sein („Schwarzer Chelsea-Lederboot, Seitenansicht, Größe 44“), aber kurz genug, dass JAWS, NVDA und VoiceOver nicht kürzen. Bei komplexen Bildern wie Diagrammen oder Infografiken schreiben Sie einen kurzen Alt und ergänzen mit einer längeren Beschreibung im umgebenden Text oder einer verlinkten Langbeschreibung.

Was ist der Unterschied zwischen alt="" und einem fehlenden alt-Attribut?

alt="" (ein leeres alt-Attribut, ohne Leerzeichen zwischen den Anführungszeichen) sagt Screenreadern und KI-Suchmaschinen ausdrücklich, das Bild zu überspringen. Das ist das richtige Muster für rein dekorative Bilder. Ein fehlendes alt-Attribut ist anders: viele Screenreader greifen auf den Dateinamen zurück, was Lärm wie „hero banner dot p n g“ erzeugt. Setzen Sie das Attribut immer, auch wenn leer.

Lesen KI-Suchmaschinen wie ChatGPT Alt-Text wirklich?

Ja. Die meisten KI-Suchmaschinen lassen Bild-Vision nicht auf jedes Bild laufen — das ist im Maßstab zu teuer. Stattdessen lesen ChatGPT (mit Browse), Perplexity, Claude und Google AI Overviews den Seiten-HTML und priorisieren Alt-Text, Bildunterschriften, Dateinamen und umgebenden Absatz. Wellows-Forschung von 2026 fand, dass Seiten, die Text, Bilder, Video und strukturierte Daten kombinieren, 156 % höhere AI-Overview-Zitierraten erzielen.

Hilft Alt-Text meinem Google-Ranking?

Es kommt auf die Suchart an. Für die Google-Bildsuche ist Alt-Text ein bestätigter direkter Rankingfaktor — Google sagt, es sei das wichtigste Attribut, um Bildinhalt zu verstehen. Für die klassische Google-Suche wird Alt-Text wie normaler Seitentext behandelt und trägt zur thematischen Relevanz bei, statt als großer Einzelfaktor zu wirken. Für AI Overviews und Lens ist Alt-Text eines der stärksten verfügbaren Signale.

Wie schreibe ich Alt-Text für Diagramme, Grafiken und Infografiken?

Nutzen Sie einen zweistufigen Ansatz. Der kurze Alt sollte den Visualisierungstyp und die Headline-Erkenntnis benennen („Säulendiagramm der Umsätze 2025 mit 60 % Wachstum im Jahresvergleich“). Liefern Sie dann die vollen Daten im umgebenden Text — als Absatz, Datentabelle oder verlinkte Langbeschreibung. Alt-Text kann keine Überschriften oder Absätze enthalten, alles über ~150 Zeichen sollte in den Seitenbody.

Kann ich einfach KI für die Alt-Text-Generierung der ganzen Site nutzen?

KI-Tools (ChatGPT Vision, Gemini, dedizierte Alt-Text-APIs) liefern starke Erstentwürfe und sind weit besser als fehlender Alt-Text. Aber automatisch generierter Alt verfehlt oft den On-Page-Kontext — warum das Bild da ist, nicht nur, was es zeigt. Best Practice 2026: KI für den Entwurf nutzen, dann von einem Menschen auf Zweck, Markenstimme und Genauigkeit prüfen lassen, vor allem auf Schlüsselseiten. Die WebAIM-Umfrage 2025 unter Screenreader-Nutzern bewertet menschlich kuratierte Beschreibungen weiterhin höher als reine KI-Ausgaben.

Bild-Alt-Text