Best Practices für E-Commerce-Produktseiten in 2024: Lernen mit Beispielen

Ein Besucher landet auf Ihrer Website, wandert durch die verschiedenen Kategorieseiten und klickt dann auf ein Produkt. Das ist der Moment der Wahrheit, und Sie sollten gut gestaltete E-Commerce-Produktseiten haben, um den Bleibefaktor zu erhöhen. Sie müssen darauf achten, dass die Seite weder zu einfach noch mit zu vielen Informationen vollgestopft ist. Da die Besucher Ihre Produkte vor dem Kauf nicht anfassen, fühlen oder gar tragen können, sind das Design und der Inhalt Ihrer Produktseite ausschlaggebend dafür, ob sich ein Besucher in einen Käufer verwandelt oder nicht.

Kostenloser Download: Leitfaden zur Neugestaltung von Websites

Viele E-Commerce-Marketer schwören auf CRO als wirksamstes Mittel zur Steigerung der Conversion Rates ihrer Online-Shops.
Um herauszufinden, welches Design für sie am besten funktioniert, verwenden Marketer Heatmaps, A/B-Tests, Formularanalysen usw., um Daten zum Besucherverhalten zu sammeln und die Seiten entsprechend zu ändern.

Um Ihnen den Einstieg zu erleichtern, finden Sie hier eine Checkliste mit branchenüblichen Best Practices, die Ihnen dabei helfen können, die Gestaltung Ihrer E-Commerce-Produktseite zu meistern und letztendlich die Conversion Rate zu erhöhen:

Liste der 14 Best Practices für E-Commerce-Produktseiten

1. Verwenden Sie große und klare Bilder:

Eine Studie zeigt, dass 49% der Marketer visuelles Marketing als sehr wichtig für ihre Marketingstrategie einstufen, und 19% sagen, dass ihre Strategie ohne visuelle Inhalte nichts taugt.

Diese Zahl ist sogar noch aussagekräftiger, wenn es um E-Commerce-Produktseiten geht.

• Das Bild auf Ihren Produktseiten vermittelt den Besuchern visuell die Details Ihres Produkts. Daher ist eine der wichtigsten Best Practices für E-Commerce-Produktseiten die Verwendung eines hochauflösenden und zoombarem Bildes, das oberhalb der Falz platziert wird. Außerdem sollten Sie mehrere Fotos aus verschiedenen Blickwinkeln verwenden, um den Besuchern einen Gesamteindruck von den Produkten zu vermitteln, was einen zusätzlichen Vorteil darstellt.
• Bilder haben einen großen Einfluss auf die Benutzerfreundlichkeit und die allgemeine UX der Website sowie auf die Steigerung von Conversions und Verkäufen. Bei Fotos auf der Produktseite sollten Sie auf die Download-Zeit achten. Sie müssen bedenken, dass nicht jeder eine superschnelle Internetverbindung hat. Eine schnelle Internetverbindung und eine lange Ladezeit können sich negativ auf das Endergebnis auswirken.
• Nutzen Sie den visuellen Handel – stellen Sie eine enge Verbindung zu Ihren Kunden her, indem Sie sie bitten, Fotos von sich in Ihren Produkten auf Ihrer Website zu teilen. Dies dient sowohl als sozialer Beweis als auch zur Beeinflussung und Anregung anderer zum Kauf.
• Größere Produktfotos haben sich für Marken wie Hyundai bewährt, die mit VWO einen multivariaten Test durchführten und die Anfragen für Probefahrten um 62% erhöhten. Kleine Produktfotos hingegen können den Nutzer abschrecken. Dieses Staubsaugerbild zum Beispiel lässt die Seite und die Website insgesamt unprofessionell und unglaubwürdig erscheinen.

2. Fügen Sie einen auffälligen Aufruf zum Handeln hinzu:

 Fügen Sie einen auffälligen Aufruf zum Handeln hinzu: Wenn Sie eine Liste der wichtigsten Elemente auf E-Commerce-Produktseiten erstellen, wird die Schaltfläche „Call-to-Action“ (CTA) ganz oben platziert:

• Ein CTA kann eine Schaltfläche „In den Warenkorb“ oder „Jetzt kaufen“ oder etwas anderes sein. Sie muss leicht zu erkennen sein und sollte den Besucher zum Handeln zwingen.
• Verschiedene Farben stehen in unterschiedlichen Kulturen für unterschiedliche Dinge. Wenn Sie sich für eine Farbe entscheiden, sollten Sie zwei Dinge im Auge behalten. Erstens, ob diese Farbe bei Ihrer Zielgruppe die erhoffte Emotion auslöst. Und zweitens, wie sie mit dem Farbschema der restlichen Seite kontrastiert. Im Idealfall soll die CTA auffallen, damit sie die Aufmerksamkeit des Kunden erregt.
• Bei der Wahl des Textes sollten Sie bedenken, dass bestimmte Wörter in verschiedenen Ländern unterschiedliche Bedeutungen haben. Sehen Sie sich zum Beispiel an, wie Amazon den CTA-Text auf seinen Websites in den USA und im Vereinigten Königreich ändert, um ihn an den lokalen Geschmack anzupassen:

3. Erleichtern Sie die Navigation zwischen den Seiten:

Verwenden Sie die Breadcrumb-Navigation, damit die Benutzer wissen, wo sie sich befinden. Die Brotkrümelnavigation hilft den Besuchern, die Produkthierarchie zu verstehen und zu anderen Bereichen von Interesse zu navigieren. Sie sind auch dafür bekannt, dass sie die Absprungrate verringern.

4. Dringlichkeit schaffen:

Eine weitere bewährte Methode für E-Commerce-Produktseiten ist die Anwendung des Knappheits-/Dringlichkeitsprinzips – Produkte, die schnell ausverkauft sind, können die Nutzer schneller zum Kauf bewegen. Hier erfahren Sie, warum Knappheit eine der effektivsten Conversion-Strategien ist: Fluggesellschaften nutzen oft das Knappheitsprinzip, um ihre letzten Tickets zu verkaufen. Die Quintessenz? Geben Sie Ihren Kunden keine unnötige Zeit, um über den Kauf nachzudenken. Schaffen Sie ein Gefühl der Dringlichkeit, um sie zum sofortigen Handeln zu bewegen.

Ihre Knappheits-/Dringlichkeitswaffe könnte der letzte Tag eines Angebots, die letzten 2 Stunden des kostenlosen Versands oder die letzten 3 Artikel auf Lager sein. Erstellen Sie Ihr eigenes Arsenal.

5. Peppen Sie es mit Videos auf:

Denken Sie daran, dass die Kunden Ihr Produkt nicht anfassen oder fühlen können, und ein Demovideo ist eine der besten Möglichkeiten, es in seiner ganzen Pracht zu zeigen. Ein gut gemachtes Video kann einen hohen Wiedererkennungswert haben, und Anleitungsvideos sind sogar noch wichtiger, wenn Sie versuchen, etwas ziemlich Kompliziertes zu verkaufen.

Stacks and Stacks fand heraus, dass Kunden, die Videos auf den Produktseiten sahen, mit 144% höherer Wahrscheinlichkeit ein Produkt in den Warenkorb legten. Für die Zahlenhungrigen hier einige interessante Statistiken, die zeigen, warum Produktvideos von E-Commerce-Geschäften, die sich in der derzeitigen Marktsituation behaupten wollen, nicht länger ignoriert werden können.

6. Preise vergleichen:

Wenn Sie großartige Rabatte anbieten, zeigen Sie ihnen die Zahlen. Wenn Sie keine großartigen Rabatte anbieten, zeigen Sie ihnen trotzdem, wie viel sie bei einem Kauf auf Ihrer Website sparen können. Stellen Sie immer einen Vergleich zwischen dem tatsächlichen Preis und dem ermäßigten Preis an. Zeigen Sie sowohl die prozentuale Ersparnis als auch die tatsächliche Ersparnis bei einem Kauf. Unterschiedliche Kunden lassen sich durch unterschiedliche Botschaften ansprechen.

Geben Sie Ihren Kunden nicht die geringste Chance, Ihre Website zu verlassen, um die Preise in anderen Geschäften zu überprüfen. Platzieren Sie die Preisangaben sowie andere Informationen, die eine Kaufentscheidung auslösen können, in der Nähe Ihres CTA. Trinity Insight hat dies verstanden und konnte den Umsatz für seinen Kunden Taylor Gifts steigern, indem es alle relevanten Informationen in einem Abschnitt auf der Produktseite anordnete.

Kostenloser Download: Leitfaden zur Neugestaltung von Websites

7. Fügen Sie Vertrauensabzeichen und Kundenrezensionen hinzu:

Online-Betrügereien sind auf dem Vormarsch. Daher ist es für E-Commerce-Websites unerlässlich, Glaubwürdigkeit und Vertrauen bei ihren Kunden zu schaffen.  Das Hinzufügen einer kleinen Garantiebotschaft, das Hervorheben von Erwähnungen in sozialen Medien oder das Anzeigen von Sicherheitslogos oder Vertrauenssiegeln kann die Conversions steigern und das Vertrauen der Kunden in Ihr Online-Geschäft stärken.

