Produktbilder optimieren: SEO-Tipps speziell für Onlineshops

Produktbilder sind in Onlineshops oft das Erste, was Kunden sehen — und das Letzte, was SEO-technisch optimiert wird. Dabei steckt in deinen Produktfotos enormes SEO-Potenzial. Google Bildersuche, Google Shopping und die regulären Suchergebnisse zeigen immer häufiger Bilder an. Wer seine Produktbilder nicht optimiert, verschenkt Traffic und Umsatz.

In diesem Artikel zeige ich dir, wie du deine Produktbilder sowohl für Google als auch für deine Kunden optimierst — von der Dateibenennung bis zum Schema Markup.

Warum Produktbilder für SEO wichtig sind

Die Google Bildersuche ist eine der am meisten unterschätzten Traffic-Quellen für Onlineshops. Viele Nutzer suchen visuell: Sie geben "rotes Abendkleid lang" ein, klicken auf die Bildersuche und landen über ein Produktbild direkt in deinem Shop.

Dazu kommt Google Shopping. Die Produktbilder, die du in deinem Merchant Center hinterlegst, erscheinen in den Shopping-Ergebnissen — oft ganz oben auf der Suchergebnisseite. Gute Bilder bedeuten mehr Klicks, mehr Klicks bedeuten mehr Verkäufe.

Außerdem zeigt Google in den regulären Suchergebnissen zunehmend Bilder an. Ein Suchergebnis mit Produktbild fällt deutlich mehr auf als eines ohne.

Bilder-SEO als Teil der Gesamtstrategie

Produktbilder zu optimieren ist kein isoliertes Thema. Es gehört zur Gesamtstrategie der Bilder-SEO, die du für deinen kompletten Shop umsetzen solltest. Die Grundlagen sind dieselben, aber für Produktbilder gibt es einige spezifische Besonderheiten.

Dateinamen: Beschreibend und mit Keyword

Der Dateiname ist das Erste, was Google über dein Bild erfährt. Und hier machen die meisten Shops den ersten Fehler. Typische Dateinamen wie "IMG_4827.jpg" oder "product-123.png" sagen Google nichts über den Inhalt.

So macht man es richtig:

• Schlecht: IMG_4827.jpg
• Schlecht: product-123.png
• Gut: rotes-abendkleid-lang-seide.webp
• Gut: laufschuhe-herren-nike-air-max-schwarz.webp

Der Dateiname sollte das Produkt beschreiben und dein wichtigstes Keyword enthalten. Verwende Bindestriche statt Unterstriche und schreibe alles in Kleinbuchstaben. Halte den Dateinamen unter 5-6 Wörtern — kurz und präzise.

Alt-Tags: Produkt und Eigenschaft beschreiben

Der Alt-Tag (Alternativtext) ist der wichtigste SEO-Faktor für Bilder. Er beschreibt den Bildinhalt für Suchmaschinen und für Nutzer, die das Bild nicht sehen können (Screenreader, langsame Verbindung).

So schreibst du gute Alt-Tags für Produktbilder

Der Alt-Tag sollte das Produkt präzise beschreiben — inklusive relevanter Eigenschaften wie Farbe, Material, Größe oder Marke.

• Schlecht: alt="Produkt"
• Schlecht: alt="Bild 1"
• Mittelmäßig: alt="Kleid"
• Gut: alt="Rotes Abendkleid aus Seide mit V-Ausschnitt, knöchellang"
• Gut: alt="Nike Air Max 270 Laufschuhe Herren schwarz, Seitenansicht"

Jedes Bild auf einer Produktseite sollte einen einzigartigen Alt-Tag haben. Bei einem Produkt mit fünf Ansichten beschreibst du jede Ansicht anders: Vorderansicht, Seitenansicht, Detailaufnahme, getragen, Verpackung.

Das richtige Bildformat wählen

Das Bildformat beeinflusst sowohl die Ladezeit als auch die Bildqualität. Für Onlineshops empfehle ich folgende Strategie:

WebP als Standard

WebP bietet die beste Balance zwischen Qualität und Dateigröße. Im Vergleich zu JPEG spart WebP bei gleicher Qualität 25-35 Prozent Dateigröße. Die meisten modernen Browser unterstützen WebP, und auch Google bevorzugt dieses Format.

Hochauflösende Bilder für die Zoom-Funktion

Kunden wollen Produkte im Detail sehen. Biete eine Zoom-Funktion an und lade dafür hochauflösende Originalbilder hoch. Dein Shop-System sollte automatisch verschiedene Größen generieren: ein kleines Thumbnail für die Kategorie-Übersicht, ein mittelgroßes Bild für die Produktseite und das Original für den Zoom.

AVIF als Zukunftsformat

AVIF bietet noch bessere Komprimierung als WebP — bei gleicher oder besserer Qualität. Die Browserunterstützung wächst stetig. Wenn dein Shop-System es unterstützt, biete AVIF als bevorzugtes Format mit WebP als Fallback an.

Komprimierung ohne sichtbaren Qualitätsverlust

Große Bilddateien verlangsamen deinen Shop. Und ein langsamer Shop verliert Kunden und Rankings. Das Ziel: Bilder so klein wie möglich machen, ohne dass Kunden einen Unterschied sehen.

Richtwerte für Produktbilder

• Thumbnail (Kategorie-Übersicht): 20-50 KB
• Produktbild (Hauptansicht): 50-150 KB
• Zoom-Bild (Vollauflösung): 200-500 KB

Tools wie Squoosh (web-basiert), TinyPNG oder ImageOptim (Mac) komprimieren Bilder effektiv. Viele Shop-Systeme bieten auch Plugins für automatische Bildkomprimierung an.

Mehrere Ansichten und Perspektiven

Online-Kunden können Produkte nicht anfassen. Sie verlassen sich vollständig auf deine Bilder. Je mehr Ansichten du anbietest, desto sicherer fühlen sie sich — und desto wahrscheinlicher kaufen sie.

Für ein typisches Produkt empfehle ich:

1. Hauptansicht: Das Produkt von vorne, freigestellt auf weißem Hintergrund
2. Seitenansicht: Proportionen und Tiefe erkennen
3. Detailaufnahme: Material, Textur, Verarbeitung zeigen
4. In Verwendung: Das Produkt im Einsatz oder getragen
5. Größenvergleich: Ein Alltagsgegenstand als Referenz für die Größe

Jede dieser Ansichten ist eine eigene Chance, in der Google Bildersuche aufzutauchen. Und jede braucht einen eigenen, beschreibenden Alt-Tag und Dateinamen.

Product Image Schema Markup

Schema Markup hilft Google, deine Produktbilder im Kontext zu verstehen. Mit dem Product-Schema kannst du Google mitteilen, welches Bild zu welchem Produkt gehört — inklusive Preis, Verfügbarkeit und Bewertung.

Ein korrekt implementiertes Product-Schema kann dazu führen, dass deine Produktbilder in Rich Snippets erscheinen: mit Preis, Sternebewertung und Verfügbarkeitsstatus direkt in den Suchergebnissen. Das erhöht die Klickrate massiv.

Die wichtigsten Schema-Properties für Bilder:

• image: Die URL des Hauptbilds
• additionalProperty: Für zusätzliche Bildansichten
• thumbnail: Für Vorschaubilder

Ausführliche Tipps zur SEO für Onlineshops findest du in unserem separaten Artikel.

Lazy Loading für Kategorie- und Galerie-Seiten

Kategorie-Seiten mit 50 oder mehr Produkten laden dutzende Bilder gleichzeitig. Das bremst die Seite enorm aus. Lazy Loading löst dieses Problem: Bilder werden erst geladen, wenn der Nutzer zu ihnen hinscrollt.

So implementierst du Lazy Loading

Die einfachste Methode ist das native HTML-Attribut loading="lazy". Es wird von allen modernen Browsern unterstützt und benötigt kein JavaScript.

Wichtig: Lade die ersten Bilder im sichtbaren Bereich (above the fold) immer sofort. Lazy Loading sollte nur für Bilder unterhalb des sichtbaren Bereichs verwendet werden. Das erste Produktbild auf einer Produktseite darf niemals lazy-loaded sein, da es sonst den Largest Contentful Paint (LCP) verschlechtert.

Tipps für bessere Produktfotos

Auch die beste SEO-Optimierung hilft nicht, wenn die Bilder schlecht sind. Ein paar grundlegende Tipps:

• Einheitlicher Stil: Alle Produktbilder sollten denselben Hintergrund, dieselbe Beleuchtung und denselben Stil haben
• Gute Beleuchtung: Natürliches Licht oder eine Softbox sorgen für professionelle Ergebnisse
• Weißer Hintergrund: Standard für E-Commerce und auch für Google Shopping erforderlich
• Mehrere Blickwinkel: Mindestens 3-5 Bilder pro Produkt

Gute Produktbeschreibungen und optimierte Bilder ergänzen sich perfekt. Zusammen sorgen sie dafür, dass dein Shop sowohl bei Google als auch bei deinen Kunden überzeugt. Wie gut dein Shop aktuell aufgestellt ist, zeigt dir der kostenlose SEO-Check.