Alt-Texte für Produktbilder in Shopify: richtig schreiben und schneller pflegen

Ein guter Alt-Text beschreibt in einem Satz, was auf dem Produktbild zu sehen ist: Produkt, Farbe, Material und die Ansicht, zum Beispiel „Leinenhemd in Salbeigrün, Rückansicht“. In Shopify pflegst du ihn direkt am Bild im Produkt. Schreib für jedes Bild einen eigenen Text, nicht fünfmal den Produkttitel. So helfen die Texte Menschen mit Screenreader, der Google-Bildersuche und KI-Assistenten, die deine Produktseite lesen.

Wofür Alt-Texte gebraucht werden

Der Alt-Text (Alternativtext) steht im HTML als alt-Attribut des Bildes. Er wird angezeigt oder vorgelesen, wenn das Bild nicht sichtbar ist.

• Barrierefreiheit: Screenreader lesen den Alt-Text vor. Ohne ihn hört eine blinde Kundin nur „Bild“ oder einen Dateinamen.
• Bildersuche: Google versteht Bilder auch über den Text, der sie beschreibt. Ein konkreter Alt-Text hilft, dass dein Bild bei passenden Suchen erscheint.
• KI-Assistenten: Systeme wie ChatGPT lesen Produktseiten oft als Text. Was im Alt-Text steht, ist für sie verfügbar. Was nur im Bild zu sehen ist, häufig nicht.

Seit Juni 2025 gilt in Deutschland das Barrierefreiheitsstärkungsgesetz für viele Online-Shops. Kleinstunternehmen mit weniger als 10 Beschäftigten und höchstens 2 Mio. Euro Jahresumsatz sind bei Dienstleistungen ausgenommen. Unabhängig davon sind Alt-Texte eine einfache Maßnahme, die du ohnehin pflegen solltest. Ob das Gesetz für dich gilt, klärst du im Zweifel mit einer Rechtsberatung.

So schreibst du einen guten Alt-Text

Stell dir vor, du beschreibst das Bild am Telefon jemandem, der es nicht sieht. Kurz, konkret, ohne Werbung.

1. Produkt benennen: Was ist es? „Keramikbecher“, nicht „Produktbild“.
2. Sichtbare Merkmale nennen: Farbe, Material, Muster, Form. Nur was man auf dem Bild wirklich sieht.
3. Ansicht oder Situation angeben: Vorderseite, Detail der Naht, getragen am Model, auf dem Esstisch.
4. Kurz bleiben: Ein Satz reicht. Als grobe Richtschnur: unter 125 Zeichen.
5. Keine Füllwörter: „Bild von“ oder „Foto von“ ist überflüssig, der Screenreader sagt ohnehin, dass es ein Bild ist.

Beispiele: schlecht und besser

Schlecht	Besser
IMG_4821.jpg	Handgetöpferter Keramikbecher in Mattweiß mit blauem Rand
Becher	Keramikbecher von oben, gefüllt mit Kaffee
Bester Becher günstig kaufen Kaffeebecher Tasse Geschenk	Keramikbecher in der Hand gehalten, zeigt Größe im Vergleich
Leinenhemd (bei allen 5 Bildern gleich)	Leinenhemd in Salbeigrün, Vorderansicht / Rückansicht / Detail der Kokosknöpfe

Die dritte Zeile ist Keyword-Stopfen. Das liest sich für Menschen schlecht und bringt dir bei Google nichts. Ein Suchbegriff darf vorkommen, wenn er das Bild ehrlich beschreibt.

Alt-Texte in Shopify pflegen

1. Öffne im Shopify-Admin Produkte und wähle ein Produkt.
2. Klick im Bereich Medien auf ein Bild. Es öffnet sich die Vorschau.
3. Trag den Alt-Text in das entsprechende Feld ein und speichere.
4. Wiederhole das für jedes Bild des Produkts.

Shopify gibt den Alt-Text an dein Theme weiter. Die meisten aktuellen Themes nutzen ihn auf der Produktseite. Falls du ein älteres oder stark angepasstes Theme hast, prüf im Quelltext der Produktseite, ob das alt-Attribut wirklich gefüllt ist.

Wenn ein Bild einer bestimmten Variante zugeordnet ist, etwa das grüne Hemd der grünen Variante, sollte der Alt-Text die Farbe nennen. Sonst klingt für einen Screenreader jede Variante gleich.

Schneller pflegen bei vielen Produkten

Bei 200 Produkten mit je fünf Bildern sind das 1.000 Texte. Ein paar Wege, das realistisch zu schaffen:

