- Eine Produktseite verkauft, wenn sie fünf Fragen gleichzeitig beantwortet: Was ist es, passt es, was kostet es insgesamt, wann kommt es an, kann ich es zurückschicken.
- Der erste Bildschirmausschnitt zählt am meisten, besonders auf dem Smartphone: Bild, Titel, Preis, Varianten und der In-den-Warenkorb-Button sollten gemeinsam sichtbar sein.
- Von den US-Käufern, die einen Warenkorb abgebrochen haben, nannten 12 % Gesamtkosten der Bestellung, die vorab nicht sichtbar waren (Baymard Institute). Zeige Versandkosten und Gebühren in der Nähe des Preises an.
- Teste Änderungen an Produktseiten, bevor du sie ausrollst, und wende einen Test per URL-Matching auf alle Produktseiten an.
Um Produktseiten zu verbessern und mehr zu verkaufen, stelle sicher, dass jede Seite fünf Fragen beantwortet: Was das Produkt ist, ob es passt, was es insgesamt kostet, wann es ankommt und ob es zurückgeschickt werden kann. Prüfe dann 12 Elemente: Titel, Bilder, Preis und Gesamtkosten, Varianten, In-den-Warenkorb-Button, Lieferung, Rückgabe, Beschreibung, Bewertungen, Vertrauenssignale, Größentabelle oder FAQ und ähnliche Produkte.
Diese Seite beginnt mit den fünf Fragen und betrachtet dann, was above the fold gehört. Sie listet die 12 Elemente einzeln auf und untersucht anschließend mobile Produktseiten und häufige Fehler. Der letzte Abschnitt zeigt, wie du Änderungen an Produktseiten testest, bevor du sie ausrollst, und endet mit einer Checkliste.
Was eine Produktseite beantworten muss
Ein Besucher auf einer Produktseite stellt fünf Fragen, ungefähr in dieser Reihenfolge. Wenn die Seite alle fünf mühelos beantwortet, ist das Hinzufügen zum Warenkorb eine einfache Entscheidung:
- Was ist es? Der Titel, das Hauptbild und eine einzeilige Zusammenfassung beantworten das.
- Passt es zu mir? Varianten, Größeninformationen, Kompatibilität und wichtige Spezifikationen beantworten das.
- Was kostet es insgesamt? Der Preis, plus Versand, Steuern und Gebühren, beantwortet das.
- Wann kommt es an? Ein Lieferdatum oder -zeitfenster beantwortet das.
- Kann ich es zurückschicken? Eine kurze Rückgabe-Zusammenfassung beantwortet das.
Nutze die fünf Fragen als Test für deine eigenen Seiten. Öffne eine Produktseite auf einem Smartphone, gib es jemandem, der den Shop nicht kennt, und bitte die Person, jede Frage laut zu beantworten. Jede Frage, die mehr als ein paar Sekunden dauert, zeigt auf ein Element, das überarbeitet werden muss. Die 12 Elemente unten sind die üblichen Stellen, an denen diese Antworten zu finden sind.
Above the fold auf einer Produktseite
Der Bereich, der ohne Scrollen sichtbar ist, entscheidet, ob ein Besucher bleibt. Auf einer Produktseite sollte er fünf Dinge enthalten: ein großes Produktbild, einen klaren Titel, den Preis, die Variantenauswahl und den Add-to-Cart-Button. Muss der Besucher scrollen, um den Button zu finden oder den Preis zu sehen, leistet der erste Bildschirm zu wenig.
Auf dem Smartphone ist der erste Bildschirm am kleinsten, also prüfe ihn dort zuerst. Eine Galerie, die den ganzen Bildschirm einnimmt, kann den Titel, den Preis und den Button aus dem sichtbaren Bereich drängen. Vergleiche den ersten Bildschirm mit den fünf Fragen oben und stelle sicher, dass mindestens die ersten drei sofort beantwortet werden. Der Beitrag zu Above the Fold erklärt das Prinzip allgemein, und der Beitrag zum Hero Shot behandelt das Hauptbild.
12 Elemente, die den Umsatz beeinflussen
Arbeite diese 12 Elemente von oben nach unten durch. Jedes ist eine Hypothese, die du auf deiner eigenen Seite prüfen kannst:
- Produkttitel. Benenne das Produkt so, wie Käufer danach suchen, mit dem Hauptattribut wie Typ, Material oder Modell.
- Hauptbild und Galerie. Zeige das Produkt zuerst klar vor neutralem Hintergrund, dann in Benutzung, im Detail und mit Größenvergleich. Ein kurzes Video kann Fragen beantworten, die Fotos nicht können.
- Preis und Gesamtkosten. Zeige den Preis an einer klaren Position und zeige, was noch dazukommt. Laut dem Baymard Institute nannten 12 % der US-Käufer, die einen Warenkorb abgebrochen haben, „Gesamtkosten der Bestellung nicht sofort sichtbar“ als Grund (abgerufen am 20. Oktober 2026). Verlinke die Versandregeln oder gib den Versand direkt neben dem Preis an.
- Variantenauswahl. Mache Optionen wie Größe und Farbe leicht antippbar und zeige nicht vorrätige Optionen als solche. Halte die gewählte Variante im Bild sichtbar.
- In-den-Warenkorb-Button. Verwende einen primären Button mit klarer Beschriftung, starkem Kontrast und genug Abstand drumherum. Bestätige die Aktion nach dem Klick sichtbar.
- Lieferinformationen. Zeige das erwartete Lieferdatum oder den Zeitraum sowie die Versandart in der Nähe des Buttons.
- Rückgabeinformationen. Fasse die Rückgabebedingungen in ein bis zwei Zeilen zusammen und verlinke auf die vollständige Richtlinie.
- Beschreibung und Spezifikationen. Beginne mit dem Nutzen für den Käufer und gehe dann auf die Fakten ein: Materialien, Maße, Pflege. Nutze Überschriften und kurze Blöcke, damit der Text leicht zu überfliegen ist.
- Kundenbewertungen. Zeige die durchschnittliche Bewertung nahe am Titel und gib Käufern Zugang zu allen Bewertungen, auch kritischen. Markiere Bewertungen von verifizierten Käufen.
- Vertrauens- und Zahlungssignale. Zeige bekannte Zahlungsmethoden und relevante Sicherheits- oder Qualitätssiegel in der Nähe des Buttons. Mehr dazu unter ob Trust Badges die Conversion erhöhen.
- Größentabelle, FAQ oder Vergleich. Beantworte die Fragen, die du am häufigsten per E-Mail oder Chat bekommst, direkt auf der Seite.
- Ähnliche Produkte. Biete unterhalb des Hauptinhalts Alternativen und passende Ergänzungen an, damit ein Besucher, der dieses Produkt nicht möchte, ein anderes findet.
Nicht jedes Element hat in jedem Shop die gleiche Wirkung, und kein Element ist ein Versprechen. Ein Produkt mit wenigen Optionen braucht keine große Variantenauswahl, und ein Nischenprodukt braucht vielleicht eine längere Beschreibung als ein Alltagsartikel. Priorisiere danach, wonach deine Besucher fragen. Für einen Verkaufshöhepunkt wie Black Friday siehe Produktseiten-Optimierung für Black Friday.
Mobile Produktseiten
Viele Shops erhalten den Großteil ihrer Besuche über Smartphones, daher verdient die mobile Produktseite eine eigene Überprüfung. Prüfe diese drei Dinge auf einem echten Smartphone:
- Sticky Add-to-Cart-Button. Ein Button, der sichtbar bleibt, ermöglicht Käufe von jeder Scrollposition aus. Prüfe, dass er nicht den Preis, den Lieferhinweis oder einen Cookie-Hinweis verdeckt.
- Bildergalerie. Das Wischen sollte flüssig sein, das erste Bild sollte zuerst laden, und Zoomen sollte mit zwei Fingern funktionieren. Eine Galerie, die schwer zu verlassen ist, frustriert Besucher.
- Lesbarkeit. Text sollte groß genug sein, um ohne Zoomen lesbar zu sein, Tap-Ziele sollten weit genug auseinanderliegen, und Tabellen sollten scrollen oder sich neu anordnen. Lange Beschreibungen funktionieren besser in kurzen, aufklappbaren Abschnitten.
Teste Mobile und Desktop getrennt. Eine Änderung, die auf dem Desktop hilft, kann auf dem Smartphone schaden. Mehr zum Thema im Leitfaden zum Mobile A/B Testing.
Häufige Fehler auf Produktseiten
Diese Fehler tauchen immer wieder auf Produktseiten auf:
- Versteckte Gesamtkosten. Besucher erfahren erst im Warenkorb von Versand oder Gebühren.
- Ein einziges kleines Bild. Ein einzelnes Vorschaubild kann keine Fragen zu Größe, Material oder Nutzung beantworten.
- Ein versteckter oder schwacher Button. Der Button verschmilzt mit der Seite oder sitzt unterhalb einer langen Beschreibung.
- Bewertungen ohne Kontext. Nur Fünf-Sterne-Bewertungen oder Bewertungen, die nicht gefiltert werden können, wirken gefiltert und verlieren ihren Wert.
- Spezifikationen in einer Textwand. Fakten, die Käufer vergleichen, sind in Absätzen vergraben.
- Pop-ups zum falschen Zeitpunkt. Ein Newsletter-Layer über dem Produkt beim Seitenaufruf blockiert die Seite.
- Nicht-vorrätig-Seiten ohne Weg nach vorn. Besucher stoßen auf eine Sackgasse ohne Alternative und ohne Benachrichtigung über Wiederverfügbarkeit.
- Nur Desktop-Prüfungen. Die Seite wird auf einem großen Bildschirm geprüft, aber nie auf einem Smartphone.
Notiere für jeden Fehler auf deinen eigenen Seiten die Seite, das Problem und die Änderung, die du ausprobieren würdest. Diese Liste ist der Anfang deines Testplans. Wenn du noch nicht weißt, bei welcher Stufe des Kaufpfads die meisten Besucher verloren gehen, beginne mit der Diagnose, warum ein Onlineshop nicht konvertiert.
So testest du Änderungen an Produktseiten
Eine Änderung an der Produktseite wirkt sich auf viele Bestellungen aus, teste sie also, bevor du sie auf den gesamten Katalog ausrollst. Mit Varify.io kannst du:
- Die Änderung beschreiben, die KI baut sie. Mit Prompt-Based Experimentation (PBX) beschreibst du die Änderung an der Produktseite in einfacher Sprache, zum Beispiel ein verschobenes Element, neuen Text oder einen zusätzlichen Hinweis. Die KI baut die Variante und richtet das Experiment ein, ganz ohne Entwickler. Dann vergleichst du sie mit dem Original. Siehe PBX-Beispiele.
- Herausfinden, was du testen solltest. Der AI CRO Audit nimmt die URL einer Produktseite entgegen und liefert Erkenntnisse, Empfehlungen und zehn Testideen, die du direkt als A/B-Tests nutzen kannst.
- Einen Test auf alle Produktseiten anwenden. Nutze URL-Matching im Page Targeting, um ein Experiment auf allen Produkt-URLs gleichzeitig laufen zu lassen.
- Module und Templates in Shopify testen. Die Dokumentation erklärt, wie du PDP-Module im Editor testest und wie du PDP-Templates testest.
- Bestellungen und Umsatz messen. Mit Shopify lassen sich Kauf- und Umsatzziele importieren. Alle GA4-Events stehen als Ziele zur Verfügung, sodass du auch
add_to_cartmessen kannst. - Keine Cookies. Varify speichert die Zuordnung zur Variante im localStorage, ohne personenbezogene Daten. Mehr dazu unter Cookieless A/B-Testing.
Teste immer nur eine Änderung gleichzeitig auf einer Produktseite mit hohem Traffic und plane die Laufzeit vorher mit dem kostenlosen Test-Laufzeit-Rechner. Nutze diese Checkliste, bevor du startest:
- Die Seite beantwortet die fünf Kaufinteressenten-Fragen auf dem ersten Bildschirm.
- Gesamtkosten, Lieferzeit und Rückgabebedingungen sind in der Nähe des Buttons sichtbar.
- Das Hauptbild, die Galerie und der Button funktionieren auf dem Smartphone.
- Bewertungen und Vertrauenssignale sind dort platziert, wo Zweifel entstehen.
- Die Hypothese, das Hauptziel und das Enddatum sind schriftlich festgehalten.
- Die Variante wurde mit dem Vorschau-Link auf Smartphone und Desktop geprüft.
Teste deine Produktseiten-Änderungen, bevor du sie ausrollst.
Beschreibe die Änderung an einer beliebigen Produktseite, lass die KI sie bauen, miss Add-to-Cart und Bestellungen in deinem eigenen GA4 und behalte, was funktioniert.