Beim Alt-Text für Produktbilder hört Ihre Maßzeichnung still und leise auf zu existieren. Das Foto lädt, die Maße stehen in 48 Punkt mitten im Bild, und jeder Leser, der kein menschliches Augenpaar ist — Screenreader, Suchmaschinen-Crawler, KI-Antwortmaschine —, bekommt nichts.
Der E-Commerce-Accessibility-Benchmark des Baymard Institute beziffert, wie verbreitet das ist: 55 % der E-Commerce-Websites nutzen keinen Alt-Text, um den Kerninhalt informativer Bilder zu vermitteln, 64 % betten Text direkt in Bilder ein, und 9 % stellen komplexe Informationen ausschließlich als Bild dar. Wenn Sie Möbel, Beschläge oder Baustoffe verkaufen, sind diese letzten 9 % ziemlich sicher Sie, denn die Größentabelle ist ein JPEG.
Unten stehen sechs Alt-Text-Muster aus echten Produktgalerien, warum jedes davon scheitert und was stattdessen dort stehen sollte.
Was ein Alt-Text für Produktbilder tatsächlich leisten muss
Der Alt-Text für Produktbilder ist die im alt-Attribut eines Bildes hinterlegte Textalternative — die Worte, die ein Screenreader anstelle des Bildes vorliest, und die einzige Beschreibung dieses Bildes, die jedem System zur Verfügung steht, das nicht hinsehen kann.
Er hat zwei Zielgruppen, und die meisten Händler kalkulieren nur die erste ein:
| Leser | Wofür der Alt-Text genutzt wird | Was ankommt, wenn der Alt-Text falsch ist |
|---|---|---|
| Screenreader-Nutzer | Der gesamte Inhalt des Bildes | Stille, oder ein Dateiname, Buchstabe für Buchstabe vorgelesen |
| Suchmaschinen-Crawler | Bildkontext und Seitenthema | Kein Signal; das Bild rankt für nichts |
| KI-Antwortmaschine | Die einzige maschinenlesbare Fassung dessen, was das Bild zeigt | Was Ihr HTML hergibt, und das ist mitunter nichts |
| Ihr eigenes PIM oder Feed-Export | Bildunterschriften, die an Marktplätze und Kataloge übergeben werden | Leere Felder, die Ihre Vertriebspartner schlecht befüllen |
Die Web Accessibility Initiative des W3C wird beim Kernproblem deutlich: Wenn Text in ein Bild eingebrannt ist, „ist es gute Gestaltungspraxis, echten, mit CSS formatierten Text zu verwenden statt einer bildbasierten Textdarstellung“, und wo ein Schriftbild wirklich unvermeidbar ist, muss die Textalternative exakt denselben Text enthalten, der im Bild zu sehen ist. Ein Maß, das in ein JPEG gedruckt wurde, ist kein Produktdatum. Es ist ein Bild eines Produktdatums, und nichts außer einem menschlichen Auge kann es lesen.
In Europa hat das inzwischen eine rechtliche Kante. Der Europäische Rechtsakt zur Barrierefreiheit — Richtlinie (EU) 2019/882 — führt Dienstleistungen im elektronischen Geschäftsverkehr in Artikel 2 Absatz 2 Buchstabe f als erfassten Dienst auf, und die Mitgliedstaaten wenden ihn seit dem 28. Juni 2025 an. In Deutschland setzt das Barrierefreiheitsstärkungsgesetz die Richtlinie um und gilt seit demselben Datum. Kleinstunternehmen, die Dienstleistungen erbringen, sind nach Artikel 4 Absatz 5 ausgenommen; ein Kleinstunternehmen ist in Artikel 3 Nummer 23 definiert als Unternehmen mit weniger als 10 Personen und einem Jahresumsatz oder einer Jahresbilanzsumme von höchstens 2 Millionen Euro. Wer größer ist und an Verbraucher in der EU verkauft, hat mit dem Größentabellen-JPEG nicht mehr nur ein Conversion-Problem.
Anti-Muster 1: der Dateiname
alt="IMG_4821.jpg". alt="sofa-3-final-v2-USE-THIS". alt="chair_dim_01".
Das kommt heraus, wenn Bilder aus einem Ordner exportiert und im Stapel hochgeladen werden, ohne dass jemand eine Bildunterschrift schreibt. Auf einer Seite mit fehlendem alt-Attribut lesen die meisten Screenreader ersatzweise den Dateinamen vor — der Kunde hört also „I M G Unterstrich vier acht zwei eins Punkt j p g“ und ist weg.
Die Korrektur ist nicht raffiniert. Sie ist ein Satz, der das konkrete Produkt in der konkreten Aufnahme beschreibt.
| Statt | Schreiben Sie |
|---|---|
alt="IMG_4821.jpg" |
alt="Esstisch aus Eiche, 180 cm lang, Frontansicht" |
alt="chair_dim_01" |
alt="Maßzeichnung Esszimmerstuhl: Sitzhöhe 46 cm, Gesamthöhe 88 cm, Sitzbreite 45 cm" |
Anti-Muster 2: die Keyword-Halde
alt="sofa couch settee 3 seater sofa cheap sofa modern sofa living room sofa buy sofa online".
Googles eigene Bilder-Dokumentation benennt das direkt: Der Alt-Text sei „das wichtigste Attribut, wenn es darum geht, weitere Metadaten zu einem Bild bereitzustellen“, und ihn vollzustopfen „führt zu einer schlechten Nutzererfahrung und kann dazu führen, dass Ihre Website als Spam eingestuft wird“. Das Beispiel, das Google als gut veröffentlicht, ist vier Wörter lang: alt="Dalmatian puppy playing fetch".
Es gibt einen zweiten Preis, den niemand erwähnt. Ein Screenreader liest die gesamte Zeichenkette vor, im Lesetempo des Nutzers, ohne Möglichkeit zu überfliegen. Neun wiederholte Keywords sind neun Sekunden Rauschen, bevor irgendetwas über Ihr Produkt gesagt wird.
Schreiben Sie die eine zutreffende Beschreibung. Das Keyword, für das Sie tatsächlich ranken wollen, steht dann von selbst darin — einmal.
Anti-Muster 3: die Größentabelle, die es nur als Bild gibt
Das ist das teure Muster, und es ist der Standardfall bei Möbeln, Bekleidung und Baustoffen: eine vollständige Maßtabelle, als 1200-px-PNG exportiert und in die Galerie gelegt.
Das W3C behandelt so etwas als komplexes Bild und verlangt eine zweiteilige Textalternative — eine Kurzbeschreibung, die das Bild benennt und auf die Langbeschreibung verweist, und eine Langbeschreibung, die „eine textliche Darstellung der wesentlichen Informationen des Bildes“ ist und für alle zugänglich sein muss statt versteckt.
In der Praxis ist „für alle zugänglich“ die ganze Antwort. Versuchen Sie nicht, zwölf Maße in ein alt-Attribut zu quetschen. Veröffentlichen Sie die Tabelle als echte HTML-Tabelle auf der Seite und lassen Sie das alt-Attribut darauf verweisen:
alt="Größentabelle der Sofaserie Larsen; dieselben Maße stehen in der Tabelle darunter"
Und dann setzen Sie die Tabelle darunter. Das kostet Sie nichts: Eine ausgezeichnete Tabelle ist indexierbar, von einer KI-Antwortmaschine zitierbar, übersetzbar, und sie skaliert auf dem Handy — was ein 1200-px-PNG mit 9-Punkt-Schrift nicht tut. Referenzseiten wie Standardmaße für Sofas existieren genau aus diesem Grund als Text. Wenn Sie die Maße zusätzlich auf dem Bild selbst haben wollen, für den Käufer, der nie scrollt: behalten Sie beides. Bild und Tabelle konkurrieren nicht; das Bild ohne die Tabelle ist das Problem.
Anti-Muster 4: das Foto beschreiben statt der Zahlen
alt="graues Stoffsofa in einem hellen Wohnzimmer" — auf einer Maßzeichnung.
Das ist der feinste Fehler, denn der Satz stimmt technisch. Er beschreibt ein Bild. Er beschreibt nur nicht dieses Bild, dessen einziger Daseinsgrund fünf Maße sind, die in der Produktbeschreibung nicht stehen.
Zwei Regeln decken fast jeden Fall ab:
- Wenn die Aufgabe des Bildes ist, gut auszusehen, beschreiben Sie, wie es aussieht.
- Wenn die Aufgabe des Bildes ist, Information zu tragen, trägt der Alt-Text die Information — die Zahlen, die Einheiten und was jede Zahl misst.
Schiefgehen tut das an dem Punkt, an dem dasselbe Produkt beides hat. Ein Stimmungsfoto und eine Maßzeichnung desselben Sofas brauchen völlig unterschiedliche Alt-Texte, und den Text des Stimmungsfotos auf die Zeichnung zu kopieren wirft das einzige Bild der Seite weg, das die Frage „passt das?“ beantwortet.
Anti-Muster 5: ein Absatz Alt-Text auf einem dekorativen Bild
Die Hintergrundtextur, die Trennlinie, das Marken-Ornament oben im A+-Modul. Jemand schreibt für alle alt="wunderschöne natürliche Eichenholzmaserung als Hintergrund", und der Screenreader-Nutzer hört jetzt zwischen zwei echten Produktbildern jedes Mal drei Sätze Dekoration.
Dekorative Bilder bekommen ein leeres alt-Attribut — alt="" —, das assistiver Technik sagt, das Bild vollständig zu überspringen. Das ist etwas anderes, als das Attribut wegzulassen: Dann wird das Bild zu einem unbeschrifteten Unbekannten, das trotzdem angesagt wird. Leer und fehlend sehen in Ihrem CMS identisch aus und verhalten sich gegensätzlich.
Eine Abwägung lohnt sich ausdrücklich: Ein Größenvergleichsfoto ist nicht dekorativ. Ein Foto Ihres Produkts neben einem DIN-A4-Blatt leistet Informationsarbeit, und sein Alt-Text sollte das auch sagen.
Anti-Muster 6: ein Alt-Text für zwölf Galeriebilder
Stapelbearbeitungs-Tools machen das denkbar leicht. Jedes Bild der Produktseite bekommt alt="Larsen 3-Sitzer-Sofa", ein Screenreader-Nutzer hört also zwölfmal dieselben drei Wörter und erfährt nie, dass Bild 4 die Maßzeichnung ist, Bild 7 die Stoff-Nahaufnahme und Bild 9 der Versandkarton.
Ordnen Sie sie nach Funktion, nicht nach Position. Das ist die Vorlage, die wir Händlern für maßrelevante Produkte an die Hand geben:
| Bildrolle | Alt-Text-Muster |
|---|---|
| Hero-Aufnahme | {product name}, {finish/colour}, {view} |
| Maßzeichnung | Maßzeichnung {product}: {measurement 1}, {measurement 2}, {measurement 3} |
| Größenvergleich | {product} neben {reference object} als Größenvergleich |
| Detail / Material | Nahaufnahme von {material/joint/finish} an {product} |
| Montiert / in situ | {product} montiert in {context}, zeigt {clearance or fit detail} |
| Versandkarton | Versandkarton für {product}: {L} x {W} x {H} {unit}, {weight} |
| Größentabelle | Größentabelle für {range}; dieselben Maße stehen in der Tabelle darunter |
| Dekorativ | alt="" |
Das 60-Sekunden-Audit
Machen Sie das an Ihren fünf meistverkauften Produktseiten, bevor Sie es irgendwo sonst machen.
- Kein alt-Attribut enthält eine Dateiendung (
.jpg,.png,.webp) - Keine zwei Bilder derselben Produktseite haben identischen Alt-Text
- Der Alt-Text jeder Maßzeichnung enthält mindestens eine Zahl und eine Einheit
- Zu jedem Größentabellen-Bild stehen dieselben Daten als HTML-Tabelle auf der Seite
- Dekorative Bilder haben
alt=""— kein fehlendes Attribut und keine Beschreibung - Kein alt-Attribut wiederholt ein Keyword mehr als einmal
- Der Alt-Text steht in der Sprache des Shops, nicht nur auf Englisch
- Die Maße im Alt-Text stimmen mit den Maßen in der Spezifikationstabelle überein — prüfen Sie es, oft tun sie es nicht
Der letzte Punkt fängt mehr Fehler ab als alle übrigen zusammen. Sobald eine Zahl auf ein Bild gezeichnet ist, hängt sie nicht mehr an dem Datensatz, aus dem sie stammt, und sie bleibt über jede Spezifikationsänderung hinweg falsch. Derselbe Fehler taucht in Feeds auf: strukturierte Daten für Produktmaße zeigt, welche Felder aus genau denselben Gründen leer bleiben.
Was das mit dem Zitiertwerden zu tun hat
Suchmaschinen indexieren alt-Attribute seit zwei Jahrzehnten. Geändert hat sich, wer sie sonst noch liest. Eine KI-Antwortmaschine, die eine Antwort zu „Sofatiefe für eine kleine Wohnung“ zusammensetzt, kann Ihr JPEG nicht öffnen. Sie kann nur mit dem Text in Ihrem HTML arbeiten — Produktbeschreibung, Spezifikationstabelle und alt-Attribute. Alles, was Sie auf das Bild gezeichnet haben und sonst nirgends, ist für sie unsichtbar.
Das ist das praktische Argument für die Disziplin oben, unabhängig vom Barrierefreiheitsrecht und unabhängig von Screenreadern: Die Maße, die Sie als Text veröffentlichen, sind die Maße, mit denen man Sie zitieren kann.
FAQ
Wie lang sollte der Alt-Text für ein Produktbild sein?
Lang genug, um zu vermitteln, was das Bild zeigt, kurz genug, um in einem Atemzug gehört zu werden. Für eine Hero-Aufnahme sind das meist 5 bis 12 Wörter. Für eine Maßzeichnung ist es länger, weil die Zahlen der Inhalt sind. Wenn Sie über etwa zwei Zeilen hinauskommen, ist das Bild ein komplexes Bild und braucht die zweiteilige Behandlung — kurzer Alt-Text plus die vollständigen Daten als Seitentext veröffentlicht.
Hilft Alt-Text bei der Suchmaschinenoptimierung?
Ja, aber als Kontext, nicht als Ranking-Hebel, an dem man ziehen kann. Google beschreibt den Alt-Text als wichtigste Quelle für Metadaten zu einem Bild, und ihn mit Keywords vollzustopfen ist ausdrücklich als Spam-Verhalten gelistet. Schreiben Sie ihn für eine Person, die das Bild nicht sehen kann; der SEO-Nutzen ist der Nebeneffekt davon, das gut zu machen.
Welchen Alt-Text schreibe ich für ein Größentabellen-Bild?
Einen kurzen, identifizierenden Satz, der auf die echte Tabelle verweist — etwa „Größentabelle der Sofaserie Larsen; dieselben Maße stehen in der Tabelle darunter“ — und veröffentlichen Sie die Tabelle dann tatsächlich in HTML. Ein ganzes Maßraster in ein alt-Attribut pressen zu wollen, ergibt etwas, dem kein Screenreader-Nutzer folgen und das kein Crawler in Zeilen zerlegen kann.
Brauchen dekorative Produktbilder einen Alt-Text?
Sie brauchen ein leeres alt-Attribut, alt="", was nicht dasselbe ist, wie das Attribut wegzulassen. Leer sagt der assistiven Technik, das Bild zu überspringen. Fehlend macht daraus ein Unbekanntes, das trotzdem angesagt wird, meist über den Dateinamen.
Gilt der Europäische Rechtsakt zur Barrierefreiheit für meinen Onlineshop?
Wenn Sie Dienstleistungen im elektronischen Geschäftsverkehr für Verbraucher in der EU erbringen und kein Kleinstunternehmen sind: ja — Dienstleistungen im elektronischen Geschäftsverkehr stehen in Artikel 2 Absatz 2 Buchstabe f der Richtlinie (EU) 2019/882, anwendbar seit dem 28. Juni 2025; in Deutschland über das Barrierefreiheitsstärkungsgesetz. Die Ausnahme für Kleinstunternehmen in Artikel 4 Absatz 5 erfasst Dienstleister mit weniger als 10 Personen und einem Jahresumsatz oder einer Jahresbilanzsumme von höchstens 2 Millionen Euro. Prüfen Sie die nationale Umsetzung im Detail, denn Aufsicht und Sanktionen werden auf Ebene der Mitgliedstaaten festgelegt.
Warum werden meine Maßangaben abgeschnitten, bevor sie jemand lesen kann?
Das ist ein eigenes Problem mit derselben Wurzel — Information, die nur in Pixeln lebt. Marktplatz-Galerien schneiden auf ihre eigenen Seitenverhältnisse zu, und Beschriftungen nah am Rand verschwinden; Seitenverhältnis von Produktbildern behandelt die Schutzzonen-Regeln je Kanal.
Quellen und Referenzen
- Baymard Institute — „ALT“-Text nutzen, um den Kerninhalt „informativer“ Bilder zu vermitteln (55 % der Websites tun es nicht)
- W3C Web Accessibility Initiative — Bilder-Tutorial: Bilder von Text
- W3C Web Accessibility Initiative — Bilder-Tutorial: Komplexe Bilder
- W3C Web Accessibility Initiative — Bilder-Tutorial: Dekorative Bilder
- Google Search Central — Best Practices für Google Bilder, einschließlich Hinweisen zum Alt-Text
- EUR-Lex — Richtlinie (EU) 2019/882 (Europäischer Rechtsakt zur Barrierefreiheit): Artikel 2 Absatz 2 Buchstabe f, Artikel 3 Nummer 23, Artikel 4 Absatz 5, Artikel 31
- Europäische Kommission — Europäischer Rechtsakt zur Barrierefreiheit: erfasste Produkte und Dienstleistungen
Das einmal lösen statt einmal pro Bild
Jedes Anti-Muster oben ist derselbe Fehler mit einem anderen Hut auf: Ein Maß wurde in ein Bild gezeichnet und nie irgendwo aufgeschrieben, wo eine Maschine es lesen könnte. Mit besseren Alt-Text-Gewohnheiten allein lässt sich das nicht beheben, denn die Zahlen, die Sie beschreiben, wurden von Hand über das Foto getippt und driften bereits von der Spezifikation weg.
Die Fassung, die trägt, behandelt die Bemaßungsebene als Daten statt als Grafik. Messen Sie an den echten Kanten des Produkts, damit die Zahl die gemessene ist und keine geschätzte; halten Sie die Annotationsebene lebendig und bearbeitbar, statt sie in ein JPEG zu flachen; und exportieren Sie dann zwei Dinge aus derselben Quelle — das beschriftete Bild in der Spezifikationsgröße des jeweiligen Kanals und die Maßliste als Text, den Sie in die Spezifikationstabelle und ins alt-Attribut einsetzen. Das ist der Unterschied zwischen einer Annotationssoftware, die wirklich misst, und einem KI-Bildgenerator, der eine plausibel aussehende Zahl neben Ihr Produkt setzt: Die eine kann Ihnen sagen, was sie gemessen hat, der andere hat sie erfunden. Wenn Sie Ihre Produktbilder ohnehin neu aufbauen, ist das Datenblatt der richtige Ort, um die Zahlen lebendig zu machen, denn es ist das Dokument, aus dem sowohl der Käufer als auch Ihr eigener Katalog liest.