Was ist ein Alt-Text und warum ist er wichtig?
Ein Alt-Text, ausgeschrieben alternativer Text oder alt text, ist die kurze Beschreibung, die im Code Ihres Webshops zu einem Bild hinterlegt ist. Besucher sehen ihn normalerweise nicht, aber ein Screenreader liest ihn Menschen mit Sehbehinderung oder blinden Menschen vor. Wenn ein Bild nicht geladen wird, erscheint der Alt-Text anstelle des Bildes.
Außerdem nutzen Suchmaschinen den Alt-Text, um zu verstehen, was auf einem Foto zu sehen ist. Google nennt den Alt-Text zusammen mit dem Text rund um das Bild und dem Dateinamen als wichtige Quelle für Google Bilder. Für Mode, bei der viele Menschen über Bilder suchen, ist das ein Sichtbarkeitskanal, der oft ungenutzt bleibt.
In der Praxis steht bei vielen Webshops nichts, der Dateiname oder eine Artikelnummer wie 4073AS252-BLK-M. Das sagt einem Kunden mit Screenreader nichts und Google nur wenig. Ein beschreibender Satz pro Bild löst beides.
So sieht ein guter Alt-Text für ein Produktfoto aus
Beschreiben Sie, was jemand sieht, der das Foto nicht sehen kann, und was er wissen muss, um eine Wahl zu treffen. Bei einem Produktfoto sind das die Marke, der Produkttyp, die Farbe und gegebenenfalls das Material oder ein auffälliges Detail. Bei mehreren Bildern desselben Produkts machen Sie den Unterschied über die Ansicht deutlich: Vorderansicht, Rückansicht, Detail oder am Model.
Halten Sie es kurz. Screenreader lesen den gesamten Text vor, und die gängige Empfehlung liegt bei höchstens etwa 125 Zeichen. Beginnen Sie nicht mit Bild von oder Foto von, denn ein Screenreader meldet bereits, dass es sich um ein Bild handelt. Vermeiden Sie Keyword-Listen: Google wertet das als Spam, und Nutzer von Screenreadern steigen dabei aus.
Rein dekorative Bilder, etwa eine Zierlinie oder ein Hintergrundmuster, erhalten einen leeren Alt-Text, damit ein Screenreader sie überspringt. Produktfotos sind nie dekorativ: Sie brauchen immer eine Beschreibung.
- Marke und Produktname, wie der Kunde sie im Webshop sieht
- Produkttyp und Zielgruppe, zum Beispiel Damenjacke oder Herren-Chino
- Farbe in einfachen Worten, nicht der Farbcode des Lieferanten
- Die Ansicht: Vorderansicht, Rückansicht, Seitenansicht, Detail oder am Model
- Optional ein auffälliges Detail, etwa Ankerknöpfe oder ein Gürtel
Beispiele für Mode: richtig und falsch
Der Unterschied liegt oft in wenigen Wörtern. Unten sehen Sie häufige Fehler neben einer besseren Version – für dieselbe Art von Produktbildern wie auf dieser Seite. Die guten Versionen wiederholen keine Keywords und enthalten trotzdem alles, wonach jemand sucht.
| Bild | Falsch | Besser |
|---|---|---|
| Packshot einer Jacke | IMG_4021.jpg | Dunkelblauer zweireihiger Woll-Peacoat mit goldfarbenen Knöpfen, Vorderansicht |
| Modelfoto | Schöne Frau in Jacke | Langer cremefarbener Wollmantel mit Gürtel am Model, getragen mit brauner Stoffhose |
| Rückseite | Mantel creme Mantel Wollmantel Damen Mantel Wintermantel Sale | Langer cremefarbener Wollmantel mit Gürtel, Rückansicht am Model |
| Detail | Detailaufnahme | Nahaufnahme der goldfarbenen Ankerknöpfe an einem dunkelblauen Peacoat |
| Lieferantenbild | 4073AS252-NVY-M | Markenname Damen-Peacoat in Navy, Vorderansicht |
| Stimmungsbild | Leer | Frau in camelfarbenem Mantel fährt mit dem Fahrrad an einer Gracht entlang |
SEO: Alt-Text, Dateiname und structured data
Der Alt-Text funktioniert am besten zusammen mit einem klaren Dateinamen. Google empfiehlt, beschreibende Dateinamen statt Kameranamen wie IMG_4021.jpg zu verwenden. Ein Name wie peacoat-dames-navy-voorkant.jpg oder Ihre feste Struktur mit Artikelnummer, Farbe und laufender Nummer hilft Suchmaschinen und Ihrem eigenen Team. Verwenden Sie Bindestriche und Kleinbuchstaben, keine Leerzeichen.
Daneben gibt es Structured Data, auch schema.org-Markup genannt. Mit dem Typ Product übermitteln Sie Suchmaschinen in einer festen Struktur Produktname, Preis, Verfügbarkeit und Produktbilder. Die meisten Webshop-Plattformen und Themes erzeugen dieses Markup automatisch aus den Produktbildern und -daten. Prüfen Sie mit dem Test für Rich Results von Google, ob Ihre Bilder darin enthalten sind.
Zum Schluss zählt der Kontext. Ein Alt-Text, der zum Produkttitel, zur Beschreibung und zu den Überschriften auf der Seite passt, stärkt das Gesamtbild. Ein Alt-Text, der etwas anderes aussagt als der Titel, zum Beispiel einen anderen Farbnamen, sorgt dagegen für Verwirrung bei Kunde und Suchmaschine.
Barrierefreiheit und der European Accessibility Act
Seit dem 28. Juni 2025 gilt in der EU der European Accessibility Act. In den Niederlanden überwacht die ACM seitdem die digitale Barrierefreiheit von Webshops: Websites und Apps, über die Sie Produkte oder Dienstleistungen kaufen. Laut ACM gelten die Regeln für Unternehmen mit 10 oder mehr Beschäftigten und/oder einem Jahresumsatz von mehr als 2 Millionen Euro.
Als technischer Maßstab wird in der Praxis die europäische Norm EN 301 549 verwendet, die an die internationalen Richtlinien WCAG 2.1 auf Stufe AA anschließt. Eine der ersten Anforderungen darin ist, dass jedes informative Bild eine Textalternative hat. Produktfotos ohne Alt-Text sind also kein Detail, sondern einer der am häufigsten gefundenen Schwachpunkte.
Alt-Texte sind nur ein Teil davon. Auch ein Bestellprozess, der per Tastatur funktioniert, ausreichende Farbkontraste und klare Formulare gehören dazu. Wenn Sie unsicher sind, ob das Gesetz für Ihren Webshop gilt oder was Sie genau tun müssen, informieren Sie sich auf der Website der ACM oder fragen Sie einen Spezialisten für Barrierefreiheit; dieser Artikel ist keine Rechtsberatung.
Auch wenn das Gesetz für Sie nicht gilt: Ein Webshop, der mit einem Screenreader nutzbar ist, verkauft an mehr Kunden.
Wann automatische Alt-Texte nicht ausreichen
Alt-Texte aus Artikeldaten sind zuverlässig und konsistent, beschreiben aber, was in den Daten steht – nicht die Stimmung eines Kampagnenbildes. Für einige wenige Hero-Bilder auf Ihrer Startseite oder in einem Lookbook ist eine handgeschriebene Beschreibung oft besser. Dort möchten Sie erzählen, was passiert, nicht nur, um welches Produkt es sich handelt.
Außerdem gilt: Müll rein, Müll raus. Wenn die Farbe in Ihrem Kassensystem als BLK oder 999 steht oder der Produktname ein interner Code ist, wird der Alt-Text dadurch nicht besser. Wenn Sie nur zwanzig Produkte haben, schreiben Sie die Alt-Texte schneller selbst in der Verwaltung Ihres Webshops, als dafür ein System einzurichten.
Wie Photopilot Alt-Texte schreibt
Beim Veröffentlichen in Shopify, WooCommerce und BigCommerce fügt Photopilot jedem Bild einen beschreibenden Alt-Text hinzu, basierend auf Produktname, Marke und Farbe. Wenn Marke oder Farbe bereits im Produktnamen stehen, werden sie nicht wiederholt. Erst wenn kein Produktname bekannt ist, greift Photopilot auf die Artikelnummer zurück, damit ein Bild nie ohne Text bleibt.
In der Webshop-Excel und bei Exporten in Dateien erhält jedes Bild einen eigenen Alt-Text, der die Ansicht ergänzt, etwa Vorderansicht, Rückansicht oder am Model, zusammen mit Zielgruppe und Produkttyp, in der Form Marke und Name, Damenjacke in Navy, Vorderansicht am Model. Der Text bleibt unter 125 Zeichen, und Großschreibung aus Lieferantenlisten wird sauber normalisiert.
Diese Texte stammen direkt aus Ihren Artikeldaten und nicht aus einem Sprachmodell. Dieselben Daten ergeben also immer denselben Text, und es wird nichts hinzuerfunden. Bei einem FTP- oder SFTP-Export erhalten die Dateien die Namen, die Ihr Webshop erwartet, zum Beispiel mit Artikelnummer, Farbe und laufender Nummer. Das gehört zur Veröffentlichung, die im Monatsplan ab 500 € pro Monat enthalten ist.