Express Watches (ein britischer Online-Uhrenhändler) hat zum Beispiel einen einfachen A/B-Test durchgeführt, bei dem die Botschaft auf dem Bild von ‚Never Beaten on Price‘ zu ‚Seiko Authorized Dealer Site‘ geändert wurde. Und wissen Sie, was passiert ist? Die Verkäufe stiegen um satte 107%! Weitere interessante Fakten und Zahlen zur Online-Sicherheit finden Sie in diesem Beitrag.

Neben dem Vertrauenssiegel spielen auch Kundenaussagen und Bewertungen eine wichtige Rolle bei der Kaufentscheidung:

• Laut dem Bericht von YOTPO mit dem Titel „The State of E-Commerce: Yotpo Benchmark Report“ sind die Conversion Rates von Bewertungen, die von Verbrauchern in sozialen Medien geteilt werden, wie folgt: 5,3 Mal höher für LinkedIn, 40% höher für Facebook und 8,4 Mal höher für Twitter.
• Laut einer Recherche von Brightlocal fühlen sich 69% der Verbraucher bei der Nutzung eines Unternehmens, dessen Bewertungen eine positive Erfahrung beschreiben, wohl.

Bitten Sie die Leute, Bewertungen abzugeben. Auf diese Weise wird sichergestellt, dass die hilfreichsten Bewertungen an die Spitze gelangen.

8. Halten Sie den Stock Meter aktualisiert und prominent:

Wenn Ihr Vorrat zur Neige geht, warten Sie nicht bis zur Kasse, um dem Kunden diese Nachricht mitzuteilen. Das ist ein sicherer Weg, um in den Genuss von Schimpfwörtern zu kommen, die nie verbalisiert werden.

Ihre Produktseite sollte den Besucher korrekt darüber informieren, ob das Produkt verfügbar ist oder nicht. Wenn die Information „Nicht vorrätig“ offen zu lesen ist, haben die Besucher die Wahl, weiterzugehen und nach Alternativen zu suchen. Wenn Sie jedoch mit der Information warten, während der Besucher seine Kreditkartendaten eingibt, ist es fast sicher, dass er den Einkaufswagen verlässt und woanders hingeht und möglicherweise nie wiederkommt.

9. Schreiben Sie knackige und informative Produktbeschreibungen:

Die besten Produktbeschreibungen für den elektronischen Handel hinterlassen sofort einen Eindruck. Sie vermitteln Wert, begeistern die Leute und lassen sie sofort vom Besucher zum Kunden werden. Halten Sie die Produktbeschreibungen kurz und achten Sie darauf, dass sie wichtige Schlüsselwörter enthalten, damit die Seite in den Suchmaschinen-Rankings gut abschneidet. Eine Beschreibung mit hoher Conversion Rate ist nicht nur ansprechend, sondern bietet auch vollständige Informationen und beantwortet die folgenden Fragen:

• Für wen ist das Produkt gedacht?
• Wofür wird das Produkt verwendet?
• Wie funktioniert das Produkt?
• Was zeichnet sie aus?
• Warum sollten Besucher das Produkt kaufen?

Abgesehen von der Beantwortung dieser Fragen sollten Ihre Produktbeschreibungen auch unter Berücksichtigung der folgenden Tipps verfasst werden, damit sie Conversionwürdig sind:

• Sprechen Sie mit Ihrer Zielgruppe: Soll Ihre Stimme seriös und förmlich oder leger und flippig sein? Sollten Sie in Ihren Beschreibungen die technischen Aspekte der Produkte hervorheben oder sich mehr auf ihre Ästhetik konzentrieren? Die wichtigsten Überlegungen Ihrer Kunden zu verstehen, ist entscheidend, damit sie sich mit Ihren Beschreibungen identifizieren und Ihre Produkte kaufen.
• Schließen Sie die Lücke zwischen Merkmalen und Vorteilen: Ein Merkmal ist im Wesentlichen eine Tatsache über Ihr Produkt oder Angebot. Der Nutzen beantwortet hauptsächlich die Frage, wie eine Funktion für Ihren Kunden nützlich ist. Sagen Sie ihnen genau, „wie“ eine bestimmte Funktion für sie nützlich ist und „warum“ sie diesen Kauf tätigen sollten.
  Produktbeschreibungen, die die Kluft zwischen Merkmalen und Vorteilen überbrücken, können das schlechte Gewissen des Käufers mindern und die Kaufentscheidung erleichtern. Wenn Sie zum Beispiel erwähnen, dass ein bestimmtes Hemd aus 100% Bio-Baumwolle schweißfrei und antiallergisch ist, rechtfertigt das seinen hohen Preis.
