Alt-Text für Shopify-Produktbilder: schreiben und gesammelt ergänzen

Zuletzt mit dem Shopify Help Center abgeglichen: 17. Oktober 2026.

Die meisten Shopify-Kataloge enthalten Hunderte von Produktbildern ohne Alt-Text. Das Feld wird leicht übersprungen: Käufer, die das Bild sehen können, bemerken nie, dass er fehlt. Dieser Leitfaden erklärt, wofür Alt-Text da ist, wie Sie ihn für Produktfotos schreiben und wie Sie ihn im gesamten Katalog ausfüllen, ohne etwas kaputt zu machen.

Was Alt-Text ist und wofür er da ist

Shopify beschreibt Alt-Text als Text, der „ein Medienelement beschreibt und ein wichtiger Bestandteil einer Produktbeschreibung ist“. Er wird angezeigt, wenn ein Bild nicht geladen werden kann, und „wird auch von assistiven Technologien verwendet, um sehbehinderten Kunden ein Bild zu beschreiben“ (Shopify-Hilfe: Alt-Text zu Medien hinzufügen).

Wer ihn nutzt:

  • Käufer, die Screenreader verwenden. Das ist der Hauptgrund. Ohne Alt-Text kann ein Screenreader nur ansagen, dass dort ein Bild ist, oder einen Dateinamen vorlesen. Die WCAG, der Standard für Barrierefreiheit im Web, verlangen Textalternativen für aussagekräftige Bilder.
  • Google. Laut Google ist Alt-Text „das wichtigste Attribut, wenn es darum geht, mehr Metadaten für ein Bild bereitzustellen“, und Google nutzt Alt-Text „zusammen mit Computer-Vision-Algorithmen und dem Inhalt der Seite“, um Bilder zu verstehen (Google Search Central: Bilder-SEO).
  • KI-Shopping-Kanäle: vermutlich weniger, als man Ihnen erzählt hat. Shopifys Liste der Produktdetails, die KI-Plattformen nutzen, nennt Bilder, nicht ausdrücklich Alt-Text (Produkte für KI-Plattformen optimieren), und die Signale zur Listing-Qualität im Agentic-Bereich bewerten die Abdeckung mit Bildern. Wir haben keine Dokumentation von Shopify oder OpenAI gefunden, wonach Alt-Text das Ranking in ChatGPT beeinflusst. Schreiben Sie Alt-Text für Menschen und für Google. Ein Vorteil bei KI ist ein Bonus, nicht der Grund.

So schreiben Sie Alt-Text für Produktbilder

Shopifys Rat: „Halten Sie Ihren Alt-Text kurz und beschreibend.“ Das Maximum liegt bei 512 Zeichen, „empfohlen werden jedoch 125 oder weniger“.

Ein Muster, das für die meisten Produktfotos funktioniert:

Was es ist + das Detail, das dieses Bild von den anderen unterscheidet

  • Das Hauptbild: der Produktname in einfachen Worten plus sein wichtigstes sichtbares Merkmal (Farbe, Material, Stil).
  • Variantenbilder: Nennen Sie die gezeigte Variante („in Waldgrün“).
  • Weitere Ansichten: Sagen Sie, was diese Ansicht zeigt, was die anderen nicht zeigen („Rückansicht mit Reißverschlusstasche“).
  • Lifestyle-Aufnahmen: Beschreiben Sie die Szene nur so weit, wie es hilft („mit Jeans getragen auf einer Straße in der Stadt“).

Beispiele:

BildSchwachBesser
HauptfotoIMG_4432.jpgT-Shirt mit Rundhalsausschnitt aus Bio-Baumwolle in Waldgrün
Zweite Ansichtt-shirtT-Shirt aus Bio-Baumwolle, Rückansicht mit aufgedrucktem Logo
Detailaufnahmegrünes tshirt billige tshirts bestes tshirt bio t-shirtNahaufnahme des gerippten Kragens und der Doppelnaht des T-Shirts
Bild mit GrößentabellegrößentabelleStellen Sie die Größentabelle als echten Text auf die Seite. Wenn sie ein Bild bleiben muss, sollte der Alt-Text die Maße enthalten.
Dekorative TrennliniedekorationLeer lassen (nur bei Theme-Bildern, siehe unten)

Regeln, die überall gelten:

  • Beginnen Sie nicht mit „Bild von“ oder „Foto von“. Screenreader sagen bereits an, dass es sich um ein Bild handelt.
  • Betreiben Sie kein Keyword-Stuffing. Googles eigenes Negativbeispiel ist eine Liste von Hunde-Keywords, und Google warnt, dass Keyword-Stuffing „zu einer negativen Nutzererfahrung führt und dazu führen kann, dass Ihre Website als Spam eingestuft wird“.
  • Wiederholen Sie nicht denselben Text auf jedem Bild eines Produkts. Wenn alle fünf Bilder „Voyager-Stiefel“ heißen, erfährt ein Screenreader-Nutzer durch die Bilder zwei bis fünf nichts.
  • Bilder mit Text: Wenn die Wörter auch als echter Text in der Nähe stehen, müssen Sie sie nicht wiederholen. Wenn nicht, gehören die Wörter in den Alt-Text (W3C-Entscheidungsbaum für Alt-Text).
  • Dekorative Bilder, die keine Information hinzufügen, sollten ein leeres Alt-Attribut haben. Produktfotos sind fast nie dekorativ.

Methode 1: Ein Bild nach dem anderen

