Eine Produktseite hat eine Aufgabe. Einen Stöberer in einen Käufer verwandeln. Jedes Element auf der Seite hilft dabei oder steht im Weg.
Auf Produktseiten fallen die Kaufentscheidungen. Die Startseite holt Besucher herein. Kategorieseiten führen sie in den richtigen Bereich. Aber auf der Produktseite entscheiden sie sich, zu kaufen oder zu gehen. Ein Shop kann überall sonst eine starke Marke und ein sauberes Design haben und trotzdem Verkäufe verlieren, wenn die Produktseiten nicht konvertieren.
Dieser Artikel zeigt, was eine Produktseite funktionieren lässt. Die Elemente, die Entscheidungen antreiben, die Fehler, die Conversions töten, und wie eine gute Seite mobil aussieht, wo heute die meisten Kaufentscheidungen fallen.
Was muss eine Produktseite leisten?
Käufer können dein Produkt nicht in die Hand nehmen, anprobieren oder persönlich prüfen. Die Produktseite muss das alles für sie übernehmen. Sie muss jede Frage beantworten, die ein Käufer haben könnte, bevor er sich wohlfühlt, auf "In den Warenkorb" zu klicken.
Diese Fragen sind vorhersehbar. Wie sieht es aus allen Blickwinkeln aus? Welche Größe oder Variante brauche ich? Was kann es eigentlich? Wie viel kostet es inklusive Versand? Was passiert, wenn es nicht passt? Wer hat es noch gekauft und was hielt er davon?
Eine Produktseite, die eine dieser Fragen offen lässt, lässt Conversions liegen.
Produkttitel
Der Produkttitel sollte klar und auffindbar sein. Er ist das Erste, was ein Käufer liest, und einer der wichtigsten Faktoren, mit denen Suchmaschinen verstehen, was dein Produkt ist.
Nenne die wichtigsten Eigenschaften im Titel: was das Produkt ist, woraus es besteht oder was es kann, und jede relevante Angabe, die es von anderen unterscheidet. "Merinowolle-Laufsocken, Wadenlänge" ist hilfreicher als "Performance-Socken". Käufer, die Suchergebnisse oder Kategorieseiten überfliegen, sollten genau wissen, was das Produkt ist, bevor sie klicken.
Stopfe den Titel nicht mit Keywords voll. Schreibe zuerst für den Käufer. Ein Titel, der natürlich klingt und die wichtigste Angabe enthält, schlägt einen Titel, der mit zusätzlichen Begriffen aufgebläht wurde.
Produktbilder
Bilder sind das wichtigste Element einer Produktseite. Käufer entscheiden danach, was sie zuerst sehen, ob sie weiterlesen. Schlechte Bilder untergraben jedes andere Element der Seite.
Jede Produktseite braucht mehrere Bilder. Das übliche Minimum sind vier bis sechs. Zeige das Produkt frontal, aus mehreren Blickwinkeln, eine Nahaufnahme wichtiger Details und mindestens ein Lifestyle-Bild, das es in Benutzung oder im Kontext zeigt. Bei Kleidung zeige sie an einem Model. Bei Werkzeug oder Haushaltswaren zeige sie in der Umgebung, in der sie benutzt werden. Bei Lebensmitteln oder Verbrauchsgütern zeige das Produkt klar mit seiner Verpackung.
Video gibt Produkten zusätzliche Sicherheit, bei denen Bewegung, Größe oder Aufbau sichtbar werden sollen. Es muss nicht aufwendig produziert sein. Ein klarer Vorführclip, mit dem Smartphone gefilmt, ist nützlicher als gar kein Video.
Die Bildqualität zählt. Stark komprimierte, unscharfe oder schlecht beleuchtete Fotos signalisieren einen Shop, der nicht auf seine Präsentation achtet. Können Käufer nicht hineinzoomen, um ein Detail zu prüfen, kaufen sie nichts, wo dieses Detail wichtig ist, etwa Stoffstruktur, Verarbeitungsqualität oder Passform.
Produktbeschreibung
Eine Produktbeschreibung, die Eigenschaften aufzählt, ohne zu erklären, was sie für den Käufer bedeuten, ist eine verpasste Chance. Gute Beschreibungen beginnen mit dem Ergebnis. Was erlebt der Käufer, weil er dieses Produkt besitzt?
Dann folgen die Details. Maße, Materialien, Gewicht, Kompatibilität, was in der Verpackung enthalten ist. Wenn Käufer wahrscheinlich Fragen dazu haben, wie das Produkt funktioniert oder ob es zu ihrer Situation passt, beantworte sie in der Beschreibung.
Schreibe schlicht. Jeder Satz muss sich seinen Platz verdienen. Vermeide Füllwörter, Werbesprache und Adjektive, die keine Information liefern. Eine ausführliche Anleitung, wie du Produkttexte schreibst, die konvertieren, findest du unter So schreibst du Produktbeschreibungen, die verkaufen.
Preis und Varianten
Der Preis sollte klar und gut sichtbar sein. Käufer sollten ihn nicht suchen müssen. Platziere ihn nahe an Produkttitel und Bildern, möglichst im sofort sichtbaren Bereich.
Wenn dein Produkt in Varianten kommt, etwa Größe, Farbe, Material oder Menge, mach die Variantenauswahl einfach. Nutze klare Beschriftungen, wo sinnvoll visuelle Farbfelder, und mach die gewählte Variante deutlich erkennbar, damit Käufer sicher sind, die richtige Option in den Warenkorb zu legen.
Ändert eine Variante den Preis, aktualisiere den angezeigten Preis sofort bei der Auswahl. Überraschungen im Checkout führen zu Abbrüchen. Transparenz auf der gesamten Produktseite senkt dieses Risiko.
Sind bestimmte Varianten nicht vorrätig, zeige das klar in der Variantenauswahl, statt Käufer nicht verfügbare Artikel in den Warenkorb legen und im Checkout auf einen Fehler stoßen zu lassen.
Button "In den Warenkorb"
Der Button "In den Warenkorb" ist der Conversion-Punkt. Seine Platzierung und Sichtbarkeit bestimmen direkt, wie viele Käufer den Kauf durchziehen.
Er sollte am Desktop im sofort sichtbaren Bereich liegen und mobil ohne langes Scrollen erreichbar sein. Nutze eine Farbe, die sich vom Rest der Seite abhebt und auf einem Touchscreen leicht zu treffen ist. Die Beschriftung sollte eindeutig sein: "In den Warenkorb" oder "Jetzt kaufen". Vermeide Beschriftungen, die vage sind oder Nachdenken erfordern.
Gerade mobil zählt die Button-Größe. Ein kleiner oder schmaler Button ist schwerer genau zu treffen und fügt der wichtigsten Aktion der Seite Mikro-Reibung hinzu. Mach ihn groß genug, dass man ihn bequem mit dem Daumen antippt.
Social Proof
Käufer vertrauen anderen Käufern. Eine Produktseite mit Bewertungen und Sternen konvertiert besser als eine identische Seite ohne. Das ist eine der verlässlichsten Conversion-Verbesserungen, die ein Shop vornehmen kann.
Zeige Sternebewertungen nahe am Produkttitel, damit Käufer sie sofort sehen. Unterhalb der Beschreibung oder weiter unten auf der Seite zeige vollständige Bewertungen samt Hinweisen auf verifizierte Käufe. Haben Käufer Fotos oder Videos mit dem Produkt geteilt, zeige diese als nutzergenerierte Inhalte. Echte Käufer, die das Produkt in echten Situationen zeigen, senken die Unsicherheit, die einen Kauf stoppt.
Hat ein Produkt noch keine Bewertungen, überlege, mit einer kleinen Gruppe von Käufern zu starten, die frühes Feedback geben können. Ein leerer Bewertungsbereich bei einem neuen Produkt schadet für sich genommen nicht, ist aber eine verpasste Chance, Vertrauen aufzubauen.
Vertrauenssignale
Vertrauenssignale in der Nähe des Warenkorb-Buttons gehen auf die konkreten Sorgen ein, die Käufer in dem Moment haben, in dem sie zahlen wollen. Am nützlichsten sind die, die die Hauptbedenken abdecken.
- Eine Zusammenfassung der Rückgaberegel, etwa "kostenlose Rücksendung innerhalb von 30 Tagen", beantwortet die Angst, auf etwas Falschem sitzen zu bleiben
- Eine Lieferzeitangabe, etwa "Versand in 1 bis 3 Werktagen", beantwortet die Angst, zu lange zu warten
- Symbole für sichere Zahlung nehmen Sorgen um die Zahlungssicherheit
- Eine Geld-zurück-Garantie, falls du eine anbietest, nimmt das Risiko des ersten Kaufs ganz weg
Vergrabe diese nicht im Footer oder in den FAQ. Setze sie auf die Produktseite, nahe am Kaufbutton, wo man sie im Moment der Entscheidung sieht.
Ähnliche Produkte
Bereiche mit ähnlichen Produkten erfüllen zwei Zwecke. Sie geben Käufern, die vom aktuellen Produkt noch nicht ganz überzeugt sind, eine Alternative zum Entdecken. Und sie geben kaufbereiten Käufern die Gelegenheit, ihrer Bestellung mehr hinzuzufügen.
Platziere ähnliche Produkte unterhalb des Hauptinhalts, nach Beschreibung und Bewertungen. So bleibt der Fokus auf dem Produkt selbst, und Alternativen erscheinen erst, nachdem der Käufer es in Ruhe bewerten konnte.
Halte den Bereich fokussiert. Vier bis acht Produkte genügen. Zu viele Optionen verwässern den Nutzen des Bereichs und führen zu Überforderung. Zeige Produkte, die wirklich ergänzen oder aus derselben Kategorie stammen, keine zufälligen Artikel aus dem ganzen Shop.
Mobiles Design der Produktseite
Mobil muss das Layout der Produktseite einhändiges Scrollen und Tippen in Daumenreichweite ermöglichen. Die Bildergalerie sollte sich natürlich wischen lassen. Variantenauswahlen sollten groß genug zum genauen Antippen sein. Der Button "In den Warenkorb" sollte sichtbar oder erreichbar bleiben, während der Käufer durch Beschreibung und Bewertungen scrollt.
Ein mitlaufender Warenkorb-Button am unteren Bildschirmrand, der beim Scrollen bleibt, ist eine der wirksamsten Verbesserungen mobiler Produktseiten. Käufer können die Beschreibung lesen, Bewertungen prüfen und in den Warenkorb legen, ohne nach oben zu scrollen. Bei längeren Produktseiten senkt das die Reibung zwischen Entscheiden und Kaufen.
Was eine Produktseite ruiniert
Manche Probleme von Produktseiten sind offensichtlich. Schlechte Bilder, keine Bewertungen, unklare Preise. Andere sind subtiler, aber ebenso schädlich.
Zu viel Text ohne visuelle Pausen
Käufer überfliegen. Sie lesen nicht Zeile für Zeile. Dichte Absätze schicken sie auf eine übersichtlichere Seite woanders.
Keine mobile Optimierung
Eine Produktseite, die am Desktop funktioniert, aber mobil kaputt ist, verliert den Großteil deines Traffics, noch bevor eine Entscheidung fällt.
Versteckte oder fehlende Richtlinien
Käufer, die deine Rückgaberegel nicht finden, fragen nicht nach. Sie gehen und kaufen in einem Shop, in dem sie leicht zu finden ist.
Nicht gekennzeichnete ausverkaufte Varianten
Nichts frustriert Käufer mehr, als etwas in den Warenkorb zu legen und im Checkout festzustellen, dass ihre Größe oder Farbe nicht verfügbar ist.
Langsame Ladezeit
Jede zusätzliche Sekunde Ladezeit einer Produktseite senkt die Conversion. Zu große Bilder sind die häufigste Ursache.
Verwirrende Variantenauswahl
Wenn ein Käufer nicht leicht erkennt, welche Größe, Farbe oder Option er gewählt hat, riskiert er nicht, das Falsche zu kaufen.
Wie WEMASY Produktseiten umsetzt
Das E-Commerce-System von WEMASY enthält Produktseiten mit Bildergalerien, Variantenauswahl, Bewertungen, Versandinformationen und Platzierungen für Vertrauenssignale. Das Layout ist automatisch für Mobilgeräte optimiert. Du fügst die Inhalte hinzu, das System übernimmt die Struktur.
Was in jedem Plan enthalten ist, siehst du auf der Seite WEMASY-Preise.
Weiterlesen: So wählst du die richtige Onlineshop-Plattform und Was ist eine Kategorieseite und wie gestaltest du sie.
Häufig gestellte Fragen
Wie viele Bilder braucht eine Produktseite?
Mindestens vier bis sechs Bilder pro Produkt. Zeige das Produkt aus mehreren Blickwinkeln, in Nahaufnahme wichtiger Details und mit mindestens einem Lifestyle-Bild im Kontext. Bei Kleidung zeige sie an einem Model. Bei Werkzeug oder Ausrüstung zeige sie in Benutzung. Mehr Bilder senken die Unsicherheit, und weniger Unsicherheit erhöht die Conversion. Mit dem Website-Builder von WEMASY richtest du das direkt in deinem Shop ein.
Sollten Produktbeschreibungen lang oder kurz sein?
Lang genug, um jede Frage eines Käufers zu beantworten, und kurz genug, um lesbar zu bleiben. Bei einfachen Produkten reichen ein paar klare Sätze plus die wichtigsten technischen Daten. Bei komplexen oder hochwertigen Produkten ist eine längere Beschreibung gerechtfertigt, die Vorteile, Anwendungsfälle und unterscheidende Details abdeckt. Gliedere sie mit kurzen Absätzen und überfliegbarer Formatierung, damit Käufer die gewünschte Information finden, ohne jedes Wort zu lesen.
Wo sollte die Rückgaberegel auf der Produktseite stehen?
In der Nähe des Warenkorb-Buttons. Käufer wollen ihr Risiko kennen, bevor sie sich festlegen. Eine kurze Zusammenfassung wie "30 Tage kostenlose Rücksendung" nahe am Kaufbutton nimmt diese Sorge genau im richtigen Moment. Eine vollständige Rückgaberegel im Footer ist nützlich, ersetzt aber keine sichtbare Zusammenfassung auf der Produktseite selbst.
Verbessern Produktvideos wirklich die Conversion?
Ja, bei den meisten Produktarten. Video hilft, wenn Käufer Größe, Bewegung, Aufbau oder die Funktionsweise in der Praxis verstehen müssen. Schon ein kurzer Clip mit dem Smartphone kann reichen. Entscheidend ist nicht die Produktionsqualität, sondern die Klarheit. Eine echte Vorführung schafft mehr Vertrauen als ein polierter Werbefilm, der das Produkt nicht in Benutzung zeigt.
Sollte ich Produkte von Mitbewerbern im Bereich ähnlicher Produkte zeigen?
Nein. Der Bereich mit ähnlichen Produkten sollte nur dein eigenes Sortiment zeigen. Sein Zweck ist, Käufer in deinem Shop zu halten, entweder mit einer Alternative oder mit einer passenden Ergänzung. Käufer, auch nur indirekt, zu einem Vergleich zu führen, widerspricht diesem Zweck.
Was ist der Unterschied zwischen In den Warenkorb und Jetzt kaufen?
"In den Warenkorb" führt den Käufer zur Warenkorbseite, wo er prüft und dann zum Checkout geht. "Jetzt kaufen" überspringt den Warenkorb und führt direkt zum Checkout. Beides hat seinen Nutzen. "In den Warenkorb" passt besser zu Shops, in denen Käufer oft mehrere Artikel kaufen. "Jetzt kaufen" passt besser zu Spontan- oder Einzelkäufen. Viele Shops bieten beides an, mit "In den Warenkorb" als Hauptbutton und "Jetzt kaufen" als zweiter Option.