WooCommerce Produktbilder optimieren: der Leitfaden für 2026

WooCommerce Produktbilder optimieren: der komplette Leitfaden für 2026

Die Optimierung von WooCommerce Produktbildern ist der technische und redaktionelle Prozess, mit dem die Bilder eines Katalogs so vorbereitet werden, dass Google sie korrekt indexiert, Nutzer sie schnell laden und KI-Suchmaschinen sie zitieren. Dazu gehören die Wahl des Dateiformats, das Schreiben des Alt-Textes, die Angabe der Bildmaße und das Ergänzen von Schema Markup. Richtig umgesetzt, verwandelt sie jedes Bild von unsichtbarem Ballast in ein aktives Sichtbarkeitssignal.

2026 sind Bilder zu einem eigenständigen Traffic-Kanal geworden: Google Lens, AI Overviews und die in Mobilgeräte integrierte Bildersuche führen Nutzer direkt auf die Produktseiten und umgehen dabei die klassische Textsuche. Wer die Bilder seines Katalogs nicht optimiert, lässt eine riesige Eingangstür offen stehen, aber ohne Hinweisschild.

Warum Produktbilder die Sichtbarkeit bei Google und in der KI-Suche bremsen

Nicht optimierte Bilder verlangsamen das Laden der Seite, nehmen Google den textlichen Kontext und hindern KI-Suchmaschinen daran, das Produkt den passenden Suchanfragen zuzuordnen: drei verschiedene Probleme, die sich zu einem einzigen Ergebnis addieren, die Produktseite bleibt unsichtbar.

Wenn ein Google-Crawler eine WooCommerce-Produktseite besucht, "sieht" er das Bild nicht so, wie ein Mensch es sieht. Er liest den Dateinamen, das Alt-Attribut, die im Markup angegebenen Maße und die Antwortzeit des Servers. Heißt die Datei IMG_3829.jpg, ist der Alt-Text leer und wiegt die Datei 2 MB, sammelt der Crawler keinerlei nützliche Informationen und wertet die Seite bei den Core Web Vitals indirekt ab.

Bei KI-Suchmaschinen verschärft sich das Problem. Die AI Overviews von Google und die Antwortsysteme von Perplexity oder ChatGPT Search bauen ihre Antworten aus dem Text von Webseiten, einschließlich des Alt-Textes der Bilder, und aus strukturierten Daten. Ein Bild ohne Alt-Text ist für diese Systeme ein schwarzes Loch: Es existiert, teilt aber nichts mit. Die praktische Folge ist, dass das Produkt in den generierten Antworten nicht zitiert wird, selbst wenn es perfekt zur Suchanfrage des Nutzers passen würde.

Der Fall von Julia, Keramikerin in Höhr-Grenzhausen

Julia fertigt handgemachte Keramik in Höhr-Grenzhausen und verkauft rund 60 Stücke im Monat über ihren WooCommerce-Shop und Etsy. In den letzten zwei Jahren hat sie 180 Produktbilder hochgeladen, alle mit dem Smartphone aufgenommen und direkt eingestellt, ohne die Datei umzubenennen oder den Alt-Text auszufüllen. Ihr Shop erhält Traffic fast ausschließlich über Etsy, wo die Plattform die Bilder selbst optimiert. Für WooCommerce dagegen meldet die Google Search Console einen durchschnittlichen LCP von 5,8 Sekunden auf den Produktseiten, weit über der Schwelle von 2,5 Sekunden, die als akzeptabel gilt. Julia weiß nicht, dass diese Zahl sie jeden Tag Positionen in den SERPs kostet.

Der Fall von Robert, Händler für generalüberholte Elektronik

