Best Practices für die CTA-Platzierung zur Steigerung der Öffnungsrate

Die Position des Tangiblee Call-to-Action (CTA) auf einer Produktseite hat mehr Einfluss auf die Öffnungsrate als seine Größe, Farbe, Animation oder Formulierung. Dieser Artikel beschreibt, wo Sie den CTA platzieren, wie Sie ihn gestalten und wie Sie ihn beschriften. Die Angaben gelten je Gerät und Produktkategorie und enthalten die Daten hinter jeder Richtlinie.

Bevor Sie beginnen

• Öffnungsrate ist der Anteil der Nutzer auf einer Tangiblee-Produktseite, die das Tangiblee-Erlebnis öffnen. Sie zählt alle Nutzer auf der Seite, auch Nutzer, die nie bis zum CTA scrollen.
• Die Daten stammen aus zwei Tangiblee-Analytics-Audits von Produktseiten, von Juli bis Oktober 2026. Ein Audit umfasst Schmuck und Uhren. Das andere Audit umfasst Taschen und Gepäck.
• Die Ergebnisse sind über Händler hinweg aggregiert. Sie identifizieren keine einzelnen Websites.

Hinweis: Die Audits vergleichen unterschiedliche Händler. Kategorie, Markt, Preisniveau und Traffic sind nicht kontrolliert. Betrachten Sie die Ergebnisse als belastbare Orientierung, nicht als bewiesene Effekte, und testen Sie jede größere Änderung, bevor Sie sie ausrollen. Siehe „Eine CTA-Änderung testen“ weiter unten.

Wichtige Richtlinien

Mobile CTA-Platzierung

Auf Mobilgeräten haben CTAs im ersten Bildschirm eine höhere Öffnungsrate als CTAs unterhalb des sichtbaren Bereichs. Die stärksten Platzierungen liegen direkt unter der Galerie oder dem Hauptbild sowie am unteren Rand des Hauptbilds. Dieser Bereich liegt im Daumenbereich und auf dem Blickweg des Käufers zu den Produktdetails.

Auf Seiten für Taschen und Gepäck hat ein CTA direkt unter der Galerie eine mediane Öffnungsrate von 17,4 %. Ein CTA im Kaufbereich unterhalb des sichtbaren Bereichs hat eine mediane Öffnungsrate von 10,6 %.

Taschen und Gepäck (mediane Öffnungsrate, 90 Tage)

Schmuck und Uhren (mittlere Öffnungsrate, 7 Tage)

Ein Händler mit geringem Traffic platzierte seinen CTA am unteren Rand des Hauptbilds und erreichte 30,3 %. Das stützt den Bereich am unteren Bildrand, ist aber keine genaue Zahl.

Dasselbe Muster zeigt sich beim Vergleich eines Händlers über Geräte hinweg. 10 von 13 Händlern für Taschen und Gepäck, deren mobiler CTA im Kaufbereich unterhalb des sichtbaren Bereichs liegt, haben auf Mobilgeräten eine niedrigere Öffnungsrate als auf dem Desktop, im Median um 3,6 Prozentpunkte. Händler mit dem CTA direkt unter der Galerie gewinnen auf Mobilgeräten im Median 2,1 Punkte.

Hinweis: Die beiden Audits verwenden unterschiedliche Zeiträume und Methoden. Vergleichen Sie Platzierungen innerhalb eines Audits, nicht zwischen den Audits.

Richtlinien für Mobilgeräte

• Fixieren Sie ein Overlay am Bild, nicht am Bildschirm.
• Setzen Sie das Overlay 16 bis 20 Pixel vom Bildrand ein.
• Halten Sie das Overlay sichtbar, während der Käufer durch die Galerie wischt.
• Platzieren Sie den CTA nicht in den oberen Ecken des Bilds. Dort konkurriert er mit der Brotkrümelnavigation und der Navigation.
• Platzieren Sie den CTA nicht unter der Miniaturansichtsleiste oder im Kaufbereich. Diese Bereiche liegen meist unterhalb des sichtbaren Bereichs.
• Prüfen Sie schwebende Elemente, etwa Chat-Blasen, Treuepunkte-Badges, Barrierefreiheits-Schaltflächen und fixierte „Zum Einkaufswagen hinzufügen“-Leisten. Prüfen Sie den CTA an jeder Scrollposition. Verdeckt ein Element ihn, verschieben Sie den CTA Richtung Mitte.

Desktop-CTA-Platzierung

Auf dem Desktop ist der Kaufbereich meist ohne Scrollen sichtbar. Wir empfehlen, den CTA zwischen der Variantenauswahl und „Zum Einkaufswagen hinzufügen“ zu platzieren, wo der Käufer Größe, Farbe oder Stil wählt. Lässt das Layout dies nicht zu, platzieren Sie den CTA zentriert direkt unter dem Hauptbild.

Overlays am oberen Rand des Hauptbilds haben in beiden Audits die niedrigste Öffnungsrate. Im Audit für Taschen und Gepäck liegen die Mediane bei Platzierungen im Kaufbereich bei 13,9 % für einen kleinen Link und 13,2 % für eine Schaltfläche in voller Breite. CTAs auf dem Hauptbild haben einen Median von 10,8 %.

Taschen und Gepäck (mediane Öffnungsrate, 90 Tage)

Schmuck und Uhren (mittlere Öffnungsrate, 7 Tage)

Hinweis: Mehrere Händler für Schmuck und Uhren hatten im Zeitraum weniger als 600 Desktop-Nutzer. Die Desktop-Zahlen für Schmuck und Uhren sind nur ein Anhaltspunkt.

Tipp: Eine Platzierung, die im Desktop-Kaufbereich funktioniert, lässt sich nicht auf Mobilgeräte übertragen. Der Kaufbereich liegt auf Mobilgeräten meist unterhalb des sichtbaren Bereichs. Legen Sie die Platzierung für jedes Gerät einzeln fest.

Platzierung nach Kategorie

Die allgemeinen Richtlinien gelten für jede Kategorie. Die Tabelle zeigt, was die Daten für die einzelnen Kategorien ergänzen.

Taschen und Gepäck

Taschen und Gepäck hat die stärkste Datenlage aller Kategorien, auf beiden Geräten. Auf Mobilgeräten stammt die höchste Öffnungsrate im Audit von 2 Pillen am unteren Rand des Hauptbilds. Auf dem Desktop hat der Kaufbereich eine höhere Öffnungsrate als das Hauptbild.

Größe und Fassungsvermögen bestimmen die Entscheidung für den Kauf einer Tasche. Wenn beide Erlebnisse vorhanden sind, empfehlen wir 2 Einstiegspunkte: einen für den Maßstab und einen für das Fassungsvermögen. Größen- und Kapazitätsbeschriftungen haben fast dieselbe Öffnungsrate. Wählen Sie die Beschriftung, die zu dem passt, was das Erlebnis zeigt.

Öffnungsraten ändern sich außerdem je nach Markt, selbst bei gleichem Layout. Eine Marke hat mobile Öffnungsraten von 8,6 % bis 13,8 % über ihre Märkte hinweg. Vergleichen Sie Platzierungen innerhalb desselben Markts.

Schmuck

Die meisten Schmuckdaten stammen von Ringseiten. Die Stichproben für Armbänder und Ohrringe sind klein. Auf Mobilgeräten hat ein CTA direkt unter dem Hauptbild, zentriert, die höchste durchschnittliche Öffnungsrate (14,5 % bei 5 Händlern). Auf dem Desktop hat die Platzierung direkt unter dem Hauptbild die höchste durchschnittliche Öffnungsrate (11,0 % bei 3 Händlern), und Overlays am oberen Bildrand haben die niedrigste.

Ein Kamera-Symbol ist die Konvention für Anprobe in dieser Kategorie. Die Formulierung wurde für Schmuck nicht analysiert, daher gelten die allgemeinen Richtlinien zur Beschriftung.

Uhren

Die Audits umfassen 2 Händler für Uhren, mit mobilen Öffnungsraten von 8,4 % und 12,7 %. Das reicht nicht aus, um Platzierungen zu unterscheiden. Wir empfehlen die Richtlinien für Schmuck: einen Anprobe-CTA mit Kamera-Symbol im ersten mobilen Bildschirm, am unteren Rand des Hauptbilds oder direkt darunter.

CTA-Design

Stil

Der CTA muss wie eine Aktion aussehen und der Schaltfläche „Zum Einkaufswagen hinzufügen“ untergeordnet bleiben.

• Ein einfacher Textlink wirkt wie Fließtext oder Navigation.
• Eine große gefüllte Schaltfläche in einer Kauffarbe kann mit „Zum Einkaufswagen hinzufügen“ verwechselt oder als solche ignoriert werden.
• Eine Outline-Schaltfläche oder eine weiße Pille mit Rahmen und Symbol ist das empfohlene Muster.
• Prüfen Sie auf Bildern, dass der CTA auf hellen und dunklen Produktfotos ausreichend Kontrast hat.

Im Audit für Taschen und Gepäck war die größte Schaltfläche eine gefüllte Schaltfläche, die einer Kaufaktion ähnelte. Sie gehörte auf beiden Geräten zu den schwächeren. Schaltflächen in voller Breite und kleine Links im Desktop-Kaufbereich schnitten etwa gleich ab.

Größe

Die Größe hat weniger Einfluss als die Position.

• Verwenden Sie auf Mobilgeräten eine Höhe von mindestens 44 Pixeln.
• Verwenden Sie auf Mobilgeräten eine Breite von 35 bis 60 Prozent des Bildschirms. Das ist der Bereich der stärksten mobilen CTAs im Audit für Schmuck und Uhren.
• Passen Sie auf dem Desktop die Breite an die Farbfeld-Reihe oder die Spalte von „Zum Einkaufswagen hinzufügen“ an.

Symbol

Ein eindeutiges Symbol zeigt dem Käufer, was beim Klicken passiert. Verwenden Sie eine Kamera für die Anprobe, ein Lineal oder eine Waage für die Größe und einen Taschenumriss für das Fassungsvermögen.

11 von 15 Händlern für Schmuck und Uhren verwenden ein Kamera-Symbol. Abstrakte Symbole, etwa ein Scan-Rahmen, lassen den Käufer raten. Ein Händler mit einem reinen Symbol-Schalter ohne Text erreicht auf Mobilgeräten 27,7 %.

Animation

Animierte und statische CTAs unterscheiden sich in den Daten nicht. 5 der 15 Händler für Schmuck und Uhren verwenden einen animierten CTA.

CTA-Beschriftung

Im Audit für Taschen und Gepäck zeigt die Formulierung keinen konsistenten Zusammenhang mit der Öffnungsrate, sobald Platzierung und Markt berücksichtigt werden. Eine Beschriftung ist ein Qualitätsstandard, kein Wachstumshebel. Wir empfehlen eine kurze, konkrete Beschriftung in der Sprache des Käufers.

Hinweis: Die Formulierung wurde für Schmuck, Uhren sowie Möbel und Wohnaccessoires nicht analysiert. Diese Beschriftungen sind Beispiele, keine gemessenen Ergebnisse.

Vermeiden Sie diese Beschriftungen:

• Allgemeine Beschriftungen wie „Größeninformationen“. Sie wirken wie eine statische Größentabelle.
• Wörter, die für die Kategorie nicht eindeutig sind. Vermeiden Sie bei Taschen „Passform“ allein.
• Den Namen des nativen Größenratgebers oder des Abschnitts mit Maßangaben auf der Website. Ein natives Akkordeon mit demselben Namen konkurriert mit dem CTA.

Was die Daten zur Formulierung zeigen

• Größen- und Kapazitätsbeschriftungen haben fast dieselbe Öffnungsrate: 12,3 % und 11,5 % auf Mobilgeräten sowie 13,7 % und 13,1 % auf dem Desktop.
• Beschriftungen, die mit einem Verb beginnen, liegen auf dem Desktop vorn (14,3 % gegenüber 12,9 %), aber auf Mobilgeräten zurück (10,5 % gegenüber 12,7 %). Es gibt keine konsistente Richtung.
• Die Länge der Beschriftung zeigt keinen klaren Zusammenhang mit der Öffnungsrate. Bei den 14 Beschriftungen in Englisch oder einer anderen Sprache mit lateinischer Schrift beträgt die Rangkorrelation -0,19 auf Mobilgeräten und 0,11 auf dem Desktop. Beide Werte liegen nahe null.
• Dieselbe Beschriftung an derselben Position ändert sich je nach Markt. Eine Marke verwendet auf ihren englischsprachigen Websites eine Beschriftung an derselben Position im Kaufbereich, mit Desktop-Öffnungsraten von 10,9 % bis 16,8 %. Eine andere Marke verwendet auf allen ihren deutschsprachigen Websites eine Beschriftung, mit Desktop-Öffnungsraten von 12,9 % bis 16,6 %.
• Fast identische Beschriftungen unterscheiden sich je nach Platzierung. „Größe ansehen“ erreicht auf Mobilgeräten direkt unter der Galerie 18,8 %. „Taschengröße ansehen“ erreicht im Kaufbereich unterhalb des sichtbaren Bereichs 10,6 %.

Die Öffnungsrate zeigt nicht, was nach dem Klick passiert. Eine klare Beschriftung könnte weniger, aber besser qualifizierte Öffnungen bringen. Keines der Audits hat dies gemessen. Um das herauszufinden, führen Sie bei einem Händler mit hohem Traffic einen Test nur mit der Beschriftung durch, bei gleichem Design und gleicher Position. Lesen Sie Öffnungsrate und Interacted CVR (die CVR der Nutzer, die das Tangiblee-Erlebnis geöffnet haben).

Einstiegspunkte

Ein Einstiegspunkt ist jedes Element auf der Seite, das das Tangiblee-Erlebnis öffnet. Eine Seite kann mehrere haben.

• Verwenden Sie einen Einstiegspunkt pro Seitenbereich.
• Fügen Sie einen weiteren Einstiegspunkt nur hinzu, wenn er zu einem anderen Ergebnis führt. Verwenden Sie zum Beispiel einen für die Größe und einen für das Fassungsvermögen.
• Wiederholen Sie nicht denselben CTA mit derselben Beschriftung an vielen Stellen. Das erzeugt Rauschen, nicht Reichweite.
• Taggen Sie jeden Einstiegspunkt einzeln, damit Sie messen können, wie viel jeder zur Öffnungsrate beiträgt.

Ausverkaufte Seiten

Behalten Sie den CTA auf nicht verfügbaren und ausverkauften Seiten bei. Käufer wollen weiterhin Größe und Aussehen eines Produkts sehen, das nicht verfügbar ist. Im Audit für Taschen und Gepäck stammten 2 der höchsten Desktop-Öffnungsraten von Seiten mit nicht verfügbaren Artikeln.

Reichweite des CTA

Ein CTA, der nicht lädt oder spät lädt, verliert Öffnungen, egal wie er gestaltet ist. Die Audits haben Folgendes gefunden:

• CTAs, die 25 bis 40 Sekunden bis zur Anzeige brauchten.
• CTAs, die erst nach einem Scrollen erschienen.
• CTAs, die für Besucher ausgeblendet waren, die Cookies oder Datenfreigabe abgelehnt hatten.

Prüfen Sie vor einer Änderung am CTA-Design, dass der CTA:

1. schnell angezeigt wird.
2. ohne Nutzeraktion angezeigt wird.
3. für jeden Einwilligungsstatus angezeigt wird, den die Website zulässt.

Eine CTA-Änderung testen

Wir empfehlen für jede größere CTA-Änderung einen B/B-Test. In einem B/B-Test sehen beide Gruppen Tangiblee. Die Kontrollgruppe behält den aktuellen CTA. Die Variantengruppe erhält den neuen CTA.