Alt-Texte für WooCommerce-Produktbilder: Der komplette Leitfaden

Produktbilder gehören zu den wichtigsten Inhalten eines WooCommerce-Shops.

Sie zeigen Farbe, Form, Material, Details, Varianten und oft auch, wie ein Produkt verwendet wird.

Wenn ein Bild diese Informationen vermittelt, sollte sein Alt-Text dieselbe Aufgabe übernehmen, wenn das Bild nicht gesehen werden kann.

Ein guter Alt-Text ist dabei weder eine Liste von SEO-Keywords noch eine technische Beschreibung der Bilddatei.

Er beschreibt kurz und verständlich, was an diesem konkreten Bild für den Nutzer relevant ist.

Dieser Leitfaden zeigt, wie gute Alt-Texte für WooCommerce-Produktbilder aussehen, welche typischen Fehler Shops machen und wie sich große Bildkataloge sinnvoll prüfen lassen.

Was ist ein Alt-Text?

Ein Alt-Text, auch Alternativtext genannt, beschreibt den Inhalt oder die Funktion eines Bildes.

Im HTML steht er im alt-Attribut eines Bildes:

<img src="/ledertasche.jpg" alt="Schwarze Leder-Umhängetasche">

Der Alternativtext ist besonders wichtig, wenn Nutzer das Bild nicht sehen können oder einen Screenreader verwenden.

Auch Suchmaschinen können Alt-Texte als zusätzliche Information nutzen, um den Inhalt eines Bildes und den Kontext der Seite besser zu verstehen.

Das bedeutet aber nicht, dass möglichst viele Keywords automatisch einen besseren Alt-Text ergeben.

Der wichtigste Ausgangspunkt bleibt:

Was zeigt dieses Bild, das für den Nutzer relevant ist?

Wie sieht ein guter Alt-Text für ein Produktbild aus?

Ein guter Alt-Text ist:

• konkret;
• verständlich;
• passend zum tatsächlichen Bild;
• so kurz wie sinnvoll;
• frei von unnötigen Keywords;
• auf dieses Bild bezogen.

Angenommen, ein WooCommerce-Shop verkauft eine schwarze Leder-Umhängetasche.

Schwach:

Produkt

Schwach:

Tasche

Schwach:

beste schwarze Tasche Leder Tasche kaufen online

Besser:

Schwarze Leder-Umhängetasche

Wenn das Bild eine bestimmte Ansicht zeigt:

Seitenansicht der schwarzen Leder-Umhängetasche

Oder ein Detail:

Nahaufnahme von Reißverschluss und Ledernaht der schwarzen Umhängetasche

Der Alt-Text muss keinen literarischen Preis gewinnen.

Er muss das Bild verständlich beschreiben.

Der Produktname ist oft ein guter Ausgangspunkt

Für das Hauptbild eines Produkts ist ein klarer Produktname häufig bereits eine gute Basis.

Beispiel:

Produkt:

Weiße Keramik-Tischlampe

Alt-Text:

Weiße Keramik-Tischlampe

Das funktioniert, wenn das Bild genau das zeigt.

Problematisch wird es, wenn der Produktname sehr lang oder mit Marketingbegriffen überladen ist.

Produktname:

Premium Scandinavian Nordic Minimalist Ceramic Table Lamp – White Edition

Diesen kompletten Titel in das alt-Attribut zu kopieren, macht die Beschreibung nicht automatisch besser.

Ein natürlicher Alternativtext wäre:

Weiße Keramik-Tischlampe

Alt-Text ist Bildbeschreibung, nicht Produktfeed.

Hauptbild und Galeriebilder sollten nicht automatisch denselben Alt-Text haben

Viele WooCommerce-Produkte haben mehrere Bilder.

Zum Beispiel:

• Hauptansicht;
• Seitenansicht;
• Rückseite;
• Detailaufnahme;
• Verpackung;
• Lifestyle-Bild.

Ein häufiger Fehler ist, jedem Bild denselben Alt-Text zu geben.

Beispiel:

Schwarzer Lederrucksack

Schwarzer Lederrucksack

