Produktseite: So bauen Sie Ihre Website auf! – #Teil 4

Die Produktseite ist ein wichtiger Bestandteil Ihres Onlineshops und sollte dementsprechend sorgfältig gestaltet werden. Doch was genau muss alles auf einer Produktseite angezeigt werden? In diesem Blogbeitrag finden Sie Antworten auf alle Fragen rund um die Themen Aufbau, Inhalte und Gestaltung der Produktseite.

Was ist eine Produktseite?

Eine Produktseite kann auch als Produktdetailseite bzw. Product Detail Page (PDP) oder Artikeldetailseite bezeichnet werden. Das ist jener Bereich Ihres Onlineshops, auf den ein:e Besucher:in gelangt, wenn diese:r in der Kategorieseite auf einen bestimmten Artikel klickt. Die Produktseite enthält nähere Informationen zu einem konkreten Produkt sowie Interaktionsmöglichkeiten, welche in weiterer Folge den Kauf des Produktes vorbereiten. 

User:innen kommen meistens auf Ihre Produktseite, indem sie nach folgenden Mustern suchen:

• Produktname (z.B. iPhone 14)
• Produktname + kaufen (z.B. iPhone 14 kaufen)

Wozu brauche ich eine Produktseite?

Eine Produktseite dient dazu, potenzielle Kund:innen übersichtlich und umfassend über alle Daten zu informieren, die für die Kaufentscheidung der User:innen relevant sind. Die Produktseite soll also ein:e Interessent:in von einem Artikel überzeugen, sodass sich diese:r für den Kauf Ihres Produktes entscheidet.

Wie Sie sehen, ist die Artikeldetailseite also ein wesentlicher Punkt im Kaufprozess und sollte daher entsprechend aufgebaut sein. Sehen wir uns also an, wie Sie diese in Ihrem Webshop optimal umsetzen und was es dabei zu beachten gibt.

Was macht eine gute Produktseite aus?

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

Beispiel Produktinformationen. Quelle: https://www.pagro.at/

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.

Beispiel Verfügbarkeit & Versand. Quelle: https://www.pagro.at/

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.

Beispiel Produktempfehlungen. Quelle: https://www.essenzshop.at/

Beispiel Produktempfehlungen. Quelle: https://www.redzac.at/

Service

Bieten Sie zudem Hilfestellungen und Kontaktmöglichkeiten an, z.B. bei Fragen zur Lieferung oder Zahlung.

Vertrauen aufbauen

Vertrauen aufzubauen ist ein weiterer relevanter Punkt für eine Kaufentscheidung. Im Folgenden erklären wir Ihnen, wie Sie das speziell auf Ihrer Produktdetailseite umsetzen können.

Produktbewertungen

Um den potenziellen Käufer:innen Sicherheit zu geben, empfehlen sich Produktbewertungen.  Diese spiegeln reale Erfahrungen anderer Kund:innen wider und können beispielsweise grafisch als Punktesystem mit Sternen dargestellt werden. Auch ausführlichere Kundenrezensionen, welche als Kommentare den Austausch von Erfahrungsberichten und Produktbildern ermöglichen, tragen zur Vertrauensbildung bei.

Aber Achtung: Bei den Empfehlungen sollte es sich aber stets um echte Meinungen tatsächlicher Käufer:innen handeln. Gefälschte Bewertungen lassen das Vertrauen ganz schnell wieder schwinden.

Gütesiegel und Tests

Weitere produktbezogene vertrauensbildende Elemente sind Gütesiegel, Produktzertifizierungen oder Testergebnisse von renommierten Instituten, wie etwa Stiftung Warentest.

Social Share Buttons

Bauen Sie Buttons ein, damit Ihre Webshop-Besucher:innen das Angebot mit deren Freund:innen teilen können. Das erhöht einerseits die Reichweite Ihrer Produktseite. Andererseits kann es sich positiv auf das Vertrauen auswirken, wenn andere Nutzer:innen ein Produkt von einer vertrauten Person empfohlen bekommen.

Elemente einer Produktseite

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.

*Quelle: https://www.pagro.at/ Hinweis: Das obige Best Practice Beispiel entspricht nicht zu 100 % der originalen Website, da diese zu Veranschaulichungszwecken entsprechend einem idealen Aufbau angepasst wurde. 

Checkliste zum Aufbau Ihrer Produktseite

Es gibt viele Faktoren, die bei der Erstellung einer guten Produktseite beachtet werden sollten. Diese Checkliste hilft Ihnen dabei, diese Faktoren zu überprüfen und Ihre Produktseite so gut wie möglich zu gestalten.

Fazit

Eine Produktseite soll Ihre Shop-Besucher:innen vom jeweiligen Produkt durch die Bereitstellung aller kaufrelevanten Eigenschaften und Informationen überzeugen. Natürlich sollte der Aufbau der Artikeldetailseite auf das jeweilige Produkt, den Erklärungsbedarf etc. angepasst werden. Daher kann auch nicht pauschal festgelegt werden, wie jede Produktseite auszusehen hat. Dennoch gibt es einige wichtige Elemente, die Sie grundsätzlich beachten sollten, worüber dieser Artikel eine gute Übersicht gibt. 

Sie haben noch weitere Fragen zum Aufbau einer Produktseite oder benötigen einen verlässlichen Partner, der Ihren Webshop professionell umsetzt? Unsere LIMESODA E-Commerce Spezialist:innen helfen gerne weiter. Fragen Sie einfach unverbindlich an!