Shopify Bild-SEO: Alt-Text, Dateinamen & Ladegeschwindigkeit (2026)
Ein konkretes Shopify-Bild-SEO-Playbook — beschreibende Alt-Texte, keyword-reiche Dateinamen, Komprimierung für Core Web Vitals und Lazy Loading — mit Beispielen, die du heute kopieren kannst.
Deine Produktbilder sind wahrscheinlich die schwersten Elemente auf deinen Shopify-Seiten – und gleichzeitig eines der am häufigsten übersehenen SEO-Assets, die du besitzt. Richtig umgesetzt bringt Shopify-Bild-SEO dir Traffic aus der Google Bildersuche, liefert dem Haupt-Suchalgorithmus wichtigen Kontext und hält Seiten schnell genug, um zu ranken und zu konvertieren. Falsch gemacht drückt es still deine Core Web Vitals nach unten und lässt einfachen Traffic ungenutzt liegen.
Dieser Leitfaden ist die praktische Version: eine einfache Alt-Text-Formel mit Beispielen, wie du Dateien vor dem Upload benennst, Kompressionsziele für die Ladegeschwindigkeit und die Lazy-Loading- und Preload-Anpassungen, die wirklich etwas bewegen.
Alt-Texte schreiben, die Käufer (und Google) verstehen
Alt-Text beschreibt ein Bild für Screenreader und für Crawler, die keine Pixel 'sehen' können. Er ist außerdem ein Ranking-Signal für die Google Bildersuche und ein kleiner, aber echter Kontext-Hinweis für deine Produktseite. Die meisten Shops lassen ihn entweder leer oder stopfen ihn mit Keywords voll – beides verschenkt diesen Platz.
Eine einfache Alt-Text-Formel
Nutze dieses Muster und du wirst nie wieder zu lange darüber nachdenken:
[Farbe/Material] + [Produkttyp] + [Hauptmerkmal] + [Kontext]
Halte ihn natürlich, unter ~125 Zeichen, und verzichte auf Füllwörter wie 'Bild von' oder 'Foto von' – Screenreader kündigen ohnehin an, dass es sich um ein Bild handelt.
| Bild | Schwacher Alt-Text | Starker Alt-Text |
|---|---|---|
| Hauptproduktfoto | IMG_4821.jpg |
matte schwarze Edelstahl-Trinkflasche, 750ml |
| Lifestyle-Foto | Flasche draußen |
Frau trinkt aus schwarzer Isolierflasche auf einem Wanderweg |
| Detailaufnahme | Nahaufnahme |
leckdichter Schraubverschluss an schwarzer Isolierflasche |
| Farbvariante | blau |
ozeanblauer Isolierbecher, 750ml |
Alt-Text-Regeln, die wirklich zählen
- Beschreibe, was tatsächlich im Bild zu sehen ist – nicht deine gesamte Keyword-Liste.
- Ein natürliches Keyword reicht – Genauigkeit schlägt Dichte.
- Variiere pro Bild. Acht identische Alt-Texte wirken wie Spam; jedes Bild zeigt etwas anderes, also beschreibe das.
- Lass dekorative Bilder leer (leerer Alt-Text), damit Screenreader sie überspringen – das gilt für Hintergrundelemente, nicht für Produktfotos.
In Shopify bearbeitest du Alt-Texte direkt im Medienbereich jedes Produkts (auf das Bild klicken, dann 'Alt-Text hinzufügen'). Theme- und Kollektionsbilder werden im Theme-Editor festgelegt.
Dateien vor dem Upload benennen
Hier ist die Falle, die die meisten Händler übersehen: Shopify behält deinen Original-Dateinamen, und du kannst ein Bild nach dem Upload nicht sauber umbenennen. Das heißt, IMG_4821.jpg steckt für immer in deiner URL – es sei denn, du löschst und lädst erneut hoch. Mach das einmal richtig, vor dem Upload.
Ein guter Dateiname spiegelt guten Alt-Text wider – beschreibend, kleingeschrieben, mit Bindestrichen getrennt:
- ✅
leder-umhaengetasche-braun.jpg - ✅
isolierflasche-schwarz-750ml.webp - ❌
IMG_4821.JPG - ❌
final_v2_FINAL (1).png - ❌
leder_umhaengetasche_braun.jpg(Bindestriche verwenden, keine Unterstriche – Google behandelt Bindestriche als Worttrennzeichen)
Halte bei einem Produkt mit mehreren Bildern ein einheitliches Muster ein, damit Dateien logisch sortieren und leicht zu verwalten sind: produktname-haupt.jpg, produktname-seite.jpg, produktname-detail.jpg, produktname-lifestyle.jpg. Konsequenz zahlt sich aus, wenn du später 200 SKUs aktualisierst. Für das große Bild beim Aufbau eines Bild-Sets, lies unseren Shopify-Produktbilder-Leitfaden.
Für Geschwindigkeit komprimieren (und Core Web Vitals)
Bilder machen in der Regel 60–80% des Seitengewichts aus – hier entscheidet sich Geschwindigkeit. Googles Core Web Vitals – vor allem der Largest Contentful Paint (LCP), der fast immer dein Hauptproduktbild ist – beeinflussen direkt sowohl Rankings als auch Conversion.
Angestrebte Zielwerte:
| Faktor | Zielwert | Warum es wichtig ist |
|---|---|---|
| Dateigröße pro Bild | Möglichst unter ~200KB | Kleinere Nutzlast, schnellerer LCP |
| Format | WebP (oder qualitativ hochwertiger JPEG) | WebP ist ~25–35% kleiner als JPEG |
| Abmessungen beim Upload | ~2048px an der längsten Seite | Groß genug für Zoom, nicht unnötig groß |
| JPEG-Qualität | 80–85% | Visuell verlustfrei, deutlich kleinere Dateien |
Shopify liefert über sein CDN bereits responsives, automatisch konvertiertes WebP – das schützt dich aber nicht davor, ein 5-MB-Handyfoto hochzuladen. Die Quelldatei muss vernünftig sein. Komprimiere vor dem Upload und du stapelst die Einsparungen.
Die Falle ist Über-Komprimierung, bis Kanten fleckig werden und weiße Hintergründe grau – Qualität ist deine Marke. Wie du diese Grenze findest, erklären wir in Shopify-Bilder komprimieren ohne Qualitätsverlust, und die richtigen Ausgangsmaße findest du in unserem Leitfaden zu Shopify-Produktbild-Größe und Abmessungen.
Die richtigen Bilder lazy loaden und vorladen
Die Ladereihenfolge ist genauso wichtig wie die Dateigröße. Zwei Änderungen erledigen den Großteil der Arbeit:
- Bilder unterhalb des sichtbaren Bereichs per Lazy Load laden. Bilder, zu denen der Käufer noch nicht gescrollt hat, sollten das initiale Rendering nicht blockieren. Die meisten modernen Shopify-Themes fügen bereits
loading="lazy"zu Galerie- und Kollektionsbildern hinzu – überprüfe, ob deins das tut. - Dein LCP-Bild NICHT per Lazy Load laden. Das Hauptproduktbild (oder Hero-Banner) sollte sofort laden, idealerweise mit einem
<link rel="preload">-Hinweis oderfetchpriority="high". Das wichtigste einzelne Bild per Lazy Load zu laden ist eine häufige, selbst verursachte Geschwindigkeitsstrafe.
Das Prinzip: Lade das eine Bild above the fold, das die Seite definiert, sofort – alle anderen per Lazy Load. Wenn du ein aktuelles Theme nutzt, musst du meist nur diese Standardwerte überprüfen, anstatt Liquid-Code manuell zu bearbeiten.
Woher die Bilder kommen
All das oben Genannte setzt voraus, dass du bereits saubere, einheitliche, gut aufgenommene Bilder zum Optimieren hast. Das ist der eigentliche Engpass für die meisten Shops – Benennung und Alt-Text sind einfach, sobald die Fotos gut sind.
HedaAI verwandelt deine vorhandenen Produktfotos in ein vollständiges Set von 12 E-Commerce-Bildern – 8 Haupt- und Galeriefotos plus 4 A+-Style-Banner – zusammen mit Listing-Texten, ohne Fotostudio. Ein Foto reicht; mehrere Winkel liefern bessere Ergebnisse. HedaAI ist am stärksten genau bei den Bildern, die für Shopify-SEO und Conversion am wichtigsten sind: saubere Hauptaufnahmen auf weißem Hintergrund (dein LCP-Bild), Lifestyle-Szenen und Infografiken.
Es kostet $1.00 pro Produkt, und neue Accounts erhalten $2 in kostenlosen Credits – das entspricht etwa zwei kostenlosen Produkten – sodass du es an einem echten Listing testen kannst. Ein kostenloser Durchlauf liefert eine Vorschau mit Wasserzeichen; deine erste Zahlung entfernt Wasserzeichen und schaltet 2K-HD-Downloads frei. Erstelle das Set, benenne jede Datei mit deinem Keyword-Muster vor dem Upload, schreibe Alt-Texte mit der obigen Formel – und deine Bilder sind von Pixel bis Metadaten optimiert. Sieh dir echte Vorher-Nachher-Sets auf unserer Beispielseite an, stöbere in den enthaltenen Funktionen auf der Shopify-Lösungsseite oder schau dir die Preise an.
Das Fazit
Shopify-Bild-SEO ist keine einzelne Einstellung – es ist eine kurze Checkliste, die du für jedes Produkt durchgehst: beschreibender Alt-Text nach der Formel, keyword-reiche Dateinamen vor dem Upload festlegen, Dateien auf unter ~200KB komprimieren und Lazy Loading überall außer bei deinem LCP-Bild. Nichts davon dauert lange, sobald es zur Gewohnheit geworden ist – und zusammen bringt es Traffic aus der Google Bildersuche, schützt deine Core Web Vitals und sorgt für Seiten, die schnell laden und verkaufen. Fang mit deinen meistverkauften Produkten an und arbeite dich nach unten vor.