Schwarzer Lederrucksack

Schwarzer Lederrucksack

Technisch sind alle Felder ausgefüllt.

Aber die zusätzlichen Informationen der Bilder gehen verloren.

Besser:

Schwarzer Lederrucksack

Seitenansicht des schwarzen Lederrucksacks

Rückseite des schwarzen Lederrucksacks mit gepolsterten Trägern

Innenfächer des schwarzen Lederrucksacks

Nahaufnahme von Lederstruktur und Nähten

Die Beschreibungen müssen nicht künstlich unterschiedlich sein.

Sie sollten unterscheiden, was die Bilder tatsächlich unterschiedlich zeigen.

Wie du Hauptbild, weitere Ansichten und Detailfotos eines einzelnen Produkts beschreibst, zeigt der Ratgeber zu Alt-Texten für WooCommerce-Produktgalerien.

Alt-Texte für Detailbilder

Detailbilder existieren normalerweise aus einem bestimmten Grund.

Sie zeigen zum Beispiel:

• Material;
• Naht;
• Verschluss;
• Oberfläche;
• Anschluss;
• Muster;
• Verarbeitung.

Der Alt-Text sollte diese Information aufgreifen.

Beispiel Möbel:

Nahaufnahme der Holzmaserung des Eichentisches

Beispiel Kleidung:

Nahaufnahme von Knöpfen und Nähten des blauen Wollmantels

Beispiel Tasche:

Innenfächer der schwarzen Lederhandtasche

Nur den Produktnamen zu wiederholen, verschenkt hier einen großen Teil der Information des Bildes.

Alt-Texte für Lifestyle-Bilder

Lifestyle-Bilder zeigen ein Produkt in einem realen Kontext.

Zum Beispiel:

Weiße Tischlampe auf einem Nachttisch

Schwarzer Rucksack auf dem Rücken einer Person

Thermobecher im Getränkehalter eines Autos

Solche Beschreibungen können Kontext, Verwendung oder Größenverhältnisse vermitteln.

Nicht hilfreich ist dagegen Werbesprache wie:

Wunderschöne Premium-Tischlampe für ein stilvolles modernes Zuhause

Das klingt nach Produktmarketing.

Nicht nach einer Beschreibung des Bildes.

Was ist mit Farben?

Wenn Farbe eine sichtbare und relevante Eigenschaft des Bildes ist, kann sie in den Alt-Text gehören.

Zum Beispiel:

Dunkelgrüner Leinen-Sessel

Terrakottafarbene Keramikvase

Weiße Ledersneaker

Gerade bei WooCommerce-Produkten mit Farbvarianten kann diese Information wichtig sein.

Wie du wechselnde Farben, Materialien und Ausführungen konkret beschreibst, zeigt der Ratgeber zu WooCommerce-Variantenbildern und Alt-Texten.

Aber auch hier gilt:

Nicht einfach alle Produktattribute in den Alt-Text kopieren.

Wenn ein Attribut im Bild nicht erkennbar ist, muss es nicht automatisch Teil der Bildbeschreibung werden.

Was ist mit Größen?

Größe ist ein gutes Beispiel für ein Attribut, das oft nicht in den Alt-Text gehört.

Angenommen, ein T-Shirt ist in S, M und L erhältlich.

Wenn alle drei Varianten dasselbe Produktfoto verwenden, bringen diese drei Alt-Texte wenig:

Schwarzes T-Shirt Größe S

Schwarzes T-Shirt Größe M

Schwarzes T-Shirt Größe L

Das Bild zeigt visuell wahrscheinlich keinen sinnvollen Unterschied.

Die Größe gehört dann in die Produktauswahl und Produktinformationen, nicht zwangsläufig in die Bildbeschreibung.

Alt-Text sollte das Bild beschreiben, nicht die komplette WooCommerce-Datenbankzeile.

Dateinamen sind keine guten Alt-Texte

In älteren oder großen Shops findet man häufig Werte wie:

IMG_4821

DSC00128

product-final-2

black-shoe-side

SKU_4481_main

Solche Namen können intern praktisch sein.

