Produktbilder-SEO: Alt-Tags, Dateinamen und Komprimierung für Traffic aus Google Bilder
⏱ 10 Min. Lesezeit
Die meisten Shopify-Shops laden ein Produktfoto namens IMG_4821.jpg hoch, lassen den Alt-Text leer und stellen eine 3-MB-Datei online. Dann wundern sie sich, warum Google Bilder ihnen fast nichts liefert. Produktbilder-SEO ist die Disziplin, die alle drei Probleme auf einmal löst, und einer der am meisten unterschätzten Hebel im E-Commerce.
Die Bedeutung ist gewachsen. Google berichtet, dass Lens inzwischen für fast 20 Milliarden Suchen pro Monat genutzt wird und dass 20 % davon kaufbezogen sind. Gleichzeitig ist auf über 70 % der Webseiten das größte Element im ersten Viewport ein Bild, Ihr Produktfoto ist also meist Ihr Largest Contentful Paint. Genau hier setzt Produktbilder-SEO an: Machen Sie Bilder richtig, gewinnen Sie Sichtbarkeit und Geschwindigkeit zugleich. Machen Sie es falsch, verlieren Sie beides.
Warum Produktbilder-SEO heute über die Sichtbarkeit im E-Commerce entscheidet
Die Bildersuche ist ein Kaufkanal, keine Vanity-Metrik. Wer Ihr Produkt in Google Bilder oder über Lens findet, hat den Artikel bereits gesehen und steht tiefer im Funnel als ein typischer Textsuchender. Genau diese Kaufabsicht ist der Grund, warum der E-Commerce von Produktbilder-SEO mehr profitiert als fast jeder andere Content-Typ.
Es gibt einen zweiten Effekt, den die meisten Leitfäden ignorieren: Geschwindigkeit. Bilder machen regelmäßig den größten Anteil am Seitengewicht eines Shopify-Shops aus, und ein einzelnes unkomprimiertes Produktfoto kann 3 bis 8 MB wiegen, obwohl 100 bis 300 KB reichen würden. Weil das Produktbild so oft das LCP-Element ist, ist eine saubere Shopify-Bildkomprimierung einer der schnellsten Wege, die Core Web Vitals zu verbessern. Shopify berichtet auf Basis eigener Daten über Millionen Transaktionen, dass bereits eine halbe Sekunde schnellere Ladezeit die Conversion heben kann, nennt dabei aber keine feste Einzelzahl. Bei einem ernsthaften Katalog behandelt eine gute Shopify SEO Agentur Bilder als Ranking- und Umsatz-Asset, nicht als Dekoration.
Komprimieren Sie jedes Produktbild vor dem Upload und benennen Sie die Datei um. Diese zwei Gewohnheiten sind der Kern von Produktbilder-SEO und verbessern gleichzeitig die Sichtbarkeit in Google Bilder und die Ladegeschwindigkeit, und sie kosten nichts außer Disziplin.
Was Google auf einem Produktbild tatsächlich liest
Google „sieht“ Ihr Foto nicht so wie ein Mensch. Es leitet die Bedeutung aus einem Stapel von Signalen rund um das Bild ab. Wer diesen Stapel versteht, weiß genau, wo sich Aufwand lohnt, wenn er seine Shopify Bilder optimieren will.
- Der Dateiname. Die Wörter in der Datei werden Teil der Bild-URL und geben Google einen frühen Hinweis auf das Motiv.
- Das Alt-Attribut. Die primäre Textbeschreibung des Bildes, genutzt für Barrierefreiheit und Suchkontext zugleich.
- Der umgebende Seiteninhalt. Googles Google-Bilder-Richtlinien stellen klar, dass das Motiv aus umgebendem Text, Bildunterschriften und Titeln abgeleitet wird. Platzieren Sie Bilder also neben dem Text, der sie erklärt.
- Structured Data. Product- oder ImageObject-Markup kann ein Rich Result oder ein Badge in Google Bilder auslösen.
- Die Bild-Sitemap. Ein eigener Feed, der Google hilft, Bilder zu finden, die es in großen Shops sonst übersehen würde.
Jeder dieser fünf Punkte ist ein eigener Baustein im Produktbilder-SEO. Keiner erfordert eine App. Alle erfordern Absicht.
So schreiben Sie Alt-Text, der rankt und barrierefrei bleibt
Alt-Text ist der sichtbarste Hebel im Produktbilder-SEO und dient zwei Herren zugleich. Screenreader lesen ihn vor, um das Bild zu beschreiben, und Suchmaschinen nutzen ihn, um Kontext zu verstehen. Beim Alt-Text im Bilder-SEO gilt eine einfache Reihenfolge: Schreiben Sie ihn zuerst für einen Menschen, dann folgt der SEO-Wert. WebAIMs Alt-Text-Leitlinie ist deutlich: Beschreiben Sie den bedeutungstragenden Inhalt oder die Funktion des Bildes und lassen Sie Füllwörter wie „Bild von“ oder „Foto von“ weg, weil assistive Technik ohnehin ansagt, dass es ein Bild ist. Halten Sie ihn knapp, rund 125 Zeichen, und nennen Sie den Produktnamen plus ein natürliches Keyword.
Das ist wichtiger, als Shop-Betreiber denken. In WebAIMs 2026-Analyse der Top-Million-Startseiten fehlte bei 16,2 % aller Bilder weiterhin der Alt-Text, was zugleich ein Compliance-Risiko unter Gesetzen wie dem European Accessibility Act und ein verschenktes Ranking-Signal ist.
So sieht schwacher und starker Alt-Text an einem echten Produkt nebeneinander aus.
| Kontext | Schwacher Alt-Text | Starker Alt-Text |
|---|---|---|
| Haupt-Produktbild | pullover | Marineblauer Merino-Pullover, Vorderansicht |
| Detailaufnahme | (leer gelassen) | Nahaufnahme des Rippbündchens am Merino-Pullover |
| Kategorie-Banner | banner | Damen-Strickkollektion, Herbst 2026 |
| Keyword-Stuffing | pullover wolle pullover günstig kaufen | Marineblauer Merino-Pullover mit Rippbündchen |
Alt-Text-Muster für Produktgalerien
Eine Produktseite trägt meist mehrere Bilder desselben Artikels. Identischen Alt-Text auf allen zu wiederholen erzeugt Rauschen für Screenreader-Nutzer und verwässert den Kontext für Google. Differenzieren Sie stattdessen nach Perspektive oder Detail.
- Hauptbild: „Marineblauer Merino-Pullover, Vorderansicht“
- Zweite Ansicht: „Marineblauer Merino-Pullover, Rücken und Schulternaht“
- Detailaufnahme: „Nahaufnahme des Rippbündchens am Merino-Pullover“
- Lifestyle-Aufnahme: „Model trägt marineblauen Merino-Pullover mit grauer Hose“
- Größe oder Passform: „Marineblauer Merino-Pullover als Flatlay neben einer Größentabelle“
Jede Beschreibung steht für sich, benennt das Objekt und liest sich natürlich. Genau dieses Muster befriedigt Barrierefreiheits-Prüfer und Such-Crawler zugleich und ist das Fundament für Alt-Text und Bilder-SEO, das wirklich rankt.
Die Alt-Text-Fehler, die Sie still Umsatz kosten
- Keyword-Stuffing. „beste laufschuhe günstige laufschuhe schuhe online kaufen“ schadet der Barrierefreiheit und kann als Spam gewertet werden.
- Wiederholte Standardtexte. Jedes Bild mit „Produktbild“ zu taggen sagt Google und Nutzern nichts.
- Dekoration beschreiben. Ein rein dekorativer Trenner oder ein Hintergrund-Element sollte ein leeres
alt=""bekommen, damit Screenreader es überspringen.
In Shopify setzen Sie den Alt-Text unter Produkte, dann das Bild, dann Alt-Text bearbeiten. Für Kategorie-Banner und Blogbilder setzen Sie ihn im Theme-Editor oder in der Medienbibliothek. Genau diese Nicht-Produktbilder ranken für breitere Suchanfragen und werden am häufigsten vergessen.
Dateinamen: Das Signal, das die meisten Shops überschreiben
Dateinamen sind ein unterschätzter Teil von Produktbilder-SEO. Kamera- und Handy-Exporte kommen als DSC_0042.jpg oder Screenshot-2026.png. Diese Namen tragen null Bedeutung. Shopify behält Ihren ursprünglichen Dateinamen in der CDN-Bild-URL, ein beschreibender Name wird also zu einem dauerhaften, crawlbaren Signal. Benennen Sie die Datei vor dem Upload um, denn eine spätere Umbenennung ändert die gespeicherte URL nicht.
Nutzen Sie kleingeschriebene, mit Bindestrichen getrennte Wörter, beschreiben Sie, was im Bild ist, und nennen Sie Produkt plus ein Attribut. Vermeiden Sie Umlaute in Dateinamen und halten Sie sie kurz genug, dass sie nicht abgeschnitten werden.
IMG_4821.jpgwird zumarineblauer-merino-pullover-vorne.jpgDSC_0042.jpgwird zueiche-esstisch-4-personen.jpgScreenshot-2026-03-11.pngwird zugroessentabelle-herren-sneaker.pngfinal_v2_edited.jpgwird zukeramik-pour-over-kaffeeset.jpg
Unterstriche und Leerzeichen sind schlechter als Bindestriche, weil Suchmaschinen Bindestriche als Worttrenner lesen. Das ist eine Fünf-Sekunden-Gewohnheit, die sich über Tausende SKUs summiert.
Komprimierung und Format: Was Shopify übernimmt und was Ihre Aufgabe bleibt
Komprimierung ist der technische Kern von Produktbilder-SEO, und bei der Shopify-Bildkomprimierung übernimmt das CDN viel, aber nicht alles. Shopifys CDN, ausgeliefert über ein globales Edge-Netzwerk, leistet mehr, als die meisten Betreiber annehmen. Wenn Sie den image_url-Liquid-Filter nutzen, konvertiert es JPEG- und PNG-Uploads automatisch zu WebP für unterstützende Browser und liefert AVIF aus, wenn der Browser es unterstützt und die Datei kleiner ausfällt. WebP ist typischerweise 25 bis 35 % kleiner als JPEG, AVIF oft 30 bis 50 % kleiner, bei vergleichbarer Qualität.
Hier ist die Falle, die fast jeder Konkurrenz-Leitfaden übergeht: Shopify skaliert Ihr Original, komprimiert es aber nicht aggressiv. Laden Sie eine 5-MB-Datei hoch, wird diese 5-MB-Quelle gespeichert und aus dem Ist-Zustand neu kodiert. Garbage in, garbage out. Die Formatkonvertierung wird für Sie erledigt, die eigentliche Shopify-Bildkomprimierung der Quelle bleibt jedoch Ihre Aufgabe.
| Format | Beste Nutzung | Größe vs. JPEG | Was das für Sie bedeutet |
|---|---|---|---|
| JPEG | Fotos, Produktaufnahmen | Basiswert | Sicherer Upload; das CDN konvertiert es |
| PNG | Logos, Transparenz | Größer | Für fotografische Produktbilder vermeiden |
| WebP | Fast alles | 25 bis 35 % kleiner | Wird modernen Browsern automatisch ausgeliefert |
| AVIF | Fotos bei niedriger Bitrate | 30 bis 50 % kleiner | Wird ausgeliefert, wenn unterstützt und kleiner als WebP |
Ein konkretes Beispiel macht das Ziel deutlich. Ein Foto mit 4000 mal 3000 px direkt aus der Kamera kann 6 MB wiegen. Auf 2048 px an der langen Kante skaliert und mit JPEG-Qualität 82 exportiert, sinkt dasselbe Bild auf rund 180 KB ohne sichtbaren Verlust, und Shopify liefert es dann als noch kleineres WebP oder AVIF aus. Das ist eine Reduktion um 97 %, bevor das CDN überhaupt eingreift.
Als praktische Faustregel, nicht als feste Google-Vorgabe, laden Sie eine Quelle mit maximal etwa 2048 px an der langen Kante hoch, exportieren Sie mit JPEG-Qualität 80 bis 85 und zielen Sie auf Produktbilder unter 200 KB, Hero- und LCP-Bilder unter etwa 150 KB und Thumbnails unter 30 KB. Behandeln Sie diese Werte als Arbeitsziele, nicht als vorgeschriebene Grenzen. Squoosh und TinyPNG erledigen das bei kleineren Katalogen kostenlos. Größere Bibliotheken rechtfertigen eine App, die sich in den Upload-Prozess einklinkt. Langsame, schwere Bilder sind genau das, was ein Shopify Store Design-Review zuerst aufdeckt.
Wenn Sie Bilder aus Metafeldern oder einem Headless-Setup ausliefern, kann Safari eine WebP-URL anfordern und trotzdem ein schwereres PNG oder JPEG erhalten. Leiten Sie Metafeld-Bilder durch image_url und prüfen Sie den Response-Content-Type in den DevTools, damit eine 150-KB-Datei nicht still auf über 1 MB aufbläht.
Responsive Auslieferung, Lazy Loading und Ihr LCP-Bild
Ein einziges Desktop-großes Bild an jedes Gerät auszuliefern verschwendet Bandbreite und drückt die mobilen Core Web Vitals nach unten. Moderne Shopify-Themes nutzen die Attribute srcset und sizes, sodass ein Handy eine 400-px-Datei lädt, während ein Desktop 1200 px aus derselben Quelle bekommt. Fordern Sie bestimmte Breiten mit dem Liquid-Filter an, zum Beispiel | image_url: width: 800.
Drei technische Schritte trennen eine schnelle Produktseite von einer langsamen:
- Bilder unterhalb des Falzes per Lazy Load mit
loading="lazy", damit Galeriebilder außerhalb des Sichtbereichs den ersten Aufbau nicht blockieren. - Das LCP-Bild priorisieren mit
fetchpriority="high"und einem Preload-Hint. Laden Sie Ihr Hauptproduktbild nie per Lazy Load, denn das verzögert genau das Element, das Google misst. - Explizite Breite und Höhe setzen oder einen Aspect-Ratio-Container, damit das Layout beim Laden nicht springt, was Ihren Cumulative-Layout-Shift-Wert schützt.
Eine Produktgalerie kann etwa das erste Bild vorladen und den Rest per Lazy Load laden:
<img src="marineblauer-merino-pullover-vorne.jpg" width="1200" height="1200"
fetchpriority="high" alt="Marineblauer Merino-Pullover, Vorderansicht">
<img src="marineblauer-merino-pullover-ruecken.jpg" width="1200" height="1200"
loading="lazy" alt="Marineblauer Merino-Pullover, Rücken und Schulternaht">
Wenn sich Ihre Produktseiten trotz dieser Maßnahmen schwer anfühlen, verbindet ein fokussiertes CRO Audit den Geschwindigkeitsverlust mit dem Umsatz, den Sie liegen lassen.
Structured Data und Bild-Sitemaps: Die Ebene, die die meisten Shops auslassen
Das ist die fortgeschrittene Ebene von Produktbilder-SEO, und hier ziehen Sie an fast jedem Konkurrenz-Artikel vorbei. Google kann Ihre Bilder in Rich Results und mit Badges in Google Bilder zeigen, wenn Sie Structured Data liefern, und das image-Attribut ist ein Pflichtfeld, um dafür infrage zu kommen. Auf einer Produktseite bedeutet das Product-Schema mit einem Bild-Array oder ImageObject-Markup für redaktionelle Bilder. Fügen Sie das Markup auf jeder Seite hinzu, auf der ein Bild erscheint, auch wenn es dasselbe Bild ist.
Ein minimales Product-Bild-Array sieht so aus, mit mehreren Perspektiven, die über ihre beschreibenden URLs referenziert werden:
"image": [
"https://cdn.shop/marineblauer-merino-pullover-vorne.jpg",
"https://cdn.shop/marineblauer-merino-pullover-ruecken.jpg",
"https://cdn.shop/marineblauer-merino-pullover-buendchen.jpg"
]
Bei großen Katalogen ist die Auffindbarkeit der Engpass. Eine Bild-Sitemap listet Ihre Bild-URLs, damit Google sie schneller findet und indexiert, und sie darf URLs auf einer separaten CDN-Domain enthalten. In der Datei eingebettete IPTC-Fotometadaten sind ein alternativer Weg zu Metadaten und können Bilder für das Lizenz-Badge qualifizieren. Verifizieren Sie Ihre CDN-Domain in der Search Console, damit Crawl-Fehler sichtbar werden.
Structured Data ändert nicht, wie Ihre Seite aussieht. Es ändert, wie Google sie versteht. Ein korrektes Product-Bild-Array ist der Unterschied zwischen einem nackten Thumbnail und einem mit Badge versehenen, informationsreichen Ergebnis in Google Bilder.
Produktbilder für Google Lens und KI-Bildersuche optimieren
Die visuelle Suche ist vom Kuriosum zum Standard geworden und eng mit Googles Gemini-Modellen verzahnt. Richtet ein Käufer Lens auf ein Objekt oder lädt einen Screenshot hoch, gleicht Google das Bild mit indexierten Bildern ab und stützt sich auf dieselben Signale, die Sie im Produktbilder-SEO bereits optimiert haben: Dateiname, Alt-Text, Seitenkontext und Bildqualität. Multimodale KI-Systeme lesen zudem Alt-Text und Bildunterschriften, um zu verstehen, was ein Bild zeigt, was mitentscheidet, ob Ihr Produkt auftaucht oder zitiert wird.
Drei Dinge verschaffen Sichtbarkeit in der visuellen Suche. Nutzen Sie einzigartige, hochwertige Produktfotografie statt der Herstelleraufnahme, die hundert andere Shops ebenfalls verwenden. Platzieren Sie jedes Bild neben beschreibendem Text zur exakten Variante. Und halten Sie die umgebende Seite zum Bildmotiv relevant. Ein Käufer, der mit Lens die Sneaker eines Freundes fotografiert, erreicht viel eher einen Shop, dessen Bild weisse-leder-court-sneaker.jpg heißt, neben einer passenden Produktbeschreibung steht und Product-Schema trägt, als einen, der IMG_0099.jpg ohne Kontext ausliefert. Wenn Sie das in ein größeres Programm einbauen, behandeln unsere KI-SEO-Services visuelle und multimodale Auffindbarkeit als vollwertige Kanäle.
Ein praktisches Produktbilder-SEO-Audit
Führen Sie dieses Produktbilder-SEO-Audit zuerst auf Ihren umsatzstärksten Seiten aus, dann arbeiten Sie sich durch den Katalog. Ein Template ist in unter einer Stunde geprüft und zeigt genau, wo Sie Ihre Shopify Bilder optimieren müssen. Der Aufwand zahlt sich über jedes Produkt aus, das das Template nutzt.
- Dateinamen stichprobenartig prüfen. Öffnen Sie eine Produktseite, inspizieren Sie die Bilder und sehen Sie sich die URLs an. Tauchen IMG- oder DSC-Zeichenfolgen auf, hat Ihre Namenskonvention nie stattgefunden.
- Alt-Text-Abdeckung prüfen. Kontrollieren Sie Hauptbilder, Galeriebilder, Kategorie-Banner und Blogbilder. Leerer oder doppelter Alt-Text ist die häufigste Lücke im Bilder-SEO.
- Bilder wiegen. Sortieren Sie in den DevTools das Netzwerk-Panel nach Größe. Jedes Produktbild über 300 KB oder jedes Hero über 200 KB braucht eine Neukomprimierung.
- Formatauslieferung bestätigen. Prüfen Sie, ob der Response-Content-Type in einem modernen Browser image/webp oder image/avif liest.
- Das LCP-Element testen. Lassen Sie die Seite durch PageSpeed Insights laufen und bestätigen Sie, dass das LCP-Bild vorgeladen und nicht per Lazy Load geladen wird.
- Structured Data validieren. Fügen Sie die URL in Googles Rich-Results-Test ein und bestätigen Sie, dass das Product-Bildfeld besteht.
- Bild-Sitemap verifizieren. Bestätigen Sie, dass Bilder in einer in der Search Console eingereichten Sitemap erscheinen.
Reparieren Sie das Template, nicht das Bild. Die meisten Shopify-Bildprobleme leben in den Bild-Tags des Themes und in der Upload-Gewohnheit, diese zwei Stellen zu korrigieren verteilt den Fix über Tausende Produkte auf einmal.
Fazit
Produktbilder-SEO ist keine einzelne Taktik. Es ist ein Stapel: beschreibende Dateinamen, mensch-zuerst geschriebener Alt-Text, aggressive Shopify-Bildkomprimierung, responsive und priorisierte Auslieferung, Structured Data und eine Bild-Sitemap. Shopify liefert Ihnen Formatkonvertierung und ein schnelles CDN gratis, doch Benennung, Komprimierung, Alt-Text und Markup gehören Ihnen. Wer Produktbilder-SEO konsequent umsetzt und seine Shopify Bilder optimiert, gewinnt zwei Kanäle auf einmal, höhere Sichtbarkeit in Google Bilder und Lens sowie einen schnelleren Shop, der besser konvertiert.
Machen Sie Ihre Produktbilder zum Vorteil für Sichtbarkeit und Geschwindigkeit
Shopify PageSpeed Audit
Finden Sie die schweren Bilder und LCP-Engpässe, die Ihre Produktseiten bremsen.
Speed prüfen →SEO Audit
Decken Sie fehlenden Alt-Text, schwache Dateinamen und Indexierungslücken auf.
Lücken finden →Shopify Marketing Agentur
Verzahnen Sie Bilder-SEO mit einem vollen Organic- und Paid-Growth-Programm.
So arbeiten wir →Häufig Gestellte Fragen
Ja. Alt-Text ist eines der Hauptsignale, mit denen Google versteht, was ein Bild zeigt, neben dem Dateinamen und dem umgebenden Text. Beschreibender Alt-Text mit Produktnamen und einem natürlichen Keyword verbessert Ihre Chancen in Google Bilder. Zugleich hält er die Seite für Screenreader-Nutzer barrierefrei.
Zielen Sie auf Produktbilder unter 200 KB, Hero- oder LCP-Bilder unter etwa 150 KB und Thumbnails unter 30 KB. Exportieren Sie Quellen mit JPEG-Qualität 80 bis 85 und maximal rund 2048 px an der langen Kante. Shopify konvertiert das Format, komprimiert aber Ihr Original nicht, machen Sie das also zuerst.
Das müssen Sie nicht. Shopifys CDN liefert modernen Browsern automatisch WebP und dort, wo es kleiner ist, AVIF aus, sofern Bilder den image_url-Filter nutzen. Laden Sie komprimierte JPEG-Quellen mit Qualität 80 bis 85 hoch und überlassen Sie das Format dem CDN. Die Komprimierung der Originaldatei bleibt Ihre Aufgabe.
Halten Sie ihn knapp, rund 125 Zeichen. Beschreiben Sie, was das Bild zeigt, nennen Sie den Produktnamen und ein relevantes Keyword und lassen Sie Phrasen wie Bild von oder Foto von weg. Variieren Sie bei einer Galerie jede Beschreibung nach Perspektive oder Detail, damit keine zwei Bilder denselben Alt-Text teilen.
Nutzen Sie kleingeschriebene, mit Bindestrichen getrennte Wörter, die das Produkt beschreiben, etwa marineblauer-merino-pullover-vorne.jpg. Vermeiden Sie Kamera-Standards wie IMG_4821.jpg, Leerzeichen und Umlaute. Shopify behält den ursprünglichen Dateinamen in der Bild-URL, benennen Sie die Datei also vor dem Upload um, da eine spätere Umbenennung die URL nicht ändert.
Shopify erzeugt eine Sitemap, die Produkt- und Seitenbilder referenziert, doch große Kataloge profitieren davon, die Abdeckung in der Google Search Console zu prüfen. Eine Bild-Sitemap hilft Google, Bilder schneller zu finden, und darf URLs auf einer separaten CDN-Domain enthalten. Verifizieren Sie die CDN-Domain in der Search Console, um Crawl-Fehler zu erkennen.
Ja. Google Lens gleicht ein Foto oder einen Screenshot mit indexierten Bildern ab und nutzt dabei Dateinamen, Alt-Text, Seitenkontext und Bildqualität. Einzigartige, hochwertige Produktfotografie neben beschreibendem Text zur exakten Variante gibt Lens die stärksten Signale, um Ihr Produkt in der visuellen Suche auszuspielen.
Nein. Rein dekorative Bilder wie Trenner oder Hintergrund-Elemente sollten ein leeres Alt-Attribut bekommen, geschrieben als alt gleich zwei Anführungszeichen ohne Inhalt, damit Screenreader sie überspringen. Informative Bilder und Produktbilder brauchen immer beschreibenden Alt-Text. Fehlt Alt ganz, sagt der Screenreader stattdessen den Dateinamen an.