Die Conversion einer WooCommerce-Produktseite steigerst du in drei Schritten. Zuerst misst du sauber, welcher Anteil der Besucher einer Produktseite das Produkt am Ende auch kauft. Dann findest du die Seiten, die viele Aufrufe, aber wenige Käufe haben. Auf genau diesen Seiten verbesserst du die Elemente, die über den Kauf entscheiden: Bilder, Beschreibung, Preis mit Versandkosten, Varianten, Verfügbarkeit, Vertrauen und Ladezeit. Jede Änderung prüfst du anschließend mit Daten, statt dich auf dein Bauchgefühl zu verlassen. Hier zeigen wir dir, wie das in der Praxis funktioniert.
Kurz gesagt
- Conversion-Rate pro Produkt = Bestellungen des Produkts ÷ Aufrufe der Produktseite × 100. Zähle nur echte Bestellungen und echte Besucher.
- Vier Ereignisse reichen für den Anfang:
view_item,add_to_cart,begin_checkoutundpurchase. GA4 erfasst sie in WooCommerce nicht von selbst. - Fang bei den Problemkandidaten an: Produkte mit vielen Aufrufen und wenigen Käufen bringen den schnellsten Hebel.
- Pflichtelemente gehen vor Spielereien: klarer Produktname, vergrößerbare Bilder, Preis inklusive Zusatzkosten, sichtbare Versandkosten, verständliche Varianten, Verfügbarkeit und ein eindeutiger Warenkorb-Button.
- Teste jede Änderung einzeln und vergleiche den Trend deiner eigenen Zahlen, nicht fremde Branchen-Benchmarks.
Inhaltsverzeichnis
- Was die Conversion-Rate einer Produktseite wirklich misst
- Die richtigen Ereignisse in WooCommerce erfassen
- So findest du die Produktseiten, die Umsatz verschenken
- Die Elemente, die über den Kauf entscheiden
- Vertrauen aufbauen: Bewertungen und Sicherheitssignale
- Mobil und schnell: die technische Basis
- Änderungen testen statt raten
- Wir machen deine Produktseiten verkaufsstark
- Häufige Fragen
- Quellen
Was die Conversion-Rate einer Produktseite wirklich misst
Die Shop-Conversion-Rate sagt dir, wie viele Besucher irgendetwas kaufen. Für die Optimierung einzelner Produktseiten ist sie zu grob. Du brauchst die Rate pro Produkt. Die gängige Formel lautet: Bestellungen des Produkts geteilt durch die Aufrufe seiner Produktseite, mal 100.
Ein Rechenbeispiel: Deine Produktseite für einen Akku-Rasenmäher hat im Monat 1.200 Aufrufe, und 30 Bestellungen enthalten dieses Produkt. Das ergibt 30 ÷ 1.200 × 100 = 2,5 %. Eine zweite Seite mit 400 Aufrufen und 20 Bestellungen kommt auf 5 %. Die zweite Seite verkauft also deutlich effizienter, obwohl sie weniger Besucher hat.
Damit diese Zahl stimmt, kommt es auf Zähler und Nenner an:
- Im Zähler stehen nur Bestellungen, die wirklich zustande gekommen sind. Ein bewährter Ansatz zählt Bestellungen mit dem Status „In Bearbeitung“, „Abgeschlossen“ oder „Erstattet“. Ausstehende oder zurückgehaltene Bestellungen bleiben draußen.
- Im Nenner haben Bots, deine eigenen Besuche und die Besuche deines Teams nichts zu suchen. Sonst wirkt eine Seite schwächer, als sie ist.
In Google Analytics 4 entspricht der Aufruf einer Produktseite dem Ereignis „view_item“, der Kauf dem Ereignis „purchase“. Damit kannst du die Produktseiten-Conversion als Käufe nach Produktseitenansichten auswerten.
Ein wichtiger Punkt für die Praxis: Viele Abweichungen zwischen verschiedenen Tools entstehen nur, weil „Besuch“ und „Bestellung“ unterschiedlich definiert sind. Lege deshalb einmal fest, wie du zählst, und bleib dabei. Entscheidend ist der Trend deiner eigenen Zahlen, nicht der Vergleich mit einem Durchschnittswert aus einer fremden Branche.
Die richtigen Ereignisse in WooCommerce erfassen
Bevor du an Bildern oder Texten drehst, muss das Tracking stimmen. Sonst weißt du später nicht, ob eine Änderung etwas gebracht hat. Wichtig zu wissen: GA4 sammelt E-Commerce-Daten nicht automatisch. Dein Shop muss die Ereignisse aktiv senden. Danach zeigt dir der Bericht „E-Commerce-Käufe“ pro Artikel, wie oft er angesehen, in den Warenkorb gelegt und gekauft wurde.
Google empfiehlt für Onlineverkäufe unter anderem diese Ereignisse für den Onlinehandel:
| Ereignis | Was es misst | Was es dir über die Produktseite verrät |
|---|---|---|
view_item |
Aufruf der Produktdetailseite | Wie viel Reichweite die Seite bekommt |
add_to_cart |
Produkt in den Warenkorb gelegt | Ob die Seite überzeugt |
begin_checkout |
Start des Bestellvorgangs | Ob Warenkorb und Versandinfos passen |
purchase |
Abgeschlossener Kauf | Den tatsächlichen Umsatz |
Der Unterschied zwischen Warenkorb und Kauf ist zentral: Warenkorb-Aktionen zeigen, ob Besucher den Kauf beginnen. Abgeschlossene Bestellungen messen den echten Umsatz. Legen viele Besucher das Produkt in den Warenkorb, kaufen dann aber nicht, liegt das Problem oft hinter der Produktseite. Dafür haben wir einen eigenen Leitfaden, wie du den Warenkorbabbruch in WooCommerce reduzierst.
Für die technische Umsetzung gibt es den offiziellen DataLayer für WooCommerce. Er stellt die Shop-Aktivitäten als JavaScript-Objekt für den Google Tag Manager bereit und kann unter anderem view_item, add_to_cart, begin_checkout und purchase auslösen.
Drei Details entscheiden über saubere Kaufzahlen:
- Eindeutige Transaktions-ID: Google empfiehlt für jedes
purchase-Ereignis eine eindeutigetransaction_id, damit ein Kauf nicht doppelt gezählt wird, etwa wenn jemand die Danke-Seite neu lädt. - Korrekter Wert:
valueenthält die Summe aus Preis mal Menge. Versand und Steuern übergibst du separat. - Kauf als Schlüsselereignis: GA4 markiert „purchase“ standardmäßig als Schlüsselereignis. Prüfe trotzdem, ob das in deiner Property so eingestellt ist.
Sehr hilfreich ist außerdem der Bericht „Kaufprozess“ in GA4. Er zeigt die Schritte vom Sitzungsstart über die Produktansicht und den Warenkorb bis zum Kauf und berechnet die Abbruchraten automatisch. So siehst du auf einen Blick, an welcher Stelle die meisten Besucher aussteigen. Wenn du die erfassten Warenkorb-Aktionen später auch für Werbekampagnen nutzen willst, zeigt diese Anleitung, wie du Remarketing für deinen Webshop einrichtest.
Ausführlich beschreiben wir die Einrichtung in unserem Beitrag zum E-Commerce-Tracking in WooCommerce.
So findest du die Produktseiten, die Umsatz verschenken
Du musst nicht alle Produktseiten gleichzeitig überarbeiten. Fang dort an, wo der Hebel am größten ist. Mit Conversion-Raten pro Produkt findest du sogenannte „Attractive Failures“: Produkte mit vielen Aufrufen, die aber nur selten gekauft werden. Ein zweites Warnsignal sind viele Ausstiege im Verhältnis zu den Aufrufen. Dann verlassen auffällig viele Besucher den Shop direkt auf dieser Seite.
Mit zwei Kennzahlen kannst du jede Produktseite einordnen:
| Aufrufe | Conversion | Diagnose | Nächster Schritt |
|---|---|---|---|
| Hoch | Niedrig | Interesse da, Seite überzeugt nicht | Inhalte, Preis, Vertrauen, Ladezeit prüfen |
| Hoch | Hoch | Topseller | Absichern, nur vorsichtig testen |
| Niedrig | Hoch | Gutes Produkt, zu wenig Sichtbarkeit | SEO und interne Verlinkung stärken |
| Niedrig | Niedrig | Kaum Bedarf oder falsche Zielgruppe | Sortiment und Positionierung prüfen |
Die Seiten oben links in der Tabelle sind deine ersten Kandidaten. Schau dir dort zusätzlich das Verhältnis von view_item zu add_to_cart an. Ist es schwach, liegt das Problem auf der Produktseite selbst. Ist der Warenkorb-Wert gut, aber die Käufe bleiben aus, schau dir Versandkosten, Lieferzeit und den Checkout an.
Für Produkte mit wenig Sichtbarkeit lohnt sich ein Blick auf die Suchmaschinenoptimierung. Wie du Titel, Texte, strukturierte Daten und Varianten für Google aufbereitest, zeigt unser Leitfaden zu SEO für WooCommerce-Produktseiten. Und wenn Besucher dein Produkt im Shop gar nicht erst finden, hilft es, die WooCommerce-Suche zu verbessern.
Die Elemente, die über den Kauf entscheiden
Die Nielsen Norman Group hat in ihren UX-Richtlinien für Produktseiten zusammengefasst, was Besucher brauchen, um ein Produkt in den Warenkorb zu legen. Dazu zählen ein aussagekräftiger Produktname, gut erkennbare und vergrößerbare Bilder, ein Preis inklusive produktspezifischer Zusatzkosten, klare Auswahloptionen, Angaben zur Verfügbarkeit und ein eindeutiger Weg in den Warenkorb mit sichtbarer Rückmeldung. Eine weitere Empfehlung: Teile Funktionen in „Muss“ und „Kann“ ein. Effekte, die modern aussehen, aber beim Kauf nicht helfen, überladen die Seite.
Produktname und Bilder
Der Produktname sagt, was das Produkt ist, nicht nur, wie es intern heißt. „Akku-Rasenmäher 40 V, 46 cm Schnittbreite“ hilft mehr als „Modell GX-46“. Zeige das Produkt aus mehreren Perspektiven und mach jedes Bild vergrößerbar. Wer Details wie Material, Anschlüsse oder Nähte sehen will, soll sie auch sehen können. Zusätzlich helfen Fotos im Einsatz: Sie lassen Kundinnen und Kunden erkennen, wie das Produkt in ihrem Alltag aussieht. Achte darauf, dass die Bilder komprimiert und in passender Größe ausgeliefert werden, damit die Galerie die Seite nicht ausbremst.
Produktbeschreibung
Eine gute Beschreibung ist vollständig, knapp und informativ. Sie beantwortet die Fragen, die sonst per E-Mail oder Telefon kämen: Maße, Material, Lieferumfang, Kompatibilität, Pflege. Bewährt hat sich dieser Aufbau:
- Zwei bis drei Sätze zum Nutzen ganz oben
- Die wichtigsten Eckdaten als Liste
- Technische Details in einer übersichtlichen Tabelle oder einem Reiter
- Antworten auf typische Rückfragen am Ende
Vermeide Herstellertexte, die auf vielen Shops identisch stehen. Eigene Texte überzeugen Käufer besser und helfen dir auch bei Google.
Preis, Versandkosten und Lieferzeit
Der Preis muss alle produktspezifischen Zusatzkosten enthalten, und die Versandkosten gehören sichtbar auf die Produktseite. Wer erst im Checkout von Zusatzkosten erfährt, bricht häufig ab. Zeige deshalb direkt am Preis, was der Versand kostet oder wo die Versandkosten stehen, und nenne die Lieferzeit klar. Für Shops in Deutschland gibt es außerdem rechtliche Vorgaben, wie Preise und Versandkosten angegeben werden müssen. Lass deine Produktseiten dazu im Zweifel von einem auf Onlinehandel spezialisierten Anwalt oder einem Händlerbund prüfen. Technisch hängt die korrekte Anzeige eng mit deiner Steuereinstellung zusammen. Wie du das sauber aufsetzt, steht in unserem Leitfaden zu Steuern in WooCommerce für Deutschland.
Varianten und Verfügbarkeit
Varianten wie Größe, Farbe oder Ausführung müssen verständlich erklärt und leicht auswählbar sein. Statt einer langen Dropdown-Liste helfen bei Farben oft Farbfelder, bei Größen Schaltflächen mit einer Größentabelle daneben. Wichtig: Wenn sich mit der Variante der Preis, das Bild oder die Lieferzeit ändert, muss sich das auf der Seite sofort zeigen. Und die Verfügbarkeit muss erkennbar sein. Nichts frustriert mehr, als eine Variante auszuwählen und erst dann zu sehen, dass sie ausverkauft ist.
Warenkorb-Button und Rückmeldung
Der Warenkorb-Button ist das wichtigste Element der Seite. Er steht gut sichtbar neben Preis und Varianten, hebt sich farblich ab und ist auf dem Smartphone mit dem Daumen bequem erreichbar. Nach dem Klick braucht der Besucher eine klare Rückmeldung, etwa einen Hinweis mit dem Produkt und einem Link zum Warenkorb. Damit die Seite beim Hinzufügen nicht neu lädt, kannst du in WooCommerce unter Einstellungen › Produkte › Allgemein AJAX aktivieren. Viele Themes bringen dafür eigene Optionen mit. Prüfe also, ob die Einstellung bei dir auch wirklich greift.
Weitere Ansätze für die einzelnen Bausteine findest du in unserem Praxisleitfaden für WooCommerce-Produktseiten.
Vertrauen aufbauen: Bewertungen und Sicherheitssignale
Gerade bei unbekannten Shops fragen sich Besucher: Kann ich hier bedenkenlos bestellen? Kundenbewertungen sind dafür eines der stärksten Signale. Der Leitfaden „Vertrauen im Online-Handel“ des E-Commerce-Center Handel beschreibt, dass Käufer die Erfahrungen anderer Kunden häufig glaubwürdiger einschätzen als die Angaben des Anbieters. 52 Prozent der dort befragten Bewertungsnutzer hielten Kommentare und Bewertungen für verlässlich.
Daraus folgen drei Regeln für deine Produktseiten:
- Nur echte Käufer bewerten lassen. WooCommerce bietet in den Produkteinstellungen die Option, Bewertungen nur von verifizierten Käufern zuzulassen. Ein System, das möglichst wenig Manipulation zulässt, ist glaubwürdiger.
- Nach der Bestellung aktiv nachfragen. Eine kurze E-Mail einige Tage nach der Lieferung bringt deutlich mehr Bewertungen als ein stilles Formular.
- Kritik stehen lassen und beantworten. Eine sachliche Antwort auf eine negative Bewertung zeigt Service. Ausschließlich Fünf-Sterne-Bewertungen wirken dagegen schnell unecht.
Neben Bewertungen helfen weitere Signale in der Nähe des Warenkorb-Buttons: die angebotenen Zahlungsarten, Hinweise zu Rückgabe und Widerruf, eine erreichbare Kontaktmöglichkeit und gegebenenfalls Gütesiegel, die du tatsächlich besitzt. Platziere diese Angaben kompakt, damit sie Sicherheit geben, ohne den Kaufbereich zu überfrachten.
Mobil und schnell: die technische Basis
Ein großer Teil deiner Besucher kommt über das Smartphone. Dort entscheidet sich die Conversion oft schon in den ersten Sekunden. Wie stark Ladezeit, mobile Nutzerführung und Sichtbarkeit zusammenhängen, zeigt dieser Beitrag über den Einfluss mobiler Optimierung auf E-Commerce-SEO.
Für deine Produktseiten heißt das konkret:
- Das Wichtigste zuerst: Auf dem Smartphone sollten Bild, Name, Preis und Warenkorb-Button ohne langes Scrollen sichtbar sein.
- Fixierter Kauf-Button: Ein Warenkorb-Button, der beim Scrollen am unteren Rand mitläuft, hält den nächsten Schritt immer in Reichweite.
- Touch-freundliche Varianten: Schaltflächen für Größen und Farben müssen groß genug für den Finger sein.
- Schlanke Galerie: Lade Bilder in passender Größe und erst dann, wenn sie gebraucht werden.
- Weniger Plugins im Frontend: Jedes zusätzliche Skript für Popups, Chat oder Slider kostet Ladezeit. Prüfe, was du wirklich brauchst.
Wenn dein Shop spürbar träge reagiert, liegt das oft an Hosting, Datenbank oder zu vielen Erweiterungen. Die typischen Ursachen und schnelle Lösungen haben wir unter WooCommerce langsam zusammengestellt. Wie wir die Ladezeit Schritt für Schritt verbessern, zeigt unser Workflow zur Website-Ladezeit.
Änderungen testen statt raten
Die größte Falle bei der Conversion-Optimierung: Du änderst fünf Dinge auf einmal, die Zahlen steigen, und keiner weiß, warum. Oder sie fallen, und du nimmst alles zurück, obwohl eine Änderung eigentlich geholfen hätte. So testest du sauber:
- Ausgangswert festhalten. Notiere für die Produktseite Aufrufe, Warenkorb-Rate und Kauf-Conversion über einen festen Zeitraum, zum Beispiel die letzten vier Wochen.
- Eine Hypothese formulieren. Zum Beispiel: „Wenn die Versandkosten direkt unter dem Preis stehen, legen mehr Besucher das Produkt in den Warenkorb.“
- Nur eine Sache ändern. Ein neues Bild, ein anderer Text am Button oder eine neue Position der Versandinfo. Nie alles zusammen.
- Gleich lange und vergleichbare Zeiträume messen. Vergleiche vier Wochen mit vier Wochen und achte auf Saison, Aktionen und Feiertage, die die Zahlen verzerren.
- Bei genug Besuchern echt splitten. Hat eine Seite viel Traffic, ist ein A/B-Test die verlässlichste Methode: Die Hälfte der Besucher sieht Version A, die andere Version B, im selben Zeitraum. Lass den Test laufen, bis eine ausreichende Zahl an Käufen zusammenkommt, und brich ihn nicht nach den ersten guten Tagen ab.
- Ergebnis dokumentieren. Halte fest, was du geändert hast, wann und mit welchem Ergebnis. Diese Liste wird mit der Zeit dein wertvollstes Wissen über deine Kunden.
Bei Seiten mit wenig Traffic lohnt sich ein klassischer A/B-Test oft nicht, weil zu wenige Käufe zusammenkommen. Dann arbeitest du mit Vorher-nachher-Vergleichen über längere Zeiträume und kombinierst sie mit qualitativen Hinweisen: Kundenfragen, Rückmeldungen aus dem Support oder Beobachtungen, wie Testpersonen die Seite bedienen.
Wir machen deine Produktseiten verkaufsstark
Tracking einrichten, Schwachstellen finden, Templates umbauen, Ladezeit senken: Das alles greift ineinander. Als spezialisierte WordPress- und WooCommerce-Agentur aus Stuttgart verbinden wir seit über 14 Jahren Technik, Performance und SEO zu Shops, die messbar verkaufen. Gerade haben wir zwei neue Shops an den Start gebracht, und wir betreuen unsere Kunden auch nach dem Launch langfristig.
Ob neuer Shop, Relaunch oder gezielte Optimierung deiner bestehenden Produktseiten: Wir besprechen mit dir transparent, wo dein größter Hebel liegt. Sieh dir an, wie wir WooCommerce-Shops entwickeln und optimieren, oder starte mit einem kostenlosen SEO-Audit.
Häufige Fragen
Welche Conversion-Rate ist für eine WooCommerce-Produktseite gut?
Eine allgemeingültige Zahl gibt es nicht, weil Branche, Preis und Traffic-Quelle stark schwanken und Tools unterschiedlich zählen. Sinnvoller ist der Vergleich innerhalb deines Shops: Welche Produktseiten liegen deutlich unter dem Schnitt deiner eigenen Produkte? Dort lohnt sich die Optimierung zuerst, und der Erfolg zeigt sich im Trend deiner Zahlen.
Reicht WooCommerce Analytics oder brauche ich GA4?
Die WooCommerce-eigenen Berichte zeigen dir Bestellungen und Umsatz zuverlässig, aber keine Produktseitenaufrufe. Für die Conversion pro Produktseite brauchst du zusätzlich ein Tracking der Ansichten, etwa über GA4 mit den Ereignissen view_item und purchase. Wichtig ist, dass dein Shop diese Ereignisse aktiv sendet.
Warum stimmen die Käufe in GA4 nicht mit WooCommerce überein?
Häufige Gründe sind fehlende oder doppelte Transaktions-IDs, abgelehnte Cookie-Einwilligungen und Bestellungen, die später storniert werden. Google weist darauf hin, dass uneinheitliche oder fehlende transaction_id-Werte zu Abweichungen bei Kaufzahlen führen können. Kleine Differenzen sind normal, große deuten auf einen Fehler im Tracking hin.
Wie lange sollte ich eine Änderung auf der Produktseite testen?
Mindestens so lange, bis genug Käufe für eine belastbare Aussage zusammenkommen, und über ganze Wochen hinweg, damit Wochentags-Effekte sich ausgleichen. Bei Seiten mit viel Traffic reichen oft wenige Wochen, bei kleinen Shops brauchst du deutlich länger. Vermeide es, Tests während großer Aktionen oder Feiertage zu starten.
Quellen
StoreRadar: Conversion-Rate in WooCommerce messen
SlimStat: WooCommerce Conversion Rate richtig messen
Google for Developers: Ereignisreferenz
Google Analytics-Hilfe: Empfohlene Ereignisse
Google Analytics-Hilfe: Bericht E-Commerce-Käufe
Google Analytics-Hilfe: Ereignisse als Schlüsselereignisse markieren
Google Analytics-Hilfe: Bericht Kaufprozess
Google Analytics-Hilfe: Messwerte im Vergleich
WooCommerce: DataLayer für WooCommerce
WooCommerce: Add-to-Cart-URLs und AJAX
Statnive: WooCommerce-Produktseiten analysieren
Nielsen Norman Group: UX-Richtlinien für Produktseiten
E-Commerce-Center Handel: Vertrauen im Online-Handel