Für Nutzer beschreiben sie das Bild kaum.

Aus:

black-leather-wallet-side.jpg

kann zum Beispiel werden:

Seitenansicht einer schwarzen Ledergeldbörse

Der Dateiname kann einen Hinweis liefern.

Er sollte aber nicht automatisch der sichtbare Alternativtext werden.

Vermeide generische Alt-Texte

Auch diese Werte sind meistens zu schwach:

Bild

Foto

Produkt

Artikel

Produktbild

Sie sagen zwar, dass etwas dargestellt wird.

Aber sie sagen nicht, was dargestellt wird.

Wenn das Bild einen grünen Keramikbecher zeigt, ist:

Grüner Keramikbecher

wesentlich informativer als:

Produktbild

Vermeide Keyword-Stuffing

Alt-Texte sollten relevante Produktbegriffe enthalten dürfen.

Aber sie sind kein Platz für Suchbegriff-Listen.

Schlecht:

schwarze Schuhe Leder Schuhe Herren Schuhe kaufen beste Schuhe online

Besser:

Schwarze Herren-Lederschuhe

Die bessere Version enthält weiterhin die relevanten Produktinformationen.

Sie beschreibt nur tatsächlich ein Bild, statt mit Google zu verhandeln wie ein Händler auf einem Basar.

Nicht jedes Bild braucht beschreibenden Alt-Text

Ein leeres Alt-Attribut ist nicht automatisch ein Fehler.

Rein dekorative Bilder sollten normalerweise ein leeres alt-Attribut haben:

<img src="/decoration.svg" alt="">

Dadurch können assistive Technologien das dekorative Element ignorieren.

Bei Produktbildern ist die Situation allerdings häufig anders.

Wenn ein Bild:

• das Produkt zeigt;
• eine andere Ansicht zeigt;
• ein Materialdetail zeigt;
• eine Farbvariante zeigt;
• Zubehör zeigt;
• die Anwendung zeigt;

dann vermittelt es normalerweise relevante Information.

Die entscheidende Frage lautet:

Verliert der Nutzer wichtige Produktinformation, wenn er dieses Bild nicht sehen kann?

Wenn ja, ist ein beschreibender Alt-Text in der Regel sinnvoll.

Gute und schlechte Alt-Texte: Beispiele

Die besseren Beispiele sind nicht deshalb besser, weil sie länger sind.

Sie enthalten einfach mehr von der Information, die das jeweilige Bild vermittelt.

Wie lang sollte ein Alt-Text sein?

Es gibt keine sinnvolle Regel, nach der jeder Alt-Text eine bestimmte Wort- oder Zeichenzahl erreichen muss.

Manche Bilder brauchen nur wenige Wörter:

Schwarze Lederhandtasche

Andere brauchen etwas mehr:

Innenansicht der schwarzen Lederhandtasche mit drei Fächern

Die bessere Regel lautet:

So kurz wie möglich, so ausführlich wie nötig.

Vermeide Details, die für das Verständnis des Produkts keine Rolle spielen.

Zum Beispiel muss ein Alt-Text normalerweise nicht erwähnen, dass das Produkt:

• vor einem weißen Studiohintergrund fotografiert wurde;
• leicht nach rechts gedreht ist;
• einen weichen Schatten wirft;

wenn diese Informationen für das Produkt selbst bedeutungslos sind.

Alt-Text sollte nichts erfinden

Bei automatisch generierten Alt-Texten ist das besonders wichtig.

Angenommen, ein Bild zeigt einen weißen Pullover.

Ein Modell sollte nicht automatisch schreiben:

Weißer Pullover aus 100 % Bio-Merinowolle

wenn das Material aus dem Bild nicht zuverlässig erkennbar ist.

Produktdaten können hilfreichen Kontext liefern.

Aber zusätzliche Informationen sollten nur verwendet werden, wenn sie zuverlässig sind und zur Bildbeschreibung passen.

Ein guter Alt-Text ist lieber etwas einfacher als kreativ falsch.

Bereits gute Alt-Texte müssen nicht neu geschrieben werden