• Setzen Sie mehr auf Verben: Verben sind viel überzeugender als Adjektive, wenn es darum geht, eine Person von etwas zu überzeugen. Zum Beispiel diese:
  Dieser süße, kleine Schlafsack ist perfekt für Ihr einjähriges Baby.
  Oder,
  Dieser helle Schlafsack bietet Ihrem Baby viel Platz zum Strampeln und Zappeln, ohne dass es sich in den Schichten der Bettwäsche verheddern kann. Es wird nie mehr kalt aufwachen, weil es sein Bettzeug weggekickt hat. Ihr Baby fühlt sich auch in ungewohnter Umgebung sicher.
  Was klingt überzeugender? Entscheiden Sie selbst!
• Verwenden Sie Jargons nur, wenn Sie mit anspruchsvollen Kunden sprechen: Ein übermäßiger Jargon, den Ihre Kunden nicht vollständig verstehen, kann zu Verwirrung führen. Am besten vermeiden Sie sie, denn wenn sie sie nicht verstehen, werden sie sie auch nicht kaufen.
  Aber wahrscheinlich wollen Sie den Jargon einbauen, weil Sie denken, dass er Sie als Experten erscheinen lässt. Und Sie haben Recht. Die Verwendung von Fachjargon erhöht Ihre Glaubwürdigkeit. Das gilt vor allem dann, wenn Sie sich an ein anspruchsvolles Zielgruppe wenden wollen.
• Greifen Sie auf das Vokabular Ihrer idealen Kunden zurück: Joanna Wiebe, die Gründerin von Copy Hackers, erwähnt in einem ihrer Artikel: „Don’t write, copy. Kopieren Sie Texte aus Ihren Testimonials.“

In dem Artikel erklärt sie, wie sie für die Überschrift genau die Worte aus einem Kundenbericht übernommen hat, was die Conversion Rate (Klick auf die Preisseite) um 103% erhöhte. Hier ist der Bericht, den sie verwendet hat:

Und dies ist die siegreiche Schlagzeile, die Worte aus dem obigen Zeugnis übernommen hat:

Conversion-Experten schwören auf diese Technik, und Sie können sie ganz einfach anwenden, um Beschreibungen mit hoher Conversion Rate zu verfassen. Es geht darum, das Gespräch in den Köpfen Ihrer potenziellen Kunden zu treffen.

Überprüfung der Lesbarkeit: 

• Verwenden Sie kurze oder gebrochene Sätze: Ja, Sie haben mich richtig verstanden! Ihr Englischlehrer in der Schule hat gebrochene Sätze wahrscheinlich nicht gutgeheißen. Aber dies ist kein akademischer Text. In Ihren Verkaufstexten oder Beschreibungen sollte es darum gehen, was leichter zu lesen ist. Wenn sich das Lesen für Ihre Kunden wie eine Aufgabe anfühlt, werden sie Ihre Beschreibungen ignorieren, was letztendlich zu einem Rückgang Ihrer Umsätze führt.
• Verwenden Sie Aufzählungspunkte: Die meisten Nutzer überfliegen Seiten im Internet. Sie lesen nicht Wort für Wort. Bringen Sie sie dazu, sich die wichtigen Punkte zu merken, indem Sie sie in Aufzählungspunkten auflisten.
• Verwenden Sie eine größere und gut kontrastierte Schrift: Es ist lästig, grauen Text auf weißem Hintergrund zu lesen, vor allem, wenn er in kleinerer Schrift geschrieben ist. Achten Sie darauf, dass sich Ihre Schriftfarbe auf der Seite gut abhebt und dass Ihre Schriftgröße und -art für Ihre Zielgruppe gut lesbar ist.
• Zwingen Sie Ihre Besucher nicht, die Augen zusammenzukneifen, um Ihren Text zu lesen, und sie werden gerne weiter lesen – vorausgesetzt, Ihre Worte ergeben für sie einen Sinn. Andernfalls sagen sie vielleicht nur „Vergiss es!“ und gehen auf eine andere Website.

Beschränken Sie den Produkttext nicht auf kalte Fakten und unpersönliche Sätze. Natürlich müssen Sie Ihren potenziellen Kunden alles sagen, was sie über das Produkt wissen müssen, das Sie auf Ihrer Website verkaufen. Aber da Sie sich an echte Menschen und nicht an Außerirdische wenden, sollten Sie dies in einer Weise tun, die sie sprechen und verstehen.