• Nach Umsatz priorisieren: Fang mit den Produkten an, die am meisten verkaufen oder beworben werden.
• Hauptbild zuerst: Das erste Bild erscheint in Kollektionen, in Google Shopping und beim Teilen. Pflege es für alle Produkte, dann den Rest.
• Muster festlegen: Zum Beispiel „[Produkt] in [Farbe], [Ansicht]“. Das spart Denkzeit, und du passt nur an, was das Bild zeigt.
• Beim Anlegen direkt mitmachen: Neue Produkte gehen nur mit Alt-Texten online. So wächst die Lücke nicht.

Mit Heartly Alt-Texte entwerfen lassen

Heartly prüft für jedes Produkt, ob Bilder ohne Alt-Text vorhanden sind, und rechnet das in den Sichtbarkeits-Score für Google Shopping und KI-Assistenten ein. Im bezahlten Plan entwirft der Assistent „Jetzt beheben“ (Beta, Shopify) Alt-Texte für die Bilder. Du siehst jeden Vorschlag, passt ihn bei Bedarf an und entscheidest, was gespeichert wird. Vorhandene Texte werden nicht still überschrieben, und jede Änderung lässt sich 30 Tage lang rückgängig machen.

Checkliste für jedes Produktbild

• Alt-Text ist vorhanden und nicht der Dateiname.
• Produkt ist benannt.
• Sichtbare Farbe und Material sind genannt, wenn erkennbar.
• Ansicht oder Situation ist beschrieben.
• Jedes Bild hat einen eigenen Text.
• Keine Keyword-Liste, keine Werbesprüche.
• Unter etwa 125 Zeichen.

Typische Fehler, die du vermeiden solltest

• Text im Bild wiederholen, aber nicht beschreiben: Zeigt das Bild eine Größentabelle oder ein Etikett, gehört der wichtigste Inhalt in den Alt-Text oder besser direkt als Text auf die Produktseite.
• Annahmen statt Beobachtung: Schreib nicht „weiches Leinen“, wenn man die Weichheit nicht sieht. Eigenschaften, die man nicht sieht, gehören in die Beschreibung.
• Varianten verwechseln: Wenn du Bilder austauschst, prüf, ob der Alt-Text noch zur Farbe auf dem neuen Bild passt.
• Dateinamen ignorieren: Ein sprechender Dateiname wie leinenhemd-salbeigruen-vorne.jpg ersetzt keinen Alt-Text, schadet aber auch nicht. Benenne Dateien am besten schon vor dem Hochladen sinnvoll.

Plane außerdem eine kurze Kontrolle ein: Ruf einmal im Quartal ein paar Produktseiten auf und lass dir die Seite von der Vorlesefunktion deines Smartphones vorlesen. Du hörst dann sofort, wo Bilder ohne Beschreibung oder mit doppelten Texten auftauchen.

Ein letzter Tipp: Halte deine Muster für Alt-Texte schriftlich fest, etwa in einer kurzen Notiz für alle, die bei dir Produkte anlegen. So schreibt auch eine Aushilfe die Texte im gleichen Stil, und du musst später weniger nacharbeiten.

Häufige Fragen

Soll der Produkttitel im Alt-Text stehen?

Der Produktname darf vorkommen, aber nicht allein. Ergänze, was das konkrete Bild zeigt. Sonst sind alle Bilder eines Produkts für Screenreader identisch.

Brauchen dekorative Bilder einen Alt-Text?

Rein dekorative Elemente wie Trennlinien oder Hintergrundmuster bekommen ein leeres alt-Attribut, damit Screenreader sie überspringen. Produktbilder sind nie dekorativ.

Wirken sich Alt-Texte auf Google Shopping aus?

Google Shopping nutzt vor allem die Felder in deinem Produktfeed wie Titel, Beschreibung und Bild-URL. Alt-Texte wirken auf deiner Produktseite, die Google ebenfalls crawlt, und auf die Google-Bildersuche.

Kann ich Alt-Texte per CSV importieren?

Ja. Der Shopify-Produktexport enthält die Spalte Image Alt Text. Du kannst sie ergänzen und die Datei wieder importieren. Mach vorher eine Sicherung des Exports.

So prüfst du deinen Katalog

Du willst wissen, wie viele deiner Produkte gerade betroffen sind? Der kostenlose Sichtbarkeits-Check funktioniert ohne Installation. Wenn du die Lücken direkt in Shopify schließen willst, findest du Heartly im Shopify App Store (19 $ im Monat, 14 Tage kostenlos testen).