In einem gut geführten Shopify-Shop entscheidet die Produktseite über 60-70 % des Umsatzes. Jede andere Seite (Homepage, Kollektionen, Blog) dient dazu, Käufer zu einer Produktseite zu leiten. Sobald sie dort ankommen, hat die Produktseite eine Aufgabe: aus einem neugierigen Besucher einen zahlenden Kunden zu machen. Die meisten Shopify-Produktseiten machen dies schlecht, nicht weil die Grundlagen schwer sind, sondern weil die meisten Shops ihre eigene Produktseite nie aus der Perspektive eines Käufers auf Mobilgeräten mit langsamer Verbindung betrachten.
Dies ist eine vollständige Analyse. Aufbau des Bereichs "Above-the-fold", Bildstrategie, Varianten-UX, Platzierung von Social Proof, mobil-spezifische Taktiken und die spezifischen Fehler, die stillschweigend 15-25 % Ihrer Conversions kosten.
Was der Bereich "Above-the-fold" leisten muss
Der Bereich "Above-the-fold" auf Mobilgeräten umfasst ungefähr die ersten 700 Pixel des Bildschirms. Das ist das, was Käufer sehen, bevor sie scrollen. In diesem Bereich müssen sechs Elemente zusammenwirken: Produktbild, Produkttitel, Preis, Sternebewertung mit Anzahl der Rezensionen, Variantenauswahl und In-den-Warenkorb-Button. Nichts anderes gehört in diesen Bereich. Keine Marken-Story, keine Versand-Badges, keine Chat-Blasen.
Wenn ein Käufer auf einem iPhone 15 scrollen muss, um den In-den-Warenkorb-Button zu sehen, verlieren Sie Conversions, bevor er sich überhaupt mit dem Produkt beschäftigt. Machen Sie Screenshots Ihrer drei wichtigsten Produktseiten auf Ihrem eigenen Telefon und zählen Sie, wie viele davon diesen Test bestehen. Die meisten Shopify-Shops scheitern an mindestens einem Punkt.
Produktbilder: Wie viele, welcher Typ
Die Bildergalerie leistet auf den meisten Produktseiten mehr Arbeit als der Text. Käufer scrollen durch Bilder, sie lesen selten Absätze. Standardformel für eine konvertierende Produktseite:
- Bild 1: Hero Shot. Produkt auf sauberem Hintergrund, auf Augenhöhe, gut beleuchtet. Dies erscheint in Suchergebnissen und auf Kategorieseiten, daher muss es den Klick zweimal verdienen.
- Bild 2: Produkt im Kontext. Jemand, der es benutzt, trägt oder das Produkt in einer realen Umgebung. Kontextbilder übertreffen Studioaufnahmen bei der Steigerung der Kaufabsicht.
- Bild 3: Video. 15-30 Sekunden, das Produkt in Gebrauch zeigend. Autoplay stummgeschaltet mit deutlichen Bedienelementen. Shopify unterstützt native Video-Uploads; verlinken Sie nicht auf YouTube.
- Bild 4-6: Detailaufnahmen. Textur, Nahaufnahme, Größenvergleich (Produkt neben einer Münze, Hand oder einem gewöhnlichen Objekt).
- Bild 7-8: Varianten. Wenn Sie mehrere Farben oder Größen verkaufen, zeigen Sie diese.
- Bild 9-10: Infografiken. Feature-Callouts, Größentabelle, Inhaltsstoffe, Abmessungen. Käufer machen davon Screenshots, um sie zu teilen.
Acht bis zehn Bilder sind der optimale Bereich für die meisten Produktkategorien. Weniger als fünf und Käufer haben nicht genügend Informationen, um zu kaufen. Mehr als zwölf und Sie verstecken die guten.
Produkttitel und Preis: Die Hierarchie, die konvertiert
Der Produkttitel sollte scannbar sein, nicht überladen. „Merino-Wolle Rundhals-T-Shirt, Anthrazit“ ist besser als „Premium Handgefertigtes Ultra-Weiches Nachhaltiges Merino-Wolle Alltags-Essential Rundhals-T-Shirt.“ SEO-Stuffing in Titeln schadet der Konversion und hilft oft nicht beim Ranking.
Der Preis sollte direkt unter dem Titel stehen, in einer Schriftgröße, die deutlich größer ist als der umgebende Text. Zeigen Sie den Vergleichspreis (durchgestrichen) nur an, wenn der Rabatt echt und aktuell ist. Gefälschte Rabatte sind in der EU und Großbritannien gemäß der Omnibus-Richtlinie illegal, und Käufer erkennen überhöhte UVPs sofort.
Wenn Ihr Preis je nach Variante variiert, zeigen Sie den Preis der aktuell ausgewählten Variante an, nicht einen „ab“-Preis. „Ab 49 $“ lässt Käufer sich fragen, wie der tatsächliche Preis ist. Zeigen Sie die tatsächliche Zahl.
Variantenauswahl: Farbfelder schlagen Dropdowns
Farboptionen sollten visuelle Farbfelder sein, keine Text-Dropdowns. Größenoptionen sollten antippbare Schaltflächen sein, keine Dropdowns. Material- oder Stiloptionen sollten Chips oder Karten sein. Der Grund ist einfach: Käufer sehen alle Optionen auf einmal, verstehen, was verfügbar ist, und können direkt tippen. Dropdowns verstecken Auswahlmöglichkeiten und erzwingen Interaktion nur zum Browsen.
Dawn und die meisten modernen Shopify-Themes unterstützen Farbfelder nativ über Metafelder. Wenn Ihr Theme dies nicht tut, übernehmen Apps wie Swatch King oder Product Options diese Aufgabe. Wenn Sie Kleidung verkaufen, investieren Sie einen Tag in die ordnungsgemäße Einrichtung von Farbfeldern; dies ist eine der PDP-Änderungen mit dem höchsten ROI, die Sie vornehmen können.
Der „In den Warenkorb“-Button, der konvertiert
Drei Dinge sind wichtig für den „In den Warenkorb“-Button:
- Kontrast. Er sollte das Element mit dem höchsten Kontrast im sichtbaren Bereich sein. Nicht der zweithöchste. Nicht gleichauf mit dem Header. Der höchste. Wenn Ihre Button-Farbe zu Ihrer Markenfarbe passt und Ihre Markenfarbe zum Header, konkurrieren drei Elemente um die gleiche Aufmerksamkeit und keines davon gewinnt.
- Text. „In den Warenkorb legen“ ist in Ordnung. „Jetzt kaufen“ ist in Ordnung. „Jetzt shoppen“ ist schlechter, weil es dem Käufer nicht sagt, was passieren wird. Kategoriespezifischer Text gewinnt manchmal: „Zur Tasche hinzufügen“ für Mode, „Zur Box hinzufügen“ für Abonnements.
- Sticky auf Mobilgeräten. Der Haupt-„In den Warenkorb“-Button scrollt aus dem Sichtbereich, wenn Käufer die Beschreibung lesen. Eine fixe Leiste am unteren Bildschirmrand (oder ein schwebender Button), die mit Produktnamen, Preis und „In den Warenkorb“-Button wieder erscheint, erhöht die mobile CVR um 10-20 %. Aktivieren Sie dies in den Theme-Einstellungen oder verwenden Sie eine App wie EA Sticky Add to Cart.
Social Proof: Wo Rezensionen hingehören
Sternebewertung mit Anzahl der Rezensionen gehört direkt unter den Produkttitel, über oder neben dem Preis. Nicht am Ende der Seite. Nicht in einem Tab, der angeklickt werden muss. Das einzeilige Signal ("4.7 Sterne, 1.240 Rezensionen") sagt den Käufern, ob sie weiterlesen sollen.
Vollständige Rezensionen kommen weiter unten auf der Seite, typischerweise nach der Beschreibung, aber vor den FAQs. Filtern Sie Rezensionen nach Sternebewertung, nach verifiziertem Kauf und (für Kleidung) nach Größe oder Körpergröße. Fotos und Video-Rezensionen übertreffen textbasierte Rezensionen bei der Conversion-Rate, daher sollten Sie Kunden dazu anregen, diese einzureichen.
Judge.me, Yotpo, Loox, Okendo und Junip sind die Standard-Shopify-Review-Apps. Alle handhaben die Zusammenfassung im sichtbaren Bereich gut; der Unterschied liegt im Workflow (Rezensionsanfragen, Foto-Prompts) und der Integration mit Ihren anderen Tools (Klaviyo, Meta-Anzeigen).
Versand und Rücksendungen: Anzeigen, nicht verlinken
Käufer, die sich für Versandkosten oder Lieferzeiten interessieren, werden nicht zu Ihrer Richtlinienseite klicken, um diese zu finden. Sie werden entweder den Kauf abbrechen oder über den Chat nachfragen. Beides kostet Sie Geld. Fügen Sie direkt auf der Produktseite erweiterbare Abschnitte hinzu:
- Versand: „Versand innerhalb von 24 Stunden. Lieferung innerhalb von 3-5 Werktagen nach [erkanntes Land].“
- Rücksendungen: „Kostenlose Rücksendungen für 30 Tage. Keine Fragen gestellt.“
- Garantien: Jede echte Garantie (Zufriedenheit, lebenslange Garantie, Preisgarantie). Keine generischen Vertrauensabzeichen.
Erkennen Sie das Land anhand der IP-Adresse oder der Sitzung und lokalisieren Sie es, wo immer möglich. Ein US-Käufer interessiert sich nicht dafür, dass Sie nach Australien versenden. Zeigen Sie ihm die US-Lieferzeiten.
Die Produktbeschreibung, die tatsächlich gelesen wird
Käufer lesen Produktbeschreibungen nicht so, wie Sie diesen Blogbeitrag lesen. Sie scannen nach spezifischen Antworten auf spezifische Fragen. Strukturieren Sie die Beschreibung entsprechend:
- Die ersten 100-150 Wörter: Was dieses Produkt ist, für wen es ist und was es besonders macht. Dies sollte gut lesbar sein, auch ohne Überschriften.
- Feature-Liste: 4-6 Aufzählungspunkte. Jeder Punkt ist ein Vorteil, keine Spezifikation. „Hergestellt aus Merinowolle“ ist eine Spezifikation; „Bleibt durch 3-maliges Tragen ohne Waschen frisch“ ist ein Vorteil.
- Erweiterbare Abschnitte: Materialien, Pflege, Größe, Inhaltsstoffe, Spezifikationen, Versand, Rücksendungen. Standardmäßig eingeklappt, damit die Seite scannbar bleibt.
Vermeiden Sie Marketing-Absätze, die beschreiben, wie das Produkt das Leben des Käufers verändern wird. Käufer filtern dies heraus. Produktspezifische, ehrliche, funktionale Beschreibungen übertreffen Marken-Texte jedes Mal.
Der FAQ-Block auf der Produktseite (SEO plus CRO)
Jedes Produkt hat 5-6 wiederkehrende Fragen vor dem Kauf. Größe, Materialien, Pflege, Lieferzeit, Rückgaberichtlinien, ob es spülmaschinenfest oder FDA-zugelassen ist. Beantworten Sie diese auf der Produktseite in einem ausklappbaren FAQ-Akkordeon unter der Beschreibung.
Das ist ein doppelter Gewinn: Es reduziert die Kaufhürden (CRO) und speist FAQPage-Strukturdaten (SEO). Fügen Sie das JSON-LD FAQ-Schema in das Produktseiten-Template ein, und Google wird diese Fragen oft direkt in den Suchergebnissen und KI-Zusammenfassungen anzeigen.
Cross- und Upsells: Platzierung ohne Beeinträchtigung der CVR
Cross-Sells auf der Produktseite können den durchschnittlichen Bestellwert (AOV) um 10-20% steigern, können aber auch die Conversion Rate (CVR) beeinträchtigen, wenn sie falsch platziert werden. Zwei Regeln:
- Platzieren Sie Cross-Sells unter dem sichtbaren Bereich und unterhalb des „In den Warenkorb“-Buttons. Niemals darüber. Käufer, die Produkt A kaufen möchten, sollten nicht durch Produkt B abgelenkt werden, bevor sie den Kauf abschließen können.
- Zeigen Sie 2-4 Artikel an, nicht 10. „Vervollständigen Sie den Look“ oder „Wird oft zusammen gekauft“ ist besser als ein generisches „Das könnte Ihnen auch gefallen“-Karussell mit jedem Artikel im Katalog.
Rebuy, Zipify, Boost und Bold Cross-sell übernehmen all dies. Testen Sie die Platzierung A/B (vor dem Checkout vs. Warenkorb-Drawer vs. Dankeseite), um herauszufinden, wo Ihr spezifischer Katalog am besten funktioniert.
Mobil-spezifische PDP-Taktiken
Da 65-75 % des Shopify-Traffics mobil ist, ist die mobile Produktseite keine verkleinerte Desktop-Produktseite; sie ist die primäre Produktseite. Entwerfen und testen Sie sie entsprechend.
- Mindestens 44x44 Pixel große Touch-Ziele. Varianten-Farbfelder, Mengenauswahl, „In den Warenkorb“-Button. Alles, was kleiner ist, führt zu Fehlern beim Tippen und Frustration.
- Bildergalerie wischt horizontal, nicht vertikal. Vertikale Stapel zwingen Käufer dazu, an Bildern vorbei zu scrollen, um etwas zu lesen.
- Feste „In den Warenkorb“-Leiste. Immer. Siehe vorheriger Abschnitt.
- Standardmäßig einklappbare Abschnitte. Beschreibung, Materialien, Versand, Bewertungen. Käufer öffnen, was sie interessiert. Eine Wand aus offenem Text auf Mobilgeräten führt zu Zurück-Button-Klicks.
- Chat-Popup auf der Produktseite überspringen. Wenn ein Chat erscheinen muss, verzögern Sie ihn um 30 Sekunden und lösen Sie ihn niemals oberhalb des sichtbaren Bereichs aus. Chat-Popups beim Laden sind der größte mobile CVR-Killer für Shops mit einem Umsatz unter 5 Millionen Dollar.
So sieht eine gute Produktseite im Vergleich zu einer schlechten aus
Screenshots wären hier hilfreich; da Sie gerade lesen, schauen Sie sich drei Shopify-Stores in Ihrer Kategorie an und bewerten Sie deren Produktseiten nach dieser Checkliste:
- Ist der „In den Warenkorb“-Button auf Mobilgeräten ohne Scrollen sichtbar? (ja/nein)
- Sind Bewertungen (Sternebewertung und Anzahl) im sichtbaren Bereich sichtbar? (ja/nein)
- Sind Variantenoptionen Farbfelder oder Buttons, keine Dropdowns? (ja/nein)
- Enthält die Bildergalerie mindestens ein Video? (ja/nein)
- Sind Versandinformationen auf der Produktseite sichtbar, ohne auf eine andere Seite klicken zu müssen? (ja/nein)
- Gibt es einen FAQ-Block, der Fragen vor dem Kauf beantwortet? (ja/nein)
- Lädt die Seite auf Mobilgeräten in unter 2,5 Sekunden? (ja/nein)
Unter 4 von 7: Ihre Produktseite verliert Conversions aufgrund von Grundlagen. 4-5: Durchschnittlich, Raum für Verbesserungen. 6-7: Starke Produktseite, konzentrieren Sie sich auf das Testen von höherrangigen Taktiken.
Häufige Shopify PDP-Fehler
- Homepage-ähnliche Hero-Bilder oben auf der Produktseite. Sparen Sie sich die Markenbilder für die Homepage auf. Auf der Produktseite zeigen Sie das Produkt.
- Vertrauensabzeichen statt echter Vertrauenssignale. Ein „Sicherer Checkout“-Abzeichen neben einem Visa-Logo bewirkt weniger als eine verifizierte Kundenbewertung mit Foto.
- Pop-ups beim Laden der Produktseite. E-Mail-Erfassung, Warenkorb-Abbruch, Glücksrad-Rabatte. All dies senkt die PDP-CVR. Verzögern Sie die E-Mail-Erfassung bis zur zweiten Seitenansicht oder beim Verlassen.
- Countdown-Timer bei nicht zeitlich begrenzten Angeboten. Künstliche Dringlichkeit. Käufer erkennen dies und verlieren das Vertrauen. Echte lagerbasierte Countdowns („Nur noch 3 Stück“) funktionieren; willkürliche Sale-Timer nicht.
- Automatisch abspielender Ton bei Videos. Garantiert den Zurück-Button. Autoplay stummgeschaltet mit sichtbaren Bedienelementen nur.
- Lange Produktbeschreibungen über dem „In den Warenkorb“-Button. Der Button gehört in den sichtbaren Bereich. Die Beschreibung darunter. Nicht andersherum.
Wann man externe Hilfe in Anspruch nehmen sollte
Die PDP-Optimierung ist eines dieser Dinge, bei denen die letzten 10 % des Gewinns 90 % des Aufwands erfordern. Best-Practice-Korrekturen (die obenstehende Liste) sind DIY-freundlich. Systematisches PDP-Testing, die Analyse von Sitzungsaufzeichnungen und kategoriespezifische Forschung erfordern ein Team, das dies wöchentlich durchführt.
Wenn Ihr Shop jährlich über 500.000 $ Umsatz macht und Ihre PDP-CVR trotz der Implementierung der Grundlagen stagniert, dann ist der Zeitpunkt gekommen, an dem ein externes Team seine Gebühren verdient. Sehen Sie, wie wir Shopify CRO-Programme durchführen, die sich auf PDP-First-Tests konzentrieren.
Häufig gestellte Fragen
Wie lang sollte eine Produktbeschreibung auf Shopify sein?
Lang genug, um jede Frage eines Käufers zu beantworten, kurz genug, damit niemand das Ganze lesen muss, um zu kaufen. In der Praxis: 100-150 Wörter einer scanbaren Zusammenfassung oben, dann erweiterbare Abschnitte für Details (Materialien, Pflege, Größe, Versand). Struktur schlägt Länge.
Steigern Produktvideos die Conversion-Rate?
Ja. Produktseiten-Videos erhöhen die Conversion-Rate im Durchschnitt um 20-30 %, bei hochpreisigen Kategorien wie Möbel, Elektronik und Bekleidung sogar noch mehr. Es muss nicht professionell produziert sein. Ein 15-30 Sekunden langer Handy-Clip, der das Produkt im echten Gebrauch zeigt, übertrifft oft ein aufwändiges Marken-Video.
Sollte ich Bewertungen oberhalb oder unterhalb des sichtbaren Bereichs auf Shopify anzeigen?
Zeigen Sie die Sternebewertung und die Anzahl der Bewertungen oberhalb des sichtbaren Bereichs, nahe dem Produkttitel und dem Preis an. Der vollständige Bewertungstext gehört weiter unten auf die Seite. Diese einzelne Platzierungsänderung erhöht die CVR routinemäßig um 5-10 %, da Käufer Social Proof sehen, bevor sie sich entscheiden, weiterzulesen.
Sticky „In den Warenkorb“ auf Mobilgeräten: ja oder nein?
Ja. Eine feste Leiste, die Produktname, Preis und „In den Warenkorb“ sichtbar hält, während Käufer scrollen, kann die mobile CVR um 10-20 % erhöhen. Die meisten modernen Shopify-Themes unterstützen dies nativ; aktivieren Sie es in den Theme-Einstellungen.
Brauche ich für jedes Produkt auf Shopify einen Größenratgeber?
Für Bekleidung, Schuhe und Schmuck: Ja, und er sollte als Modal auf der Produktseite verfügbar sein, nicht als verlinkte Seite. Für alles andere: Nur, wenn Größe oder Passform eine echte Kaufentscheidung sind. Rücksendungen aufgrund von Passformfehlern sinken um 30-50 %, wenn ein klarer, produktspezifischer Größenratgeber nur einen Tap entfernt ist.
Möchten Sie eine echte Telefonnummer für Ihr Geschäft?
Senden Sie uns die URL und die Kataloggröße. Wir melden uns dann mit einem Festpreisangebot und der Liste der abgedeckten Vorlagen bei Ihnen. Ein Anruf ist nicht erforderlich, es sei denn, Sie wünschen dies.
Angebot einholen