Ein weiterer häufiger Fehler bei großen Optimierungsprojekten ist, einfach alle vorhandenen Alt-Texte zu ersetzen.

Das ist selten notwendig.

Wenn ein Produktbild bereits diesen Alt-Text hat:

Blauer Keramikbecher mit weißem Henkel

und das Bild genau das zeigt, gibt es keinen offensichtlichen Grund, daraus etwas Neues zu generieren.

Ein bestehender Alt-Text sollte vor allem dann ersetzt werden, wenn ein klarer Fehler vorliegt.

Zum Beispiel:

• Alt-Text fehlt;
• generischer Text wie Bild oder Produkt;
• Dateiname statt Beschreibung;
• falsche Beschreibung;
• Keyword-Stuffing;
• unterschiedliche Galeriebilder verwenden denselben unbrauchbaren Text.

Das Ziel ist nicht, möglichst viele Texte zu generieren.

Das Ziel ist, problematische Bildbeschreibungen zu verbessern. Wenn du dafür Alt-Texte automatisch mit KI erstellen möchtest, sollte die KI genau diese Problemfälle ersetzen und gute Beschreibungen unangetastet lassen.

Warum große WooCommerce-Shops ein anderes Problem haben

Bei zehn Produktbildern kann man die Alt-Texte problemlos manuell prüfen.

Bei 500 Produkten mit jeweils fünf Bildern sind es bereits 2.500 Bilder.

Für so große Kataloge ist es hilfreich, WooCommerce Alt-Texte im Bulk hinzufügen zu können, statt jedes Bild einzeln zu öffnen.

Und diese Bilder haben meistens nicht alle dasselbe Problem.

Ein Shop kann gleichzeitig enthalten:

• Bilder ohne Alt-Text;
• gute bestehende Alt-Texte;
• Dateinamen als Alt-Text;
• generische Beschreibungen;
• doppelte Beschreibungen in Galerien;
• dekorative Bilder mit korrektem leerem Alt-Attribut.

Deshalb ist es wenig sinnvoll, einfach jeden Alt-Text im Shop neu zu generieren.

Zuerst sollte klar sein, welche Bilder tatsächlich ein Problem haben.

WooCommerce-Alt-Texte sinnvoll prüfen

Ein praktischer Workflow sieht so aus:

1. Shop scannen

Prüfe die Bilder, die auf den tatsächlichen Shop-Seiten dargestellt werden.

2. Probleme unterscheiden

Trenne zum Beispiel:

• fehlende Alt-Texte;
• gute bestehende Alt-Texte;
• generische Beschreibungen;
• Dateinamen;
• offensichtlich schlechte oder falsche Texte.

3. Gute Alt-Texte behalten

Nicht jede vorhandene Beschreibung muss ersetzt werden.

4. Klare Probleme korrigieren

Bearbeite die Bilder, bei denen eine Änderung wirklich sinnvoll ist.

5. Shop erneut prüfen

Kontrolliere, ob die neuen Werte tatsächlich auf der Website ausgegeben werden.

Genau auf diesem Ablauf basiert IMSCRIB:

scannen → Probleme erkennen → korrigieren → erneut scannen

Wie du gezielt fehlende und problematische Alt-Texte finden kannst, zeigt der eigene Ratgeber dazu.

Alt-Texte und Bilder-SEO

Alt-Texte können Suchmaschinen zusätzlichen Kontext zu einem Bild geben.

Das macht sie zu einem sinnvollen Bestandteil der Bildoptimierung.

Sie sind aber kein magischer Ranking-Hebel.

Ein Shop wird nicht automatisch besser ranken, nur weil in jedem alt-Attribut möglichst viele Keywords stehen.

Gute Bilder-SEO besteht aus mehreren Faktoren, zum Beispiel:

• sinnvollen Bildern;
• passenden Dateiformaten;
• vernünftigen Dateigrößen;
• verständlichem Seitenkontext;
• sauberem HTML;
• guten Alt-Texten für informative Bilder.

Alt-Texte sollten deshalb zuerst korrekt und nützlich sein.