Robert betreibt in Leipzig einen WooCommerce-Shop mit 420 generalüberholten Elektronikprodukten und verkauft zusätzlich über eBay und Amazon. Das Hochladen der Bilder hat er an einen Teilzeitmitarbeiter delegiert, der die Fotos von der Website des Lieferanten kopiert und sie mit Namen wie lieferant-produkt-1.jpg in WooCommerce einfügt. Ergebnis: Google erkennt die Bilder als Duplikate anderer Websites, indexiert sie nicht als Originalinhalt, und die Produktseite erscheint nie im Bilderkarussell von Google Shopping.

Format, Dateigröße und Maße: die technischen Standards 2026 für WooCommerce

2026 ist das empfohlene Format für WooCommerce Produktbilder WebP, mit einer maximalen Dateigröße von 150 KB pro Hauptbild und Maßen von 1200x1200 Pixeln für Standard-Produktseiten.

WebP-Dateien sind bei gleicher wahrgenommener Qualität meist deutlich leichter als JPEG, und das Format wird von allen modernen Browsern unterstützt. AVIF ist technisch überlegen, doch die automatische Konvertierung durch WooCommerce erfordert noch spezifische Serverkonfigurationen, die nicht jedes Hosting bietet. Für die meisten Shops auf Shared Hosting oder einem Standard-VPS bleibt WebP die sicherste und am schnellsten umsetzbare Wahl.

WooCommerce erzeugt von jedem hochgeladenen Bild automatisch mehrere skalierte Versionen (thumbnail, medium, large, woocommerce_thumbnail, woocommerce_single). Das bedeutet, dass das Hochladen eines Originalbilds mit 4000x4000 Pixeln kein Qualitätsproblem ist, wohl aber ein Problem der Dateigröße: Wiegt die Originaldatei 8 MB, erben auch die verkleinerten Versionen schwere Metadaten, und die Regenerierung der Vorschaubilder verlangsamt den gesamten Server.

Die optimalen Maße für den Upload in WooCommerce folgen 2026 diesem Schema:

• Hauptbild des Produkts: 1200x1200 px, WebP-Format, maximal 150 KB.
• Bilder der Produktgalerie: 1200x900 px oder 1200x1200 px, WebP, maximal 120 KB pro Bild.
• Kategorie-Thumbnails: 600x600 px, WebP, maximal 60 KB.
• Banner und Hero-Bilder: 1280x720 px, WebP, maximal 200 KB.
• Bilder für Google Shopping: mindestens 800x800 px, weißer oder neutraler Hintergrund, kein Wasserzeichen.

Die Attribute width und height im img-Tag immer anzugeben ist Pflicht, um Cumulative Layout Shift (CLS) zu vermeiden, einen der drei von Google gemessenen Core Web Vitals. Kennt der Browser die Maße, bevor er die Datei herunterlädt, reserviert er den Platz auf der Seite und verschiebt die umliegenden Inhalte während des Ladens nicht. Das verbessert sowohl die Nutzererfahrung als auch den CLS-Wert.

Werkzeuge für die WebP-Konvertierung ohne Qualitätsverlust

Wer einen bestehenden Katalog mit Hunderten von JPEGs oder PNGs verwaltet, kann die Konvertierung in WebP auf drei Wegen vornehmen: über WordPress-Plugins wie Imagify oder ShortPixel, die beim Upload automatisch konvertieren; über Kommandozeilenwerkzeuge wie cwebp für die Stapelverarbeitung; oder über Onlinedienste wie Squoosh für einzelne Konvertierungen. Die Wahl hängt vom Volumen ab: Unter 200 Produkten reicht ein Plugin; ab 500 spart ein automatisierter Batch-Prozess Stunden an Arbeit.

Alt-Text und Dateiname: so schreiben Sie sie für SEO und AI Overviews

Der Alt-Text eines Produktbilds muss das Motiv präzise und natürlich beschreiben, das Haupt-Keyword ohne Zwang enthalten und zwischen 50 und 125 Zeichen lang sein: Es ist der Text, den Google anstelle des Bildes liest und den KI-Suchmaschinen nutzen, um das Produkt in einen Kontext zu setzen.

