WooCommerce Alt-Texte prüfen: So findest du fehlende und schlechte Alt-Texte

Ein WooCommerce-Shop kann technisch überall Alt-Texte haben und seine Bilder trotzdem schlecht beschreiben. Im HTML steht dann etwa alt="", alt="Produkt" oder alt="IMG_4821". Manchmal tragen sogar fünf verschiedene Galeriebilder denselben Produktnamen.

Ein vorhandener Alt-Text ist nicht automatisch ein guter Alt-Text. Wer WooCommerce Alt-Texte prüfen will, muss deshalb sowohl leere Werte finden als auch vorhandene Texte im Kontext des jeweiligen Bildes lesen. Maßgeblich ist dabei das HTML im Live-Shop, nicht allein das Feld in der WordPress-Mediathek.

Was sollte man bei WooCommerce Alt-Texten prüfen?

Diese Fälle sind Prüfpunkte, keine pauschalen Fehlerurteile. Zwei Bilder können sinnvoll denselben Alt-Text haben, wenn sie dieselbe Information vermitteln. Auch ein leeres Attribut kann richtig sein. Entscheidend ist, welche Rolle das Bild auf der konkreten Shop-Seite spielt.

1. Fehlende Alt-Texte finden

Bei der technischen Prüfung gibt es drei unterschiedliche Zustände: Ein <img>-Element hat gar kein alt-Attribut, es hat ein leeres alt="", oder es enthält eine Beschreibung wie alt="Schwarze Lederstiefel von vorne". Schon diese Unterscheidung verhindert, dass du jedes leere Feld ungeprüft als Fehler behandelst.

Für eine dekorative Trennlinie oder ein rein schmückendes Element ist alt="" sinnvoll. Ein Hauptproduktbild, das Farbe und Form eines Artikels zeigt, vermittelt dagegen normalerweise relevante Information. Fehlt dort die Beschreibung, solltest du das Bild prüfen und gegebenenfalls einen passenden Text ergänzen.

Wie du solche Fälle systematisch findest und bearbeitest, zeigt der eigene Ratgeber zu fehlenden Alt-Texten in WooCommerce. Für diesen Audit reicht zunächst die Frage: Fehlt das Attribut, ist es bewusst leer, oder ist ein Text vorhanden?

2. Generische Alt-Texte erkennen

Bild, Produkt, Produktfoto und Shop Bild füllen das Alt-Feld technisch aus. Sie verraten aber kaum, was auf einem bestimmten Produktfoto zu sehen ist. Ein Nutzer erfährt daraus weder, welches Produkt abgebildet ist, noch welche Ansicht oder welches Detail das Bild zeigt.

Prüfe solche Werte direkt neben dem Bild. Bei einem Foto einer roten Keramiktasse wäre Rote Keramiktasse mit Henkel beispielsweise konkreter als Produktfoto. Bei einer Detailaufnahme kann eine andere Eigenschaft wichtig sein, etwa Nahaufnahme der glasierten Oberfläche. Die Beschreibung soll dem Bild entsprechen; zusätzliche Suchbegriffe ohne sichtbaren Bezug helfen nicht.

Eine Liste verdächtiger Wörter ist ein guter Start, aber sie ersetzt die Sichtprüfung nicht. Manche sehr kurzen Alt-Texte passen zum Kontext, während längere Texte trotz vieler Wörter unbrauchbar sein können. Für Formulierungsbeispiele bei Hauptbildern und Galerien gibt es den Leitfaden zu Alt-Texten für WooCommerce-Produktbilder.

3. Dateinamen als Alt-Text erkennen

Werte wie IMG_1234, DSC_9221 oder schuh-blau-final-2.jpg deuten häufig darauf hin, dass ein Dateiname in das Alt-Feld gelangt ist. Solche Zeichenfolgen können intern beim Sortieren helfen. Als Beschreibung dessen, was ein Nutzer auf der Seite sieht, sind sie meist ungeeignet.

Dabei solltest du nicht blind aus dem Dateinamen einen Satz machen. schuh-blau-final-2.jpg sagt zum Beispiel nicht, ob das Foto den ganzen Schuh, die Sohle oder eine Nahaufnahme des Materials zeigt. Öffne das Bild und beschreibe die tatsächlich sichtbare, relevante Information. Ein präziser Alt-Text kann kurz sein; er muss keine Dateiverwaltung dokumentieren.

Bei importierten Katalogen lohnt sich dieser Prüfschritt besonders. Wenn viele Bilder nach demselben Muster benannt wurden, kannst du verdächtige Alt-Werte leichter sammeln. Welche neue Beschreibung passt, entscheidest du anschließend anhand des jeweiligen Bildes.

4. Doppelte Alt-Texte in Produktgalerien prüfen

Ein Produkt namens Schwarze Lederstiefel hat fünf Galeriebilder: Vorderansicht, Seitenansicht, Rückansicht, Sohle und Materialdetail. Wenn alle fünf Bilder Schwarze Lederstiefel als Alt-Text tragen, geht der Unterschied zwischen den Ansichten verloren.

