Was gehört auf eine gute Produktseite?

PRODUKTSEITE UX

Auf der Produktseite entscheidet der Kunde, ob das Produkt passt, ob der Shop vertrauenswürdig ist und ob der Kauf jetzt einfach genug ist. Sie sollte kein Datenlager sein, sondern die Fragen beantworten, die für eine Kaufentscheidung wichtig sind.

Kurzantwort: Was gehört auf eine gute Produktseite?

Eine starke Produktseite zeigt klar Produktname, Preis, Bilder, Varianten, Verfügbarkeit, Lieferinformationen, eine eindeutige In-den-Warenkorb-Aktion, die wichtigsten Vorteile, eine vollständige Beschreibung beziehungsweise technische Daten, Rückgabeinformationen, Bewertungen sofern vorhanden, passende Produkte sowie korrekte SEO- und strukturierte Daten. Auf Mobilgeräten müssen dieselben Kerninformationen leicht auffindbar und bedienbar bleiben.

Eine Produktseite ist eine Entscheidungsseite, kein Katalogeintrag

Ist dieses Produkt das richtige für mich?

Erkläre, was es ist, für wen es gedacht ist, welche Varianten und Maße es gibt und worin die praktischen Unterschiede liegen.

Möchte ich bei diesem Shop kaufen?

Zeige Preis, Lieferung, Rückgabe, Bewertungen, Glaubwürdigkeit des Unternehmens und – wenn relevant – Garantie.

Kann ich jetzt problemlos kaufen?

Bestand, Auswahl, Warenkorb-CTA und der Weg zum Checkout müssen eindeutig sein.

1. Produktname

Verwende einen klaren, für Menschen verständlichen Namen, der das Produkt von ähnlichen Artikeln unterscheidet.

Ein guter Name unterstützt auch SEO

Nenne Modell oder Produkttyp, wenn es sinnvoll ist, aber stopfe nicht jedes denkbare Keyword in die H1.

2. Der Preis muss sofort auffindbar sein

Verstecke die wichtigste kommerzielle Information nicht unter dekorativen Inhalten. Wenn der Preis von einer Variante abhängt, muss er sich nach der Auswahl klar aktualisieren.

3. Aktionen müssen verständlich sein

Wenn ein Rabatt angezeigt wird, sollten alter Preis, neuer Preis und relevante Bedingungen eindeutig sein. Vermeide künstliche Dringlichkeit, die der Shop nicht belegen kann.

4. Produktbilder

Nützliche Ansichten sind zum Beispiel:

• Hauptansicht des Produkts
• Details und Materialstruktur
• Größenvergleich oder Nutzung im realen Kontext
• wichtige Funktionen
• Verpackung oder enthaltenes Zubehör, wenn relevant

Das Bild sollte zur ausgewählten Variante passen

Wenn der Kunde eine Farbe oder Konfiguration auswählt, sollte die Galerie diese Auswahl nach Möglichkeit widerspiegeln.

5. Video – wenn es wirklich hilft

Nutze Video, wenn Bewegung, Montage, Größe oder Anwendung mit Bildern schwer zu erklären sind. Füge kein schweres Autoplay-Video nur deshalb hinzu, weil das Template einen Platz dafür vorsieht.

6. Die Galerie muss auf Mobilgeräten funktionieren

Wischen, Zoom, Vorschaubilder und Schließen-Steuerung sollten auf dem Smartphone praktisch nutzbar sein, ohne den Nutzer in einer komplizierten Lightbox festzuhalten.

7. Produktvarianten

Größe, Farbe, Kapazität oder Konfiguration sollten schnell erfassbar sein. Nicht verfügbare Kombinationen müssen deaktiviert oder klar erklärt werden.

Wann sind Buttons besser als ein Dropdown?

Buttons oder Swatches sind oft verständlicher, wenn es nur wenige sinnvolle Optionen gibt, die Kunden visuell vergleichen.

8. Verfügbarkeit und Bestand

Erkläre, ob das Produkt auf Lager ist, auf Bestellung gefertigt wird, nachbestellt ist oder innerhalb eines angegebenen Zeitraums wie 5–7 Tagen versendet wird.

9. „In den Warenkorb“ muss eindeutig sein

Die wichtigste Kaufaktion sollte visuell klar sein und nicht mit mehreren gleich starken Buttons konkurrieren.

Der CTA muss auf den Produktstatus reagieren

Aktiviere den Kauf nicht, solange erforderliche Varianten nicht ausgewählt wurden. Erkläre, was noch fehlt, statt die Aktion einfach scheitern zu lassen.

10. Kurze Beschreibung im sichtbaren Bereich

Fasse die wichtigsten Entscheidungsinformationen zusammen, ohne den Kunden zu zwingen, zuerst die gesamte Seite zu lesen.

11. Vollständige Produktbeschreibung

Merkmal

Beschreibe, was das Produkt hat oder kann.

Bedeutung

Erkläre, warum dieses Merkmal in der Praxis wichtig ist.

12. Produktbeschreibung für SEO

Eine sinnvolle Reihenfolge