Ein häufiger Fehler ist, den Alt-Text als SEO-Feld zu behandeln, das mit wiederholten Keywords gefüllt wird. Google hat seine Richtlinien 2025 aktualisiert und klargestellt, dass ein Alt-Text wie "Schuhe Schuhe rote Schuhe Damenschuhe Schuhe WooCommerce" als Keyword-Stuffing eingestuft wird und die Seite abwertet. Das richtige Modell ist beschreibend: "Damenschuhe aus rotem Leder mit 7 cm Absatz, Frontansicht auf weißem Hintergrund".

Der Dateiname der Bilddatei ist das zweite Signal, das Google liest. Eine Datei mit dem Namen damenschuhe-rotes-leder-absatz-7cm.webp teilt dem Crawler das Motiv des Bildes mit, noch bevor er den Alt-Text liest. Das korrekte Format ist kebab-case (durch Bindestriche getrennte Wörter), komplett in Kleinbuchstaben, ohne Sonderzeichen oder Leerzeichen, mit einer Dateiendung, die zum tatsächlichen Dateiformat passt.

Laut den 2025 aktualisierten Google Search Quality Rater Guidelines erhalten visuelle Inhalte ohne beschreibenden Alternativtext in den Kategorien YMYL und Product Reviews eine niedrigere E-E-A-T-Bewertung, mit direkten Auswirkungen auf die Einschätzung der Vertrauenswürdigkeit der Seite.

Für KI-Suchmaschinen ist die Lage noch kritischer. Wenn ein System wie Google AI Overviews entscheiden muss, ob es ein Produkt als Antwort auf eine Suchanfrage wie "beste Damenschuhe aus rotem Leder unter 100 Euro" zitiert, analysiert es den Alt-Text der Bilder als Teil des semantischen Kontexts der Seite. Ein präziser Alt-Text erhöht die Wahrscheinlichkeit, dass das Produkt in die generierte Antwort aufgenommen wird, auch wenn die Seite organisch nicht auf Platz eins steht.

Hier ein praktischer Vergleich zwischen wirkungslosem und für SEO und KI optimiertem Alt-Text:

• Wirkungslos: "Produktbild" oder leeres Feld.
• Wirkungslos: "rote Schuhe Damen Schuhe Leder Schuhe Absatz WooCommerce Shop".
• Optimiert: "Damenschuhe aus rotem Leder mit 7 cm Stilettoabsatz, Modell Valentina, Frontansicht".
• Für KI optimiert: "Handgefertigte Damenschuhe aus rotem Leder, 7 cm Absatz, Ledersohle, hergestellt in Italien, weißer Hintergrund".

Core Web Vitals und Bilder: LCP, CLS und Lazy Loading in der Praxis

Produktbilder sind die Hauptursache für einen hohen LCP auf WooCommerce-Produktseiten: Die Hauptdatei im sofort sichtbaren Bereich (above the fold) mit Preload und WebP-Format zu optimieren ist die einzelne Maßnahme mit der größten Wirkung auf die Core Web Vitals.

Der Largest Contentful Paint (LCP) misst die Zeit, bis das größte visuelle Element der Seite sichtbar wird. Auf WooCommerce-Produktseiten ist dieses Element fast immer das Hauptbild des Produkts. Die von Google für 2026 definierte Schwelle für "Good" liegt bei 2,5 Sekunden: Wird sie überschritten, gilt die Seite als langsam und wird in den mobilen Rankings abgewertet.

Lazy Loading ist die Technik, bei der Bilder außerhalb des Viewports (also nicht sichtbar, ohne die Seite zu scrollen) erst geladen werden, wenn sich der Nutzer ihnen nähert. In WooCommerce setzt man sie um, indem man das Attribut loading="lazy" allen img-Tags hinzufügt, mit Ausnahme des Hauptbilds des Produkts, das stattdessen sofort geladen werden muss, um den LCP nicht zu verschlechtern.