Passender wären zum Beispiel:

• Schwarze Lederstiefel von vorne
• Schwarze Lederstiefel von der Seite
• Rückansicht der schwarzen Lederstiefel
• Profil der Gummisohle
• Detail der schwarzen Lederoberfläche

Das bedeutet nicht, dass jeder Alt-Text im Shop einzigartig sein muss. Wird dasselbe Bild an zwei Stellen mit derselben Aussage verwendet, kann dieselbe Beschreibung passen. Prüfe Duplikate vor allem innerhalb einer Galerie: Zeigen die Bilder verschiedene nützliche Details, sollten ihre Texte diese Unterschiede möglichst wiedergeben.

Ein schneller manueller Vergleich funktioniert, indem du die sichtbaren Bilder einer Produktseite der Reihe nach ansiehst und ihre finalen alt-Werte daneben notierst. So fällt auf, ob ein Produkttitel mehrfach eingesetzt wurde, obwohl die Bilder andere Ansichten zeigen.

Konkrete Formulierungen für Hauptbild, weitere Ansichten und Details findest du im Ratgeber zu Alt-Texten für WooCommerce-Produktgalerien.

5. Automatisch erzeugte oder übernommene Alt-Texte prüfen

Ein leeres Alternative-Text-Feld in WordPress bedeutet nicht zwingend, dass im Shop alt="" erscheint. WooCommerce oder das aktive Theme kann je nach Template einen Fallback verwenden. Auch ein Block, eine Galerie oder ein Plugin kann beeinflussen, was am Ende ausgegeben wird.

Falls du in der Mediathek zwischen Alternativtext, Bildtitel, Beschriftung und Beschreibung schwankst, erklärt der Ratgeber Alt-Text vs. Bildtitel in WooCommerce die Aufgaben dieser Felder.

Ein einfaches Beispiel:

Dieser Fallback ist nicht automatisch schlecht. Für ein Hauptbild, das genau diesen Hoodie zeigt, kann der Produkttitel ausreichen. Bei einer Rückansicht mit großem Aufdruck oder einem Detail der Kapuze würde derselbe Text möglicherweise eine wichtige Bildinformation auslassen.

Umgekehrt kann ein gepflegter Mediathek-Wert im Shop durch ein Template überschrieben oder anders eingesetzt werden. Beurteile deshalb den ausgegebenen Text am jeweiligen Bild. Aus einem leeren WordPress-Feld allein lässt sich der Zustand der öffentlichen Seite nicht zuverlässig ableiten.

6. Den tatsächlich ausgegebenen Alt-Text prüfen

Der Weg zum sichtbaren Shop-Bild lässt sich so zusammenfassen:

WordPress-Mediathek → WooCommerce / Theme / Block → HTML im Shop

Der letzte Schritt ist für den Audit entscheidend. Dort steht das alt-Attribut, das im gerenderten Bild-Markup landet. Wenn du einen bestimmten Wert kontrollieren möchtest, gehe so vor:

1. Öffne die Produkt- oder Kategorieseite im Live-Shop.
2. Wähle das betreffende Bild und klicke im Browser auf Untersuchen.
3. Suche das zugehörige <img>-Element.
4. Lies den finalen alt-Wert im Element.
5. Vergleiche ihn bei Bedarf mit dem Alternative-Text-Feld in der WordPress-Mediathek.

Prüfe, dass du wirklich das richtige Bild ausgewählt hast. Galerien können Vorschaubilder und große Bilder getrennt ausgeben; Varianten können das angezeigte Bild wechseln. Bei einem Unterschied zwischen Mediathek und Shop lohnt sich ein Blick auf das verwendete Template, den Galerie-Block oder ein beteiligtes Plugin.

Das gerenderte HTML ist das Ergebnis, das du nach einer Korrektur erneut kontrollieren solltest. Ein gespeicherter neuer Wert in WordPress beweist noch nicht, dass die öffentliche Seite ihn ausgibt.

7. Welche Bilder zuerst prüfen?

Wenn dein Shop viele Bilder enthält, beginne mit den Bildern, die Produkte und Kaufentscheidungen direkt erklären:

1. Hauptproduktbilder
2. Produktgaleriebilder
3. Variantenbilder
4. Kategoriebilder
5. andere bedeutungsvolle Bilder im Shop

Bei Hauptbildern prüfst du zuerst, ob das Produkt überhaupt verständlich beschrieben wird. In Galerien geht es zusätzlich um Ansichten und Details. Variantenbilder sollten die sichtbare Variante erkennen lassen, sofern Farbe oder Form im Bild tatsächlich zu sehen sind. Kategoriebilder können Orientierung bieten und gehören deshalb ebenfalls in den Audit.

Dekorative Bilder stehen auf einer anderen Liste: Sie brauchen nicht automatisch einen beschreibenden Alt-Text. Ob ein Bild Information trägt, ergibt sich aus seiner Funktion auf der Seite. Mehr zum Unterschied zwischen bedeutungsvollen und dekorativen Bildern steht im Artikel über WooCommerce Alt-Texte und Barrierefreiheit.