SEO ist ein zusätzlicher Nutzen, kein Grund, die Beschreibung unnatürlich zu machen.

Alt-Texte und Barrierefreiheit

Alt-Texte sind außerdem ein wichtiger Bestandteil barrierefreier Websites.

Sie helfen Nutzern, die Bilder nicht oder nur eingeschränkt wahrnehmen können, den relevanten Bildinhalt zu verstehen.

Bei einem Onlineshop kann dieser Bildinhalt kaufentscheidend sein.

Ein Produktfoto zeigt möglicherweise:

• Farbe;
• Form;
• Oberfläche;
• Ausstattung;
• Variante;
• Details.

Wenn diese Information nur visuell verfügbar ist, kann ein sinnvoller Alternativtext einen Teil davon zugänglich machen.

Alt-Texte allein machen einen WooCommerce-Shop allerdings nicht vollständig barrierefrei.

Barrierefreiheit betrifft viele weitere Bereiche wie Navigation, Formulare, Kontraste, Tastaturbedienung und den Checkout.

Was Shopbetreiber zu WooCommerce Alt-Texte, Barrierefreiheit und BFSG wissen sollten, steht im eigenen Ratgeber dazu.

FAQ

Brauchen WooCommerce-Produktbilder Alt-Texte?

Bedeutungsvolle Produktbilder sollten in der Regel einen sinnvollen Alternativtext haben. Rein dekorative Bilder können dagegen ein leeres alt-Attribut verwenden.

Was sollte im Alt-Text eines Produktbildes stehen?

Beschreibe kurz das Produkt und die Information, die dieses konkrete Bild vermittelt. Bei einem Hauptbild kann der Produktname reichen. Detail- oder Galeriebilder sollten relevante Unterschiede beschreiben.

Kann ich einfach den Produktnamen als Alt-Text verwenden?

Für ein einfaches Hauptbild kann das sinnvoll sein. Für mehrere Galeriebilder reicht derselbe Produktname häufig nicht aus, weil unterschiedliche Bilder unterschiedliche Informationen zeigen.

Sollte ich Keywords in WooCommerce-Alt-Texte schreiben?

Relevante Produktbegriffe dürfen selbstverständlich vorkommen. Vermeide aber Keyword-Stuffing oder Suchbegriff-Listen, die keine natürliche Bildbeschreibung ergeben.

Müssen alle Alt-Texte eindeutig sein?

Nein. Alt-Texte müssen nicht künstlich einzigartig sein. Unterschiedliche Bilder sollten jedoch unterschiedlich beschrieben werden, wenn sie unterschiedliche relevante Informationen vermitteln.

Wie finde ich fehlende oder schlechte Alt-Texte in WooCommerce?

Bei kleinen Shops kannst du Bilder manuell prüfen. Bei größeren Produktkatalogen ist ein Site-Scan sinnvoller, um fehlende, generische oder andere problematische Alt-Texte systematisch zu finden.

Wie du dabei das gerenderte HTML und vorhandene Texte Schritt für Schritt kontrollierst, zeigt der Ratgeber zum Prüfen von WooCommerce Alt-Texten.

Fazit

Gute WooCommerce-Alt-Texte sind keine komplizierte SEO-Formel.

Sie beantworten im Grunde eine einfache Frage:

Was zeigt dieses Bild, das für den Nutzer wichtig ist?

Das Hauptbild kann das Produkt allgemein beschreiben.

Galeriebilder können zusätzliche Ansichten und Details erklären.

Farbvarianten können die sichtbare Farbe nennen.

Dekorative Bilder brauchen möglicherweise gar keinen beschreibenden Alt-Text.

Und vorhandene gute Alt-Texte müssen nicht neu geschrieben werden, nur weil automatisierte Generierung möglich ist.

Bei großen WooCommerce-Shops liegt die eigentliche Herausforderung deshalb nicht nur im Schreiben.

Sie liegt darin, zuerst herauszufinden, welche Bilder überhaupt ein Problem haben.

Genau dort beginnt ein sinnvoller Workflow:

scannen → Probleme erkennen → korrigieren → erneut scannen