10. Machen Sie den Größenwähler benutzerfreundlich:

Die Größe ist einer der wichtigsten Entscheidungsfaktoren für jeden, der auf Ihre Website kommt, um einen Kauf zu tätigen:

• Die Definition von „klein“, „groß“ und „extragroß“ ist für Menschen auf der ganzen Welt unterschiedlich. Geben Sie ihnen einen Größenwähler zusammen mit einem Größenführer, der ihnen die Maße in Zoll und Zentimetern angibt.
• Auch die Platzierung des Größenwählers ist wichtig. Die beste Platzierung ist direkt unter dem Produkt und der Beschreibung. Verwenden Sie eine Pop-up-Größenauswahl, die angezeigt wird, wenn ein Nutzer mit dem Mauszeiger über ein Produktbild fährt.

11. Helfen Sie Nutzern, verwandte Produkte zu entdecken und zu kaufen:

Als Unternehmer möchten Sie, dass die Nutzer Add-ons, verwandte Produkte und Zubehör zu den gekauften Produkten kaufen. Eine Möglichkeit, dies zu erreichen, besteht darin, gute Optionen für Up-Selling und Cross-Selling auf den Produktseiten anzubieten. Gute Vorschläge für ähnliche Produkte verbessern nicht nur das Browsing-Erlebnis, sondern helfen auch bei der Produkterkundung.

12. Geben Sie die Versand- und Rückgabebedingungen klar an:

Lassen Sie Ihre Kunden nicht im Unklaren, wenn es um die Versandkosten geht. In einer idealen Welt möchte ein Kunde kein Geld für den Versand ausgeben. Wenn Sie aber doch Gebühren erheben müssen, seien Sie ehrlich und versuchen Sie nicht, die Kosten in der Kaufabwicklung zu verschleiern. Ihre Kunden werden sehr verärgert sein und den Einkaufswagen ebenso aufgeben wie Ihre Hoffnungen auf eine Optimierung der Kaufabwicklung. Seien Sie sich auch über die Rückgabebedingungen im Klaren. Haben sie 10 Tage Zeit, um das Produkt zurückzusenden, einen ganzen luxuriösen Monat oder gar kein solches Privileg? Erklären Sie das klar und lassen Sie keinen Raum für Unklarheiten.

13. Aktivieren Sie Live Chats:

Sie denken vielleicht, dass Sie Ihre Produktseite so benutzerfreundlich wie möglich gestaltet und alle häufig gestellten Fragen beantwortet haben und nichts der Fantasie Ihrer Nutzer überlassen haben. Aber man weiß ja nie. Es kann nicht schaden, in eine Live-Chat-Funktion zu investieren, um das Kundenerlebnis zu verbessern. Hier ist eine Infografik, die interessante Statistikenzur Nutzung von Live-Chats durch Online-Kunden enthält.

14. Behalten Sie die Geschwindigkeit Ihrer Website im Auge:

Sie sind also inspiriert und denken darüber nach, das hochauflösende Video einzubetten, mehrere Aufnahmen Ihrer Produkte einzubinden und eine Live-Chat-Funktion einzuführen. Das ist ein toller Ansatz, aber so viele hochtrabende Informationen könnten Ihre Produktseite überfrachten. Vernachlässigen Sie bei der Verfolgung neuer Ziele nicht die Ladezeit Ihrer Seite. 

Jedes E-Commerce-Unternehmen, das etwas auf sich hält, weiß, dass Kundenorientierung das Geheimnis für Erfolg und Rentabilität ist. Sehen Sie sich das Webinar an und erfahren Sie, wie Sie ein kundenorientiertes E-Commerce-Geschäft aufbauen können.

Fazit

Menschen lieben E-Commerce-Websites, die Ihre Kunden direkt anspricht. Um eine erfolgreiche Website im E-Commerce zu erstellen, sollten Sie verstehen, welche Erwartungen Ihre Nutzer haben, und dann Ihre Website entsprechend diesen Bedürfnissen gestalten. 

Alle oben genannten Hinweise wurden von Tausenden von E-Commerce-Geschäften erprobt und getestet. Das bedeutet aber nicht, dass Sie jede dieser Ideen umsetzen sollten, ohne sie vorher auf Ihrer eigenen Website zu testen. Jedes E-Commerce-Geschäft ist anders und hat eine andere Zielgruppe, andere Produkte, andere Spezialisierungen usw. Und wenn Sie einfach nachmachen, was ein anderer Shop getan hat, ohne zu testen, werden Ihre Conversion Rates zwangsläufig leiden.

FAQs zu E-Commerce-Produktseiten