WooCommerce Alt-Text-Checkliste

• Hauptproduktbilder prüfen
• Galeriebilder prüfen
• Variantenbilder prüfen
• Kategoriebilder prüfen
• fehlende alt-Attribute finden
• alt="" im Kontext prüfen
• generische Texte erkennen
• Dateinamen erkennen
• doppelte Texte in Galerien prüfen
• Fallback-Texte prüfen
• Änderungen anschließend im Live-Shop kontrollieren

Halte bei auffälligen Bildern fest, auf welcher Seite sie erscheinen und was der Browser tatsächlich ausgibt. Das macht spätere Änderungen gezielter und erleichtert die abschließende Kontrolle. Du musst nicht jeden vorhandenen Text ersetzen: Ein Alt-Text, der sein Bild bereits treffend beschreibt, kann bleiben.

Manuell prüfen oder Scanner verwenden?

Für einen kleinen Shop mit wenigen Produkten ist die manuelle Prüfung gut machbar. Du öffnest die relevanten Seiten, untersuchst die Bilder und vergleichst auffällige Alt-Texte mit den Fotos. Dabei lassen sich gerade generische, doppelte oder aus einem Fallback stammende Texte im Kontext beurteilen.

Bei Hunderten oder Tausenden Bildern wird es unpraktisch, jede Produkt- und Kategorieseite einzeln zu öffnen. Ein Storefront-Scanner kann die Prüfung des tatsächlich ausgegebenen Markups beschleunigen und dir helfen, technische Probleme zuerst zu finden. Die inhaltliche Bewertung vorhandener Texte bleibt eine eigene Aufgabe: Ein ausgefülltes alt kann gut, zu allgemein oder für eine bestimmte Ansicht unpassend sein.

Wenn du zwischen einem WordPress-Plugin und einem externen Scanner wählen willst, vergleicht unser Ratgeber die WooCommerce Alt-Text-Plugins und Tools 2026 nach ihrem jeweiligen Workflow.

Wenn nach dem Audit viele Bilder geändert werden müssen, beschreibt der Ratgeber zu WooCommerce Alt-Texten im Bulk den nächsten Schritt. Für die erste Bestandsaufnahme solltest du jedoch klären, welche Bilder überhaupt Aufmerksamkeit brauchen.

WooCommerce Alt-Texte mit IMSCRIB prüfen

IMSCRIB scannt den Live-WooCommerce-Shop und prüft das ausgegebene Bild-Markup. So lassen sich fehlende und leere Alt-Werte auf den untersuchten Shop-Seiten finden, auch wenn die Daten in der Mediathek einen anderen Eindruck vermitteln. Shop-Betreiber können erkannte Probleme prüfen, statt jedes Produkt einzeln zu öffnen.

Bei vorhandenen Alt-Texten solltest du weiterhin selbst beurteilen, ob sie zum Bild passen. Insbesondere gleiche Galerietexte und vom Produkttitel übernommene Werte brauchen den Vergleich mit der jeweiligen Ansicht. Nach Änderungen im Shop kannst du den finalen Wert erneut im Live-HTML kontrollieren.

FAQ

Wie prüfe ich Alt-Texte in WooCommerce?

Öffne eine öffentliche Produkt- oder Kategorieseite und prüfe beim jeweiligen <img>-Element das finale alt-Attribut. Vergleiche den Text mit dem Bild. Bei Bedarf kontrollierst du zusätzlich den Wert in der WordPress-Mediathek.

Wie finde ich Bilder ohne Alt-Text?

Bei wenigen Bildern reicht die Browserfunktion Untersuchen: Suche nach <img>-Elementen ohne alt oder mit alt="". Für größere Shops hilft ein Scan der tatsächlich ausgegebenen Seiten, die betroffenen Bilder schneller zu sammeln. Leere Werte müssen anschließend im Kontext bewertet werden.

Ist alt="" immer falsch?

Nein. Für rein dekorative Bilder ist ein leeres Alt-Attribut richtig. Bei einem bedeutungsvollen Produktbild solltest du prüfen, welche Information ohne Bild fehlen würde, und sie gegebenenfalls kurz beschreiben.

Sind doppelte Alt-Texte schlecht?

Nicht automatisch. Dieselbe Beschreibung kann bei demselben Bild in gleichem Kontext passen. Zeigen verschiedene Galeriebilder unterschiedliche relevante Ansichten, profitieren sie meist von Texten, die genau diese Unterschiede benennen.

Reicht der Produkttitel als Alt-Text?

Manchmal, etwa bei einem einfachen Hauptbild. Eine Seitenansicht, ein Materialdetail oder eine abweichende Variante zeigt jedoch oft mehr als der Titel allein ausdrückt. Prüfe deshalb jedes relevante Bild einzeln.

Wo sehe ich den tatsächlichen Alt-Text eines WooCommerce-Bildes?

Im gerenderten HTML des Live-Shops. Klicke das Bild im Browser mit der rechten Maustaste an, wähle Untersuchen und lies den alt-Wert im zugehörigen <img>-Element.