So bauen Sie Ihre Produktseite auf

Layout und Design

Grundsätzlich sollte eine Produktseite übersichtlich aufgebaut sein, sodass die wichtigsten Informationen auf einen Blick erfasst werden können. Um das Auge entsprechend zu lenken, sollten Sie die wichtigsten Fakten zu Beginn platzieren und durch Schriftgröße, Fettdruck und Farbe hervorheben. Natürlich sollte die Produktseite dem Corporate Design Ihres Unternehmens entsprechen, um einen einheitlichen Eindruck zu vermitteln und Ihren Wiedererkennungswert zu steigern.

Für eine einfache Navigation empfiehlt sich außerdem der Einsatz von Breadcrumbs, womit die Besucher:innen direkt auf die übergeordnete Seite zurücknavigieren können.

Beachten Sie: Die Gestaltung und der Aufbau Ihrer Produktseite ist stark vom Produkt selbst und Ihrer Zielgruppe abhängig. Bleiben Sie Ihrem Stil treu und orientieren Sie sich auch an Ihren Mitbewerbern, welche vergleichbare Produkte anbieten.

Produktinformation

Geben Sie auf Ihrer Produktseite alle wesentlichen Merkmale eines Produkts und dessen Einsetzbarkeit an. Also alles, was Ihre potenziellen Kund:innen wissen müssen, um Sie davon zu überzeugen, dass Ihr Artikel der richtige für Sie ist. 

Übrigens können Ihre Produkte inklusive Informationen wie Preis, Verfügbarkeit und Bewertungen auch als Rich Snippets in den Suchergebnissen hervorgehoben werden, wenn Sie strukturierte Daten verwenden.

Textliche Beschreibung

Unverzichtbar in der Produktinformation ist zum einen eine textliche Beschreibung. Diese kann sich in folgende Bestandteile gliedern:

• Die Produktbezeichnung
• Ein kurzer Informationstext in Stichworten, Bullet Points mit den wichtigsten Merkmalen und USPs (z.B. Farbe, Material, Marke, Gewicht)
• Ein Feld “Mehr Informationen” oder “Details” bzw. Drop-Down-Menüs, wo man zu einer ausführlichen Beschreibung gelangt
• Eine ausführlichere Produktbeschreibung als Fließtext mit Zwischenüberschriften zur Funktionsweise, den Eigenschaften etc.
• Eine tabellarische Auflistung der Produkteigenschaften

Visuelle Darstellung

Die visuelle Darstellung des Produktes ist eines der wichtigsten Elemente auf der Produktdetailseite. Diese soll sofort Aufmerksamkeit erzeugen und die wichtigsten Produktmerkmale abbilden.

Am besten lichten Sie den Artikel in mehreren Perspektiven und bei der tatsächlichen Verwendung ab. Achten Sie außerdem auf eine hohe Bildqualität, ohne dass jedoch die Ladezeit darunter leidet. Ebenso könnten weitere Funktionen wie eine Lupen- oder Zoom-Funktion, 360-Grad-Drehung oder der Wechsel zwischen verschiedenen Produktvarianten sinnvoll sein.

Je nach Produkt kann sich auch der Einsatz von Videos eignen. Beispielsweise können Sie so das Produkt bei der Anwendung präsentieren, oder eine Art Bedienungsanleitung zur Verfügung stellen.

Auswahlmöglichkeit

Bieten Sie Produkte in verschiedenen Varianten an, zum Beispiel unterschiedliche Größen, Farben oder Materialien, sollten Sie das ebenfalls in die Produktdetailseite integrieren. Die Produktvariationen sollten Sie auch in der visuellen Darstellung berücksichtigen, z.B. indem sich bei entsprechender Auswahl die Farbe ändert.

Unterstützung des Kaufprozesses

Da die Produktdetailseite ausschlaggebend für die Kaufentscheidung sein kann, sollten Sie diese bestmöglich unterstützen. Stellen Sie also alle für den Kauf relevanten Informationen zur Verfügung und bieten Sie weitere Hilfestellungen und Beratungsmöglichkeiten an. Werfen wir nun einen Blick darauf, wie Sie das umsetzen können!

Auswahlhilfe und Beratung

Stehen verschiedene Produktvarianten zur Auswahl, könnte es für Kund:innen schwierig sein, einzuschätzen, welche Version die geeignetste ist. Um dem entgegenzuwirken, können Sie Ihren Shop-Besucher:innen Auswahlhilfen zur Verfügung stellen, die über den gewöhnlichen Produkttext hinausgehen. Diese Hilfestellungen können auch als Link zu einer weiterführenden Seite platziert werden, um die Produktseite nicht zu überladen. Zum Beispiel:

• Maßtabellen
• Referenzgrößen z.B. durch Models
• Infografiken, Tabellen
• Beratungs-Hotline oder Live-Chats
• FAQ

Preis und Zahlung

Der Preis ist ein wesentliches Produktmerkmal, der für die Kaufentscheidung von großer Bedeutung ist. Dieser ist daher ein Fixbestandteil der Produktseite. In seiner Nähe sollten wichtige Zusatzinformationen platziert sein, wie etwa Steuersatz, Rabatte oder Zahlungsarten.

Verfügbarkeit und Versand

Zum einen sollten auf der Produktdetailseite alle Informationen zur Lieferung zu finden sein, wie z.B. Lieferbedingungen und Versanddauer. Ebenfalls können hier Angaben zur Rücksendung und zu Versandkonditionen platziert werden.

Bei stationärem Verkauf können zusätzlich Informationen zur Verfügbarkeit in einer Filiale in der Nähe zur Verfügung gestellt werden. Dafür eignet sich auch das Anbieten einer Click & Collect-Möglichkeit, bei der Artikel online reserviert und vor Ort abgeholt werden können.

Angaben zur Verfügbarkeit, wie etwa “Nur noch XY Stück auf Lager!” können Sie hier ebenfalls einsetzen, um Interessent:innen schnell zum Kauf zu bewegen.

Zu Favoriten hinzufügen

Für noch Unentschlossene kann eine Merkfunktion hilfreich sein. Anstatt die Produkte gleich in den Warenkorb legen oder gar kaufen zu müssen, ist die Funktion “zu Favoriten hinzufügen” von Vorteil. So können Interessiere eine Vorauswahl treffen und sich daraus für das gewünschte Produkt entscheiden.

Call To Action (CTA)

Unterhalb der Produktmerkmale bzw. nahe der Preisangabe sollte ein auffälliger Call To Action (CTA), am besten in Form eines farblich hervorgehobenen Buttons, platziert werden, welcher die potenziellen Käufer:innen zum Kauf auffordert.

Wichtig ist dabei auch, den Kund:innen verständlich zu vermitteln, wie sie den Kaufprozess fortsetzen können. Beispielsweise könnte angezeigt werden, dass der Artikel im Warenkorb gelandet ist und eine Auswahl an Optionen wie “Weiter einkaufen” und “Zur Kasse gehen” erscheinen.

Weitere Produkte bewerben

Um die User:innen auch auf andere Produkt aufmerksam zu machen, können auf Produktdetailseiten andere Artikel beworben werden, die dem angesehenen Produkt ähneln, vielleicht sogar höherpreisig sind oder es gut ergänzen würden. Auch das Darstellen von Produkten, die andere Kund:innen bereits dazu gekauft haben, ist eine Variante davon und erzeugt gleichzeitig Vertrauen.

Zusammenfassend möchten wir in einer schematischen Übersichtsgrafik und veranschaulichen, wie eine Produktseite aufgebaut sein sollte. Das Best Practice Beispiel* zeigt die Umsetzung in der Praxis.