Beginne damit, was das Produkt ist und für wen es gedacht ist. Danach folgen wichtige Vorteile, technische Daten, Einsatzbereiche und unterstützende Fragen.

Du kannst einbeziehen:

• echte Materialien und Maße
• Kompatibilität
• Pflege- und Nutzungshinweise
• Vergleichsinformationen
• FAQ

13. Herstellerbeschreibung nicht überall kopieren

Identische Texte in vielen Shops schaffen wenig eigenen Mehrwert. Ergänze Informationen, die darauf beruhen, wie deine Kunden das Produkt tatsächlich auswählen.

14. Technische Daten

Nutze eine lesbare Tabelle oder Liste. Verstecke wichtige Spezifikationen nicht ausschließlich in einem PDF, wenn sie für die Kaufentscheidung relevant sind.

15. Maße und Größenverhältnis

Bei Möbeln, Kleidung, Ersatzteilen und vielen physischen Produkten sind Missverständnisse bei der Größe eine häufige Ursache für Rücksendungen. Zeige Maße und visuellen Kontext.

16. Lieferung sollte vor dem Checkout sichtbar sein

Kunden sollten die Logik der Versandkosten, Lieferzeit und besondere Einschränkungen kennen, bevor sie den Warenkorb verbindlich weiterführen.

17. Rückgabe

Wichtige Rückgabeinformationen sollten leicht auffindbar sein und auf die vollständigen Bedingungen verlinken.

18. Bewertungen

Echte Bewertungen können praktische Fragen beantworten und Vertrauen stärken.

Gute Bewertungen sollten durchsuchbar sein

Bei vielen Bewertungen sollte man aktuelle, relevante oder verifizierte Rückmeldungen lesen können, statt nur eine Gesamtbewertung zu sehen.

19. Sterne ohne Bewertungen reichen nicht

Kontext ist wichtig: Anzahl der Bewertungen, deren Inhalt und Verifizierung sind nützlicher als eine isolierte Grafik.

20. Informationen zur Marke oder zum Hersteller

Sie sind sinnvoll, wenn die Marke Qualität, Kompatibilität, Garantie oder Kaufvertrauen beeinflusst.

21. Garantie und Service

Bei teuren oder technischen Produkten sollten Garantie, Support und Serviceprozess verständlich erklärt werden.

22. Ähnliche und ergänzende Produkte

Empfehle wirklich kompatible oder nützliche Alternativen und Zubehör statt eines zufälligen Produktkarussells.

23. Produktvergleich

Hilfreich, wenn Kunden regelmäßig zwischen Modellen mit relevanten technischen Unterschieden wählen.

24. Produkt-FAQ

Nutze Fragen, die echte Kaufunsicherheit reduzieren: Passform, Lieferung, Montage, Material, Kompatibilität, Rückgabe oder Pflege.

25. Breadcrumbs

Sie zeigen den Katalogkontext und bieten eine nützliche interne Navigation.

26. SEO-Titel und H1

Beide sollten das Produkt eindeutig identifizieren. Der SEO-Titel kann sinnvolle Unterscheidungsmerkmale enthalten, während die H1 natürlich bleibt.

27. Produkt-URL

Halte sie stabil und lesbar. Ändere etablierte Produkt-URLs nicht nur, um sie vermeintlich „SEO-freundlicher“ zu machen.

28. Strukturierte Produktdaten

Wenn die Voraussetzungen erfüllt sind, können Product-Markups Preis, Verfügbarkeit, Bewertungen und Identifikatoren für Suchmaschinen beschreiben.

Strukturierte Daten müssen zur sichtbaren Seite passen

Markiere keine Preise, Bewertungen oder Bestände, die Nutzer nicht sehen können oder die nicht stimmen.

29. Produktvarianten und URLs

Entscheide anhand echter Suchintention und technischer Architektur, ob Varianten eine gemeinsame kanonische Produkt-URL nutzen oder eigene URLs benötigen.

30. Merchant Center und Produktseite müssen übereinstimmen

Preis, Bestand, Kennungen und Landingpage-Informationen sollten mit den Produktfeeds synchron bleiben.

31. GTIN, EAN, ISBN und SKU – wann sind sie wichtig?

Verwende gültige Kennungen, wenn sie existieren. Sie helfen internen Prozessen und können Plattformen dabei unterstützen, das genaue Produkt zu verstehen. Erfinde keine Identifikatoren.

32. Produktseite auf Mobilgeräten

Variantenauswahl, Preis, Lieferung, Galerie und CTA sollten mit einer Hand nutzbar sein, ohne zwischen voneinander abhängigen Elementen ständig hoch- und runterscrollen zu müssen.

33. Sticky „In den Warenkorb“ – wann hilft es?

Auf langen mobilen Produktseiten kann es hilfreich sein, wenn ausgewählte Variante und Preis weiterhin klar bleiben. Es darf keine Inhalte verdecken oder widersprüchliche doppelte CTAs erzeugen.

34. Performance der Produktseite

Große Galerien, Bewertungswidgets, Empfehlungsskripte und Videos können Produktseiten schwer machen. Lade nur, was echten Mehrwert bringt.