Am Desktop (Shopify-Hilfe):

  1. Gehen Sie zu Produkte und öffnen Sie das Produkt.
  2. Klicken Sie auf das Bild, um die Medienvorschau zu öffnen.
  3. Klicken Sie auf Alt-Text hinzufügen (Add alt text), geben Sie den Text ein und klicken Sie auf Alt-Text speichern (Save alt text).

Öffnen Sie in der Shopify-App für Mobilgeräte das Produkt, tippen Sie auf das Bild, tippen Sie auf Informationen (Information), geben Sie den Text ein und speichern Sie. Das genügt für Ihre 20 Bestseller, die ohnehin handgeschriebenen Text verdienen.

Methode 2: Shopifys vorgeschlagener Alt-Text

Shopifys Medieneditor „schlägt möglicherweise Alt-Text für Bilder vor, die noch keinen haben“. Laut Shopify werden die Vorschläge „mithilfe von KI generiert, um Ihre Bildinhalte zu beschreiben“ (Shopify-Hilfe: Medieneditor). Wenn Sie einen Vorschlag annehmen, wird er in der Datei gespeichert. Es bleibt aber ein Bild nach dem anderen, und KI-Beschreibungen beschreiben, was sichtbar ist. Prüfen Sie also, ob ein Vorschlag das tatsächliche Produkt und die Farbe nennt statt „eine Person, die ein grünes Shirt trägt“.

Methode 3: CSV-Import (in großen Mengen, kostenlos)

Shopifys Massenbearbeitung deckt Alt-Text für Bilder nicht ab, die Produkt-CSV aber schon. Auf Shopifys Seite zu Alt-Text heißt es: „Sie können Alt-Text auch in einer CSV-Datei hochladen“ (Shopify-Hilfe: CSV-Dateien verwenden).

  1. Exportieren Sie Ihre Produkte als CSV und bewahren Sie eine unveränderte Kopie als Sicherung auf.
  2. Jedes Bild steht in einer eigenen Zeile, mit seiner URL in der Spalte für die Bildquelle und seinem Text in der Spalte Image Alt Text. Füllen Sie die Lücken aus. Eine Tabellenformel kann aus dem Produkttitel und der Variante oder Position einen ersten Entwurf erstellen, den Sie dann von Hand verbessern.
  3. Importieren Sie mit aktivierter Option Produkte mit übereinstimmenden Handles überschreiben (Overwrite products with matching handles).

Seien Sie vorsichtig. Laut Shopify ersetzt beim Überschreiben eine leere, nicht erforderliche Zelle den vorhandenen Wert durch einen leeren Wert. Löschen Sie keine Spalten und leeren Sie keine Zellen, die Sie nicht ändern. Da Shopify Bild-URLs beim Import herunterlädt und erneut hochlädt, testen Sie zuerst mit drei bis fünf Produkten und prüfen Sie, ob Bilder und ihre Reihenfolge stimmen, bevor Sie den Rest importieren.

Methode 4: Apps und die API

  • Entwickler können Alt-Text über die 0-Mutation der Admin GraphQL API setzen, die „Beschreibungen zur Barrierefreiheit für Bilder und andere Medien“ aktualisiert.
  • Apps können dasselbe direkt in Ihrem Adminbereich erledigen. Offenlegung: Unsere App Surfaced findet Produktbilder ohne Alt-Text und füllt sie aus Ihren eigenen Daten: dem Produkttitel plus dem Variantennamen, wenn das Bild zu einer Variante gehört, oder der Nummer der Ansicht bei zusätzlichen Bildern. Sie überschreibt niemals Alt-Text, den Sie selbst geschrieben haben. Sie sehen jede Änderung vorab, jede Änderung wird protokolliert, und Sie können sie rückgängig machen. Der kostenlose Tarif umfasst 25 Korrekturen pro Monat.

Vorlagenbasierter Text wie dieser ist einheitlich und korrekt, aber nur ein Ausgangspunkt. Bearbeiten Sie ihn bei Ihren Bestsellern so, dass er beschreibt, was jede Ansicht tatsächlich zeigt.

Vergessen Sie die Theme-Bilder nicht

Banner-, Slideshow- und Kollektionsbilder in Ihrem Theme werden separat im Theme-Editor festgelegt (Shopify-Hilfe: Alternativtext zu Ihren Theme-Bildern hinzufügen). Hero-Banner mit fest ins Bild eingebettetem Text sind eine häufige Lücke bei der Barrierefreiheit. Schreiben Sie die Botschaft in den Alt-Text oder, besser, als echten Text über das Bild.

Checkliste

  • Jedes Produktbild hat Alt-Text mit höchstens 125 Zeichen
  • Variantenbilder nennen die Variante (Farbe, Muster, Material)
  • Kein „Bild von“, keine Keyword-Listen, kein identischer Text auf allen Bildern eines Produkts
  • Bilder mit wichtigem Text (Größentabellen, Zutatenetiketten) haben diesen Text auf der Seite oder im Alt-Text
  • Die 20 Bestseller haben handgeschriebenen Alt-Text für jede Ansicht
  • Theme-Banner und Slideshow-Bilder haben Alt-Text
  • Jede Farb- oder Stilvariante hat ein eigenes Bild (ohne dieses kann ein KI-Assistent „das grüne“ nicht zeigen)

Alt-Text ist eines von mehreren Produktfeldern, die sich gleichzeitig bereinigen lassen. Als Nächstes: Produktkategorien in großen Mengen festlegen (Englisch) und GTIN-Barcodes hinzufügen (Englisch). Nutzen Sie den kostenlosen KI-Readiness-Checker, um Alt-Text und Ihre übrigen öffentlichen Produktdaten stichprobenartig zu prüfen.

Quellen