Ein häufiger Fehler ist, Lazy Loading auch auf das Hero-Bild der Produktseite anzuwenden. Das verzögert das Rendern des größten Elements der Seite und verschlechtert den LCP, statt ihn zu verbessern. Die Faustregel lautet: loading="eager" (oder gar kein loading-Attribut) für das erste Bild above the fold, loading="lazy" für alle anderen.

LCP, CLS und INP: die drei Schwellenwerte, die 2026 einzuhalten sind

Google misst 2026 drei Core Web Vitals. LCP (Largest Contentful Paint) muss unter 2,5 Sekunden liegen. CLS (Cumulative Layout Shift) muss unter 0,1 liegen: Das erreicht man, indem man bei Bildern immer width und height angibt. INP (Interaction to Next Paint), das 2024 FID abgelöst hat, muss unter 200 Millisekunden liegen und betrifft die Reaktionsfähigkeit auf Nutzereingaben; es hängt weniger von Bildern ab, wird aber von schlecht konfigurierten Skripten zur Bildoptimierung beeinflusst.

Schema Markup für Bilder: Product und ImageObject für Rich Results

Schema Markup vom Typ ImageObject, verschachtelt im Product-Schema, meldet Google die Eigenschaften des Bildes in strukturierter Form.

WooCommerce erzeugt mit dem Plugin Yoast SEO oder RankMath automatisch ein einfaches Product-Schema, doch in den meisten Standardinstallationen wird der ImageObject-Block nicht mit allen Feldern befüllt, die Google 2026 empfiehlt. Die Mindestfelder für ein wirksames ImageObject sind: url (die absolute URL des Bildes), width, height, contentUrl und name (eine textliche Beschreibung des Bildes).

Ob das eigene Schema Markup korrekt ist, prüft man mit dem offiziellen Werkzeug, dem Rich Results Test von Google (search.google.com/test/rich-results). Man fügt einfach die URL der Produktseite ein, und das Tool zeigt, für welche Arten von Rich Results die Seite infrage kommt und welche Fehler oder Warnungen im Markup vorhanden sind. Die häufigsten Fehler in WooCommerce-Shops betreffen das fehlende Feld image im Product-Schema oder relative statt absolute Bild-URLs.

Ein oft übersehenes Detail betrifft die Bilder der Produktgalerie: Auch sie können in das Array image des Product-Schemas aufgenommen werden, damit das Markup jedes Produktbild beschreibt und nicht nur das Hauptbild. Jedes Galeriebild sollte einen eigenen ImageObject-Block mit einer eindeutigen Beschreibung haben, keine Kopie des Alt-Textes des Hauptbilds.

Operative Checkliste: ein schnelles Audit der Bilder in Ihrem Katalog

Ein Audit der WooCommerce Produktbilder lässt sich in weniger als zwei Stunden abschließen, wenn man einer logischen Reihenfolge folgt, die bei den technischen Problemen mit der größten Wirkung (Dateigröße und Format) beginnt und bei den semantischen Details (Alt-Text und Schema Markup) endet.

Bevor Sie mit dem Audit beginnen, ist es sinnvoll, die vollständige Produktliste mit den URLs der zugehörigen Bilder zu exportieren. In WooCommerce geht das über die native CSV-Exportfunktion (Produkte, Exportieren) oder über Plugins wie WP All Export. Die resultierende CSV-Datei erlaubt es, die Dateinamen gesammelt zu analysieren und sofort jene mit nicht beschreibenden Namen wie IMG_ oder product-image- gefolgt von Zufallszahlen zu erkennen.

Markus, der 40-jährige Multichannel-Händler mit 300 Produkten auf WooCommerce und Präsenz auf Amazon und Etsy, ist das Profil, das dieses Audit am häufigsten zu spät angeht. Er hat die Bilder in Eile hochgeladen, oft von den Lieferanten kopiert, und die Alt-Texte nie systematisch ausgefüllt. Ein strukturiertes Audit erlaubt ihm, die 20 bis 30 meistbesuchten Produktseiten (jene mit dem meisten Traffic in der Search Console) zu identifizieren und zuerst zu optimieren, mit maximaler Wirkung bei minimalem Aufwand.

Die empfohlene Audit-Reihenfolge für einen WooCommerce-Katalog im Jahr 2026:

1. Phase 1 (Format und Dateigröße): Exportieren Sie die Produkt-CSV, prüfen Sie die Dateiendungen der Bilder und identifizieren Sie alle JPEGs und PNGs über 200 KB, die in WebP konvertiert werden müssen.
2. Phase 2 (Dateiname): Prüfen Sie, ob jede Bilddatei einen beschreibenden Namen in kebab-case hat; benennen Sie generische Dateien vor dem erneuten Hochladen um, damit das semantische Signal nicht verloren geht.
3. Phase 3 (Alt-Text): Filtern Sie in WooCommerce die Produkte mit leerem oder generischem Alt-Text; schreiben Sie beschreibende Alt-Texte von 50 bis 125 Zeichen für jedes Hauptbild.
4. Phase 4 (Angegebene Maße): Prüfen Sie, ob alle img-Tags im Theme explizite Attribute width und height haben; kontrollieren Sie den CLS mit PageSpeed Insights.
5. Phase 5 (Lazy Loading): Stellen Sie sicher, dass das Hauptbild des Produkts kein loading="lazy" hat; alle Galeriebilder und Thumbnails müssen es haben.
6. Phase 6 (Schema Markup): Testen Sie die wichtigsten Produktseiten mit dem Rich Results Test; prüfen Sie, ob der ImageObject-Block vorhanden und korrekt ist.

Prioritäten für Kataloge mit mehr als 200 Produkten

Bei großen Katalogen ist es nicht realistisch, alles auf einmal zu optimieren. Priorität haben die Produktseiten, die in der Search Console bereits Impressionen erhalten, aber eine niedrige CTR haben: Dort kann eine technische Verbesserung der Bilder bereits vorhandenen, latenten Traffic freisetzen. Man findet sie in der Search Console, indem man nach mehr als 100 Impressionen und einer CTR unter 2 % filtert.

Wie Katapic alle unterstützt, die einen WooCommerce-Katalog verwalten

Katapic wurde entwickelt, um die unsichtbare und repetitive Arbeit aus dem Alltag derer zu nehmen, die online verkaufen, einschließlich der Arbeit, die mit der Optimierung der Kataloginhalte für Google und KI-Suchmaschinen verbunden ist.

Die Bildoptimierung ist nur ein Teil eines größeren Problems: Jede WooCommerce-Produktseite hat Dutzende Elemente, die die Sichtbarkeit bei Google und in KI-Systemen beeinflussen, von den Titeln über die Beschreibungen bis zu den strukturierten Attributen und dem Schema Markup. Sie einzeln zu pflegen, bei Hunderten von Produkten, kostet Stunden, die Händler nicht haben.

Katapic besetzt den Raum zwischen generalistischen SEO-Tools und generischen KI-Textern: Es konzentriert sich ausschließlich auf die Optimierung des Produktkatalogs für SEO und AEO, mit nativer WooCommerce-Integration und einem Ansatz, der die realen Produktdaten stets bewahrt, ohne Spezifikationen zu erfinden. Die Analyse-Engine weist jedem Produkt einen objektiven Score für SEO, AEO und Markenrelevanz zu und macht sichtbar, wo das Problem liegt, noch bevor eingegriffen wird.

Für alle, die wissen möchten, wo sie anfangen sollen, ohne sich sofort festzulegen, bietet Katapic einen anonymen ersten Scan im reinen Lesemodus: keine Änderung am Katalog, keine Registrierungspflicht, nur ein klares Bild davon, was die Sichtbarkeit der Produkte bremst.

Was respektvolle Automatisierung für Bilder bedeutet

Katapic erzeugt keine erfundenen Alt-Texte und benennt Bilddateien nicht eigenmächtig ohne Zustimmung um. Das Prinzip der respektvollen Automatisierung bedeutet, dass das System meldet, was fehlt, und Texte auf Basis der realen Produktdaten (Name, Kategorie, Attribute) vorschlägt, während die endgültige Entscheidung, was wann angewendet wird, beim Betreiber bleibt. Keine Überraschungen, keine stillen Änderungen.

FAQ zur Optimierung von WooCommerce Produktbildern Muss ich alle Bilder in WebP konvertieren oder reicht das für neue Uploads?

Idealerweise sollten auch die bereits hochgeladenen Bilder in WebP konvertiert werden, um die Performance des Katalogs zu vereinheitlichen. In der Praxis lohnt es sich bei einem Katalog mit Hunderten von Produkten, mit den meistbesuchten Seiten (jenen mit dem meisten Traffic in der Search Console) zu beginnen und nach Priorität vorzugehen. Ein Plugin wie Imagify oder ShortPixel kann die vorhandenen Bilder im Stapel konvertieren, ohne dass sie einzeln von Hand neu hochgeladen werden müssen.

Beeinflusst der Alt-Text von Bildern wirklich die AI Overviews von Google?

Ja, indirekt, aber messbar. Die KI-Systeme, die die Antworten in den AI Overviews erzeugen, analysieren den textlichen Kontext der Seite, und dazu gehört der Alt-Text der Bilder. Ein beschreibender, zur Suchanfrage passender Alt-Text erhöht die semantische Kohärenz der Produktseite und macht sie leichter zitierbar. Es ist nicht der einzige Faktor, aber einer der am leichtesten zu verbessernden, auch ohne fortgeschrittene technische Kenntnisse.

Wie viele Bilder pro Produkt sind für WooCommerce optimal?

Google Shopping und die Rich Results von Google bevorzugen Produktseiten mit mindestens 3 bis 5 Bildern, die das Produkt aus verschiedenen Blickwinkeln zeigen: Frontansicht, Seitenansicht, Detail und Nutzungskontext. Jedes zusätzliche Bild ist eine Gelegenheit für einen weiteren beschreibenden Alt-Text, der die semantische Abdeckung der Seite erweitert. Die praktische Grenze ist die Ladegeschwindigkeit: Ab 8 bis 10 Bildern pro Produkt beginnt die Gesamtgröße, den LCP zu belasten, selbst bei aktivem Lazy Loading.

Was passiert, wenn ich dieselben Bilder wie der Lieferant in WooCommerce hochlade?

Google kann die Bilder als Duplikate anderer Websites erkennen, die denselben Lieferanten nutzen, und indexiert sie nicht als Originalinhalt. Das konkrete Risiko ist, dass die Produktseite nicht im Bilderkarussell von Google erscheint und das Originalitätssignal der Seite schwächer wird. Die Lösung besteht darin, die Produkte selbst zu fotografieren oder die Bilder des Lieferanten mit anderen Hintergründen, Blickwinkeln oder Nutzungskontexten zu bearbeiten.

Kann Lazy Loading den LCP-Wert verschlechtern?

Ja, wenn es auf das Hauptbild des Produkts angewendet wird. Lazy Loading verzögert das Laden der Bilder außerhalb des Viewports, doch wenn es auch auf das Hero-Bild above the fold angewendet wird, lädt der Browser es nicht sofort und der LCP verschlechtert sich. Die Regel ist einfach: kein Attribut loading="lazy" auf dem ersten Bild des Produkts, Pflicht auf allen anderen Galeriebildern und auf den Kategorie-Thumbnails.