Shopify Produktseite optimieren: Aufbau, der verkauft

Die Produktseite ist die Seite, auf der Besucher zu Käufern werden oder abspringen. In diesem Artikel lernst du, wie du deine Shopify-Produktseite optimieren kannst: welcher Aufbau funktioniert, welche Angaben in Deutschland Pflicht sind und wie du Vorlagen nutzt, ohne jedes Produkt einzeln zu bauen. Er ist Teil unseres Überblicks Produkte und Sortiment in Shopify.

Der Aufbau von oben nach unten

Die meisten Besucher kommen auf dem Handy. Was sie ohne Scrollen sehen, entscheidet, ob sie bleiben. Diese Reihenfolge hat sich bewährt:

Die Reihenfolge der Blöcke änderst du im Theme-Editor per Drag-and-drop. Ob die Beschreibung neben oder unter den Bildern steht und ob die Bilder beim Scrollen mitlaufen, ist eine Einstellung des Themes. Bei vielen Themes heißt sie „Sticky“ oder „Inhalt beim Scrollen fixieren“. Findest du sie nicht, bietet dein Theme es nicht an. Ähnlich ist es mit Galerie-Layout (Miniaturbilder, Karussell oder untereinander), Bildzoom und Bildgröße auf dem Desktop: Diese Optionen stehen, falls vorhanden, in den Einstellungen des Abschnitts Produktinformationen. Mehr zur Theme-Wahl unter Shopify-Theme wählen.

Pflichtangaben in Deutschland

Viele US-Anleitungen lassen diesen Teil komplett weg. In Deutschland gehört er auf jede Produktseite:

• Preis inklusive Umsatzsteuer und Hinweis auf Versandkosten: Im Fernabsatz musst du angeben, dass der Preis die Umsatzsteuer enthält und ob Liefer- und Versandkosten anfallen (§ 6 PAngV). Üblich ist „inkl. MwSt., zzgl. Versand“ mit Link zur Versandseite. Als Kleinunternehmer ohne Umsatzsteuer formulierst du das entsprechend anders.
• Grundpreis: Bei Ware nach Gewicht, Volumen, Länge oder Fläche brauchst du in der Regel den Preis pro 1 kg, 1 l, 1 m oder 1 m². Shopify hat dafür im Preisbereich das Feld Grundpreis, und alle Online-Store-2.0-Themes zeigen ihn an (Shopify Help Center).
• Streichpreise: Zeigst du einen reduzierten Preis mit „Vergleichspreis“, muss der Bezugspreis der niedrigste Preis der letzten 30 Tage vor der Reduzierung sein. Die IHK Köln fasst die Regeln zu Preisangaben zusammen.
• Lieferzeit: Gehört zu den vorvertraglichen Informationen. Eine konkrete Angabe wie „Lieferzeit 2 bis 4 Werktage“ ist besser als „schnell“.
• Wesentliche Eigenschaften: Material, Maße, Inhalt, Kompatibilität. Alles, was für die Kaufentscheidung wichtig ist.
• Herstellerangaben und Sicherheitshinweise (GPSR): Name und Anschrift sowie elektronische Adresse des Herstellers, bei Herstellern außerhalb der EU die verantwortliche Person in der EU, Produktabbildung und -kennung sowie Warn- und Sicherheitshinweise. Diese Angaben müssen im Angebot stehen, also vor dem Kauf (VO (EU) 2023/988, Art. 19).
• Gewährleistungslabel: Seit 27.09.2026 musst du den harmonisierten Hinweis auf die gesetzliche Gewährleistung vor Vertragsschluss gut sichtbar zeigen, zum Beispiel auf der Produktseite, und zusätzlich mit der Bestellbestätigung auf einem dauerhaften Datenträger mitschicken. Das GARAN-Label zur Haltbarkeitsgarantie brauchst du nur, wenn der Hersteller eine kostenlose Haltbarkeitsgarantie über mehr als zwei Jahre gibt (IHK Dresden).

Die Herstellerangaben pflegst du am besten in Metafeldern und zeigst sie in einer aufklappbaren Zeile an (wie das geht, steht weiter unten). Den vollständigen Überblick zu Impressum, Widerruf und Co. findest du unter Shopify abmahnsicher machen.

Produktbilder: Format, Rechte, KI

Format: Shopify akzeptiert unter anderem JPEG, PNG, WebP, GIF und HEIC. Ein Bild muss kleiner als 20 MB sein und darf bis zu 5.000 × 5.000 Pixel bzw. 25 Megapixel groß sein, pro Produkt sind bis zu 250 Medien möglich (Shopify Help Center). Wichtiger als die maximale Größe ist ein einheitliches Seitenverhältnis: Wenn alle Produktbilder quadratisch (oder alle 4:5) sind, wirken Galerie und Kollektionsseiten ruhig und ordentlich. Viele Themes erlauben zusätzlich, das Seitenverhältnis der Bilder auf Produktkarten festzulegen.

Bild liegt plötzlich quer? Das passiert meist bei Handyfotos, die ihre Ausrichtung nur in den Metadaten speichern. Öffne das Bild in einem Bildprogramm, dreh es dort richtig und exportiere es neu als JPEG oder WebP. Dann bleibt die Ausrichtung erhalten.

Was zeigen? Ein klares Hauptbild auf neutralem Hintergrund, das auch in Google Shopping funktioniert, dann Detailaufnahmen, das Produkt in Benutzung, ein Bild mit Größenvergleich und bei Kleidung Angaben zu Größe und Körpergröße des Models. Letzteres gehört in den Text oder die Bildunterschrift, nicht groß aufs Hauptbild.

Bilder vom Lieferanten: Fotos von AliExpress, CJ Dropshipping oder anderen Händlern einfach zu übernehmen, ist ohne Erlaubnis riskant. Fotos sind urheberrechtlich geschützt, und Marken auf Produkten sind ein eigenes Thema. Die Details stehen im Artikel Produktbilder und Marken im Shop. Eigene Fotos sind außerdem ein echter Vorteil gegenüber den vielen Shops mit identischen Bildern.

KI-Bilder: KI-generierte Szenen können als Stimmungsbild funktionieren. Das Produkt selbst muss aber exakt so aussehen wie die Ware, die ankommt. Sonst riskierst du Retouren und den Vorwurf der Irreführung.

Produktfotos selbst machen

Für die meisten Produkte reicht ein aktuelles Smartphone. Entscheidend sind Licht und Ruhe: Fotografiere bei Tageslicht nah am Fenster oder mit zwei Dauerlichtern von links und rechts, nutze ein Stativ und einen weißen Karton oder eine Hohlkehle als Hintergrund. Zum Freistellen brauchst du kein Photoshop, viele Tools entfernen den Hintergrund automatisch. Lass dir von Models die Nutzung der Fotos in Shop und Werbung schriftlich bestätigen. Bei Print on Demand sind die Mockups des Anbieters ein guter Start, ein Muster mit eigenen Fotos ist aber glaubwürdiger.

Videos und 3D-Modelle

Videos lädst du wie Bilder in die Medien des Produkts. Shopify nimmt MP4, MOV und WebM bis 1 GB und 10 Minuten Länge an, maximal in 4K. Alternativ bindest du ein YouTube- oder Vimeo-Video ein, andere Videoquellen werden nicht unterstützt. Shopify streamt Videos je nach Verbindung in 480p bis 1080p, die Dateigröße bremst die Seite also weniger als bei Bildern. Wie Hochkant-Videos aussehen und ob ein Video in Dauerschleife läuft, bestimmt dein Theme. Statt animierter GIFs ist ein kurzes MP4 meist schärfer und kleiner. Für eine 360-Grad-Ansicht lädst du ein 3D-Modell als GLB oder USDZ hoch (bis 500 MB). Videos und 3D-Modelle zeigen nur Online-Store-2.0- und Horizon-Themes an (Shopify Help Center).

Produkttext, der verkauft

Ein guter Produkttext ist kein Fließtext-Block. Bewährt hat sich diese Struktur:

1. Ein Satz, für wen und wofür: „Wasserdichte Jacke für Hundebesitzer, die bei jedem Wetter raus müssen.“
2. 3 bis 5 Nutzenpunkte: Was hat der Kunde davon, nicht nur was ist eingebaut.
3. Fakten: Material, Maße, Gewicht, Pflege, Lieferumfang.
4. Einwände beantworten: Passt das auf meinen Balkon? Läuft das Shirt ein?

Shopify bietet im Admin einen KI-Textassistenten (Shopify Magic) an. Ob er dir angezeigt wird, hängt von Sprache und Region ab. Nutze ihn als Entwurf, nicht als fertigen Text. Generische KI-Texte klingen in jedem Shop gleich. Das gilt auch für Texte, die eine Dropshipping-App vom Lieferanten importiert: Sie sind oft schlecht übersetzt und genauso geschützt wie Fotos. Schreib sie neu.

Eingabefeld für Namen oder Gravur: Ein Textfeld, in das Kunden einen Namen oder eine Telefonnummer eintragen, gehört nicht in die Beschreibung, sondern in die Produktoptionen. Wie das mit Theme-Blöcken oder Apps wie Teeinblue geht, steht unter Personalisierte Produkte mit Shopify verkaufen.

Print on Demand mit vielen Motiven: Wenn 50 Shirts dieselbe Basisbeschreibung haben, schreib zu jedem Motiv zwei, drei eigene Sätze (Idee, Anlass, für wen) und setze die technischen Daten darunter. Die technischen Daten kommen am besten aus einem Metafeld, dann pflegst du sie nur einmal.

Die Meta-Beschreibung für Google ist übrigens kein Ort für 300 Wörter. Google zeigt dort nur ein kurzes Snippet. Wie du Titel und Beschreibungen für Suchmaschinen schreibst, erklärt Shopify-SEO.

Vorlagen und Metafelder: eine Seite für alle Produkte

„Ich ändere die Produktseite eines Produkts, und es ändert sich bei allen.“ Das ist kein Fehler, sondern so gewollt. Alle Produkte nutzen standardmäßig dieselbe Vorlage, und laut Shopify wirken Änderungen an einer Vorlage auf alle Seiten, die sie verwenden. Das ist eigentlich praktisch: Du baust die Seite einmal und musst nicht jedes Produkt einzeln gestalten.

Produktspezifische Inhalte mit Metafeldern

Für Inhalte, die sich pro Produkt unterscheiden (Pflegehinweise, Maße, Herstellerangaben), nutzt du Metafelder:

1. Leg in den Einstellungen im Bereich für Metafelder und benutzerdefinierte Daten eine Metafeld-Definition für Produkte an, zum Beispiel „Pflegehinweise“.
2. Trag in jedem Produkt unten im Bereich Metafelder den Text ein.
3. Füge im Theme-Editor in der Produktvorlage einen Block Aufklappbare Zeile hinzu, gib eine Überschrift ein und verbinde den Inhalt über das Symbol für dynamische Quellen mit dem Metafeld.

Die Zeile erscheint nur bei Produkten, die einen Wert im Metafeld haben (Anleitung im Help Center). So entstehen die bekannten Tabs oder Akkordeons wie „Beschreibung, Versand, Maße, Pflege“, ohne App und mit unterschiedlichem Inhalt pro Produkt.

Alternative Vorlage für andere Produktgruppen

Brauchen manche Produkte einen ganz anderen Aufbau, etwa ein Bundle mit eigener Landingpage, leg eine zweite Vorlage an:

1. Onlineshop > Themes > Anpassen, oben die Vorlagen-Auswahl öffnen, Produkte wählen und Vorlage erstellen klicken.
2. Namen vergeben und die Standard-Produktvorlage als Basis wählen.
3. Im Produkt im Bereich Theme-Vorlage die neue Vorlage auswählen und speichern.

Für viele Produkte auf einmal geht das im Massenbearbeitungs-Editor über die Spalte „Vorlage“ (Shopify Help Center). Neue Produkte, die ähnlich sind, legst du am schnellsten über „Duplizieren“ an. Text, Bilder und Vorlage werden mitkopiert.

Vorlage taucht in der Auswahl nicht auf

Die Auswahl im Produkt zeigt laut Shopify nur Vorlagen aus dem aktuell veröffentlichten Theme. Hast du die Vorlage in einem unveröffentlichten Theme oder einer Kopie gebaut, erscheint sie erst, wenn du dieses Theme veröffentlichst. Fehlt die Schaltfläche „Vorlage erstellen“ ganz, nutzt du vermutlich ein älteres Theme ohne Online Store 2.0. Umbenennen oder löschen lassen sich Vorlagen nur im Code-Editor. Produkte mit gelöschter Vorlage fallen auf die Standardvorlage zurück (Shopify Help Center). Wann sich weitere Eingriffe in den Code lohnen, erklärt Shopify-Code anpassen.

Beim Wechsel auf ein anderes Theme bleiben Produkte, Beschreibungen, Bilder und Metafelder erhalten. Abschnitte und Blöcke der Produktvorlage richtest du im neuen Theme aber neu ein.

Vertrauen und Kaufauslöser ohne Tricks

• Express-Checkout-Buttons: Die „dynamischen Checkout-Buttons“ (etwa PayPal, Apple Pay, Shop Pay) lassen sich im Produktinformations-Block ein- und ausschalten. Für Einzelprodukte und Impulskäufe sind sie sinnvoll. Bei Shops, in denen Kunden meist mehrere Produkte kaufen, lenken sie vom Warenkorb ab. Teste beides. Welche Zahlungsarten du anbieten solltest, steht unter Zahlungsarten in Shopify einrichten.
• Echte Bewertungen: Bewertungen mit Fotos wirken stärker als jedes Trust-Badge. Wie du an die ersten kommst, erklärt Vertrauen im Shop aufbauen.
• Versand und Rückgabe kurz und konkret: „Versand mit DHL, 2 bis 4 Werktage, 14 Tage Widerrufsrecht“ in einer Zeile unter dem Button.
• Keine falsche Knappheit: „Nur noch 3 Stück“ bei vollem Lager oder Countdowns, die bei jedem Seitenaufruf neu starten, sind irreführend und können abgemahnt werden. Echte Aktionen mit echtem Enddatum sind in Ordnung.

Ladezeit: Jede App, die auf der Produktseite etwas einblendet, lädt eigenen Code. Prüf nach jeder neuen App mit PageSpeed Insights, ob die Seite spürbar langsamer wird, und deinstalliere Apps, die du nicht mehr nutzt. Aktuelle Shopify-Themes sind von Haus aus für Mobilgeräte ausgelegt. Teste trotzdem jede Änderung auf dem Handy.

Checkliste

Häufige Fragen

Muss ich für jedes Produkt eine eigene Produktseite gestalten?

Nein. Jedes Produkt hat automatisch eine eigene Seite mit eigener URL, aber alle nutzen dieselbe Produktvorlage. Du gestaltest die Vorlage einmal im Theme-Editor. Unterschiedliche Inhalte wie Pflegehinweise oder Maße kommen über Metafelder hinein. Eine zweite Vorlage brauchst du nur, wenn eine Produktgruppe einen grundsätzlich anderen Aufbau haben soll.

Darf ich Produktbilder von AliExpress oder meinem Lieferanten verwenden?

Nur mit Erlaubnis des Rechteinhabers. Fotos sind urheberrechtlich geschützt, auch wenn sie auf einer Händlerplattform frei abrufbar sind. Manche Lieferanten erlauben ihren Händlern die Nutzung ausdrücklich, lass dir das schriftlich geben. Zeigen die Bilder fremde Marken oder Logos, kommt zusätzlich das Markenrecht ins Spiel. Eigene Fotos sind rechtlich sicher und heben dich von anderen Shops ab.

Welches Format sollten Produktbilder in Shopify haben?

Wichtig ist vor allem ein einheitliches Seitenverhältnis, meist quadratisch oder 4:5. Shopify erlaubt Bilder unter 20 MB und bis 5.000 × 5.000 Pixel bzw. 25 Megapixel. Eine Kantenlänge von etwa 2.000 Pixeln reicht für Zoom und scharfe Darstellung auf großen Bildschirmen. Komprimiere die Dateien vor dem Hochladen, nutze JPEG oder WebP und vergib aussagekräftige Dateinamen und Alt-Texte.

Wie bekomme ich Tabs wie „Versand“ und „Pflege“ auf die Produktseite?

Mit dem Block „Aufklappbare Zeile“, den die meisten aktuellen Themes in der Produktvorlage anbieten. Für Inhalte, die bei allen Produkten gleich sind, etwa Versandinfos, schreibst du den Text direkt in den Block. Für Inhalte, die sich pro Produkt unterscheiden, verbindest du den Block mit einem Metafeld. Eine App brauchst du dafür in der Regel nicht.

Wie dupliziere ich ein Produkt, ohne die Beschreibung neu zu tippen?

Öffne das Produkt im Admin und wähle „Duplizieren“. Shopify legt eine Kopie mit Beschreibung und Einstellungen an, Bilder kannst du mitkopieren. Danach änderst du Titel, Bilder und die abweichenden Details. Noch effizienter ist es, gleiche Textbausteine wie Material und Pflege in Metafelder auszulagern. Dann pflegst du sie zentral und musst bei Änderungen nicht jedes Produkt einzeln anfassen.

Warum wird mein Produkt im Shop nicht angezeigt, obwohl es aktiv ist?

Prüf zuerst, ob das Produkt im Vertriebskanal Onlineshop veröffentlicht ist. Das siehst du im Produkt im Bereich Veröffentlichung. Dann prüf, ob es in der Kollektion liegt, auf die dein Menü oder Button verlinkt. Zeigt die Seite „Ausverkauft“, ist meist die Mengenverfolgung mit Bestand 0 aktiv. Ein Testkauf im Inkognito-Fenster zeigt dir, was Kunden wirklich sehen. Alle Schritte rund um Status und Sichtbarkeit stehen unter Produkte in Shopify anlegen und sichtbar machen.

Warum sehen meine Produktbilder in Shopify unscharf oder komprimiert aus?

Shopify erzeugt aus jedem Bild automatisch kleinere Versionen für die verschiedenen Bereiche des Themes und liefert sie im Format aus, das der Browser am besten verarbeitet. Wirkt ein Bild unscharf, war die Originaldatei meist zu klein. Shopify empfiehlt für quadratische Produktbilder 2.048 × 2.048 Pixel. Dateien mit einigen hundert KB sind unproblematisch.

Stand: Oktober 2026. Dieser Artikel ist keine Rechts- oder Steuerberatung. Prüfe die Pflichtangaben für deine Produkte im Einzelfall.