Die Produktseite (auch Product Detail Page, PDP) ist die Kernseite eines Online-Shops, auf der ein einzelnes Produkt mit allen kaufentscheidungsrelevanten Informationen präsentiert wird.
Rubrik: Online-Marketing & Content · Unterrubrik: E-Commerce & Shop-Design · Niveau: Fortgeschritten Synonyme / Auch bekannt als: Product Detail Page, PDP, Artikeldetailseite
Was ist eine Produktseite?
Die Produktseite ist der digitale Verkaufsraum für ein einzelnes Produkt. Sie ist oft der erste Kontaktpunkt für Nutzer, die über Google, Social Media oder direkte Links landen – und sie ist der letzte Schritt vor der Kaufentscheidung. Laut einer Studie des Baymard Institute (2024) verlassen 67 Prozent der Nutzer eine Produktseite ohne Kauf, weil notwendige Informationen fehlen oder schlecht präsentiert werden.
Erklärung
Pflichtbestandteile einer Produktseite
Above the Fold (sichtbar ohne Scrollen) Diese Elemente müssen sofort sichtbar sein – ohne Scrollen:
- Produktname (H1) mit Hauptkeyword
- Hauptproduktbild (groß, zoombar)
- Preis (inkl. Steuer-Hinweis, ggf. Streichpreis)
- Varianten-Selektion (Farbe, Größe)
- Kaufen-Button / "In den Warenkorb" (prominent, kontraststark)
- Sofortige Lieferinformation ("Lieferung morgen, 15:00 Uhr")
- Kurze Vertrauenselemente (Trusted Shops, kostenlose Rücksendung)
Below the Fold (nach dem Scrollen)
- Bildergalerie (alle Perspektiven, Lifestyle, Details)
- Produktbeschreibung (lang form, mit Keywords)
- Technische Spezifikationen (Tabelle)
- Kundenbewertungen (gesamte Sektion)
- Lieferbedingungen und Rückgaberecht im Detail
- Cross-Selling (ähnliche Produkte, wird oft gekauft mit)
Bildbereich
Der Bildbereich ist das wichtigste visuelle Element der Produktseite. Best Practices:
- Primärbild: Freisteller oder professionelles Hauptfoto, mindestens 1000×1000 px
- Thumbnail-Galerie: 5–8 Bilder mit Zoom-Funktion
- 360-Grad-Ansicht: optional, aber conversion-steigernd
- Video: Kurzes Produktvideo (30–60 Sekunden) erhöht die Conversion laut IRP Commerce (2023) um bis zu 80 Prozent
Der Kaufen-Button (CTA)
Der Call-to-Action-Button ist das wichtigste Element der gesamten Seite:
- Farbe: Kontrastreich zur Seite (häufig Orange, Grün oder Markenfarbe), nie grau
- Text: "In den Warenkorb", "Jetzt kaufen" – handlungsorientiert, klar
- Größe: Gut klickbar, besonders auf Mobile (mindestens 44×44 px laut Apple HIG)
- Position: Prominent, meist rechts neben oder unter dem Hauptbild
- Sticky (Klebe-Effekt): Beim Scrollen sichtbar bleiben ("Sticky Add-to-Cart")
Preis-Darstellung
- Preis groß und sofort sichtbar
- Bei Sonderangeboten: Streichpreis + neuer Preis + Prozent-Einsparung
- Hinweis auf Steuer und Versandkosten (Pflicht nach Preisangabenverordnung)
- Monatliche Raten bei hochpreisigen Produkten (z. B. "Oder ab 29 €/Monat")
Variantenauswahl (UX)
- Farbvarianten: Farbige Swatches, nicht Dropdown-Menü
- Größenauswahl: Klickbare Buttons mit sofortiger Verfügbarkeitsprüfung
- Nicht verfügbare Varianten: Durchgestrichen oder ausgegraut, aber sichtbar
- Maßtabelle: Bei Mode-Produkten direkter Link zur Größentabelle
Bewertungen auf der Produktseite
Eine Zusammenfassung der Bewertungen (Durchschnittsstern + Anzahl) sollte direkt unter dem Produktnamen erscheinen und zu den ausführlichen Bewertungen weiter unten verlinken. Dies dient als Trust-Signal bereits im "Above the Fold"-Bereich.
Lieferinformationen
Konkrete Lieferzeitangaben (mit Datum) sind conversion-relevanter als vage Aussagen wie "2–4 Werktage". Amazon hat dies perfektioniert: "Kostenloser Versand – Lieferung Donnerstag, 22. Mai".
Beispiele
- Amazon: Informationsdichte PDP, alle Elemente im Above-the-Fold-Bereich, deutlicher CTA
- Snocks.com: Minimalistisches PDP-Design, hervorragende Bildgalerie, clevere Cross-Selling-Sektion
- Apple Store: Hohe Designqualität, Storytelling durch Scrolling, kein traditioneller Warenkorb-Button
In der Praxis
Für eine PDP-Analyse: Erstellen Sie eine Checkliste der oben genannten Elemente und testen Sie jede wichtige Produktseite Ihres Shops. Priorisieren Sie: Welche Produkte generieren den meisten Traffic? Dort lohnt die Optimierung am meisten.
Heatmap-Tools zeigen, welche Bereiche der Produktseite Nutzer tatsächlich anschauen und wo sie klicken – oft überraschend anders als erwartet.
Vergleich & Abgrenzung
| Seitentyp | Zweck | Hauptelement |
|---|---|---|
| Produktseite (PDP) | Einzelprodukt verkaufen | Kaufen-Button, Produktbeschreibung |
| Kategorieseite | Produktauswahl ermöglichen | Produktliste, Filter |
| Landingpage | Kampagnenziel | Hero-Bild, CTA |
Häufige Fragen (FAQ)
Wie lang sollte eine Produktbeschreibung sein? Mindestens 150 Wörter für einfache Produkte, 300–600 Wörter für erklärungsbedürftige Artikel. SEO und Nutzerwert sind wichtiger als eine Zielzahl.
Sollte der Preis sofort sichtbar sein? Unbedingt. Versteckte Preise führen zu Misstrauen und erhöhten Absprungraten.
Wie viele Produktbilder sind ideal? 5–8 Bilder. Mehr als 12 überfordern und werden meist nicht angesehen.
Verwandte Einträge
- Produktfotografie für Online-Shops
- Produktbeschreibungen schreiben (SEO + Conversion)
- Kundenbewertungen im Shop: Design und Strategie
- Produktvarianten UX: Farbe, Größe, Konfiguration
- Conversion Rate Optimierung (CRO) im Shop
- Trust-Signale: Vertrauen im Online-Shop aufbauen
Weiterführend
- Baymard Institute (2024). Product Detail Page Research.
- IRP Commerce (2023). E-Commerce Statistics & Benchmarks.
- Nielsen Norman Group (2024). Product Page UX Design.
- Shopify (2024). Product Page Best Practices.