35. Nicht für jeden Bereich ein Plugin installieren

Jedes Plugin bringt Code, Updates und mögliche Konflikte mit. Nutze das vorhandene Theme- oder Komponentensystem, wenn die Funktion einfach ist.

36. Die Produktseite muss auch ohne Rabatt funktionieren

Der Kernwert sollte aus Produkt, Informationen und Einkaufserlebnis kommen – nicht aus permanenten Countdown- oder Dringlichkeitsbannern.

37. Produktseite in GA4 analysieren

Messe Produktansichten, sinnvolle Varianteninteraktionen, Add-to-Cart, Checkout und Kauf. Vergleiche nach Produkttyp und Trafficquelle.

38. Nicht nur die gesamte Shop-Conversion bewerten

Ein Impulsprodukt für 10 € und ein Produkt für 2.500 € haben nicht dieselbe Entscheidungsdauer oder dasselbe Conversion-Verhalten.

39. Was sollte „above the fold“ sichtbar sein?

In der Regel Produktidentität, zentrales Bild, Preis, wichtige Variantenauswahl, Hinweis auf Verfügbarkeit/Lieferung und die primäre Kaufaktion. Die genaue Komposition hängt vom Produkt ab.

40. Die Reihenfolge der Bereiche sollte zum Produkt passen

Mode

Größe, Passform, Material, Varianten, Lieferung/Rückgabe und Bilder sind entscheidend.

Elektronik

Technische Daten, Kompatibilität, Garantie und Vergleiche sind wichtig.

Kosmetik

Inhaltsstoffe, Anwendung, Haut-/Haartyp und Füllmenge können zentral sein.

Ersatzteile

Kompatibilität, Maße, Modellkennungen und technische Daten dominieren.

41. Was ist mit rechtlichen Anforderungen?

Produktinformationen müssen die Regeln erfüllen, die für Markt und Produktkategorie gelten. Behandle rechtliche Inhalte als Anforderung und nicht als dekorativen Footer-Link.

Aus der FreenetPro-Praxis: nach Kundenfragen gestalten

Wir beginnen mit der Frage, was ein Kunde vor dem Kauf wissen muss. Daraus ergibt sich die Informationshierarchie zuverlässiger als durch das Kopieren eines generischen E-Commerce-Templates.

Checkliste für Produktseiten

Grundinformationen

• ☐ klarer Name
• ☐ Preis
• ☐ Verfügbarkeit
• ☐ Varianten

Medien

• ☐ nützliche Fotos
• ☐ mobile Galerie funktioniert
• ☐ Variantenbilder passen zur Auswahl

Kauf

• ☐ eindeutiger CTA
• ☐ Lieferinformationen sichtbar
• ☐ Rückgabe auffindbar
• ☐ erforderliche Auswahl wird erklärt

Content

• ☐ kurze Zusammenfassung
• ☐ vollständige Beschreibung
• ☐ technische Daten
• ☐ echte Vorteile statt leerer Werbesprache

Vertrauen

• ☐ echte Bewertungen, wenn vorhanden
• ☐ Garantie/Service, wenn relevant
• ☐ klare Unternehmens- und Kontaktinformationen

SEO / Technik

• ☐ eindeutige H1 und SEO-Titel
• ☐ stabile URL
• ☐ Canonical-Logik für Varianten
• ☐ korrekte strukturierte Daten
• ☐ Feed- und Seitendaten stimmen überein
• ☐ mobile Performance geprüft

FAQ

Was muss auf einer Produktseite stehen?

Mindestens Produktname, Preis, Bilder, Varianten, Verfügbarkeit, Kaufaktion, Beschreibung und wichtige Liefer-/Rückgabeinformationen. Je nach Produkt kommen technische Daten, Bewertungen, Garantie und Vergleiche hinzu.

Wie lang sollte eine Produktbeschreibung sein?

So lang wie nötig, um die Kaufentscheidung zu unterstützen. Es gibt keine sinnvolle pauschale Wortzahl.

Sind Produktbewertungen wichtig?

Sie können Vertrauen stärken und praktische Fragen beantworten, sofern sie echt, nachvollziehbar und sinnvoll dargestellt sind.

Was ist bei Produktseiten für SEO wichtig?

Klare Suchintention, eindeutige Produktdaten, hilfreicher eigener Content, stabile URLs, interne Verlinkung, korrekte Canonicals und strukturierte Daten, die der sichtbaren Seite entsprechen.

Soll jede Variante eine eigene URL haben?

Nicht automatisch. Das hängt davon ab, ob Varianten eine eigene Suchintention haben und wie der Shop technisch aufgebaut ist.

Was sollte auf Mobilgeräten besonders geprüft werden?

Galerie, Variantenauswahl, Preis, Lieferinformationen, CTA, Performance und die Bedienbarkeit mit wenig Platz.

Eine gute Produktseite reduziert Unsicherheit

Je schneller Kunden verstehen, was sie bekommen, wie viel es kostet, wann es geliefert wird und ob es zu ihnen passt, desto weniger muss das Interface selbst erklären. Genau darauf sollte die Seite ausgerichtet sein.