Varianten-Bilder und Selektor-Reihenfolge — der unterschätzte Conversion-Hebel.

Der Varianten-Selektor — diese Reihe kleiner Thumbnails auf der Detail-Page, über die Shopper Farbe, Größe oder Pack auswählen — ist eine der Flächen mit dem höchsten Hebel auf dem gesamten Listing. Es ist das Erste, womit ein Shopper nach dem Hauptbild interagiert, und der einzige größte Faktor, ob er die Variante kauft, um die die Familie aufgebaut wurde, oder abspringt, weil eine Option nicht sichtbar war.

Was jedes Thumbnail kontrolliert

Das Thumbnail jeder Variante im Selektor kommt aus dem eigenen Hauptbild dieses Childs — nicht aus dem des Parents. Fehlt das Hauptbild des Childs, ist es von schlechter Qualität oder hat es sich noch nicht durch Amazons Image-CDN propagiert, fällt Amazon auf das Hauptbild des Parents zurück. Der Selektor zeigt dann mehrere Optionen mit demselben Bild, was die gesamte Familie kaputt wirken lässt und den per-Varianten-Click-Through einbricht.

Das Zuschneiden im Selektor erfolgt automatisch — Amazon nimmt das Hauptbild des Childs und rendert es in kleiner Thumbnail-Größe (ca. 70×70 px auf Mobile, 56×56 px auf Desktop). Details, die bei 1500 px lesbar sind, sind bei 70 px unsichtbar — das Hauptbild pro Child muss also auf Thumbnail-Maßstab lesbar sein, nicht nur auf Zoom-Maßstab.

Per-Child-Hauptbild-Regeln — der Family-Look-Standard

• Gleiche Komposition und Ausschnitt über jedes Child der Familie. Nur das Varianten-Attribut ändert sich — gleicher Winkel, gleiche Rahmung, gleicher Maßstab.
• Gleicher Hintergrund, gleiche Beleuchtung, gleiche Belichtung. Ein heller weißer Hintergrund bei einem Child und ein Gebrochenweiß beim nächsten wirkt wie Inkonsistenz, nicht wie Vielfalt.
• Gleicher Maßstab relativ zum Rahmen. Das Produkt füllt denselben Anteil der Leinwand (85 % ist der Amazon-Standard aus Modul 3 — Episode zum Hauptbild).
• Bei einem Color-Theme: das Muster ist das Produkt selbst, nicht eine farbige Kachel neben dem Produkt. Ein separater Farbmuster neben dem Produkt ist ein Vendor-/Agentur-Anti-Pattern, das sowohl Klicks als auch Policy-Compliance-Punkte kostet.
• Auflösung mindestens 1600 px auf der längsten Seite, damit der Desktop-Hover-Zoom auf der Child-Page funktioniert, auch wenn der Selektor einen winzigen Ausschnitt verwendet.
• Reiner weißer Hintergrund RGB 255/255/255 für Nicht-Lifestyle-Hauptbilder — von Amazons Bildrichtlinie unabhängig von der per-Child-Variation vorgeschrieben.

Reihenfolge steuern — die Flat-File-Felder

Amazons Selektor-Reihenfolge ist nicht zufällig. Der Standard ist die Reihenfolge, in der Children zur Familie hinzugefügt wurden (chronologisch nach Anhängedatum). Um sie gezielt zu steuern, verwenden:

• sort_priority — ein per-Child-Integer. Niedrigere Zahlen erscheinen zuerst im Selektor. In den meisten Kategorien unterstützt.
• variation_position — in einigen Kategorien (Bekleidung, Schuhe) verfügbar. Per Child setzen, wenn vorhanden.

sort_priority als 10, 20, 30, 40 (in Zehnerschritten) statt 1, 2, 3, 4 setzen — das bietet Raum, später ein neues Child bei sort_priority 15 einzufügen, ohne die gesamte Familie neu nummerieren zu müssen.

Die Reihenfolge, die am besten konvertiert

• Hero-Variante zuerst. Der Bestseller, die fotogenste, die Variante, um die das Marketing aufgebaut wurde. Das ist die, die die meisten Shopper wählen, wenn sie nichts anderes Überzeugendes sehen.
• Benachbarte Optionen zweite. Varianten, die eng mit dem Hero verwandt sind — die nächste Farbe in der Marken-Palette, die nächste Größe im Größendiagramm. Shopper, die den Hero nicht wollen, wollen normalerweise etwas Nahes.
• Häufige Alternativen dritte. Die nächsten zwei oder drei meistverkauften Varianten nach historischen Verkäufen.
• Long-Tail-Optionen zuletzt. Nischen-Farben, übergroße Größen, Randfall-Packs — am Ende des Selektors.

Warum die ersten drei Thumbnails am meisten zählen

Der Standard-Links-nach-Rechts-Scan auf Desktop und das Wisch-Karussell auf Mobile belohnen die ersten 2–3 Thumbnails. Besonders auf Mobile zeigt der Selektor typischerweise 4–5 Thumbnails inline und erfordert ein Tippen zum Erweitern — Varianten nach dem fünften Slot werden deutlich seltener besucht. Den Selektor so ordnen, dass die Varianten, die Shopper am meisten berücksichtigen sollen, in diesem sichtbaren Fenster liegen.

Größentabellen und der Größen-Selektor

Bei Size-thematischen Familien ist der Selektor eine Reihe von Größen-Buttons (XS / S / M / L / XL), keine Thumbnails. Die Reihenfolge wird über dasselbe sort_priority-Feld gesteuert, und die Konvention ist klein-nach-groß (oder numerisch aufsteigend). Nicht vorrätige Größen, die im Selektor ausgegraut sind, zählen noch zur wahrgenommenen Breite der Familie — sie im Selektor an der richtigen Position behalten, auch wenn der Bestand null ist, statt sie zu entfernen und wieder hinzuzufügen, wenn der Bestand zurückkehrt.

Der QA-Durchlauf

1. Die Familien-Page im Inkognito-Browser öffnen (keine personalisierte Neuordnung).
2. Prüfen, ob der Selektor jedes Child in der erwarteten Reihenfolge rendert.
3. Prüfen, ob jedes Thumbnail unterschiedlich ist — keine zwei Children verwenden das Fallback-Bild des Parents.
4. Auf Mobile (375 px Breite) prüfen — bestätigen, dass die ersten 4–5 Thumbnails die richtigen sind.
5. Nach dem Launch eines neuen Childs prüfen — das neue Child sollte bei seiner gesetzten sort_priority erscheinen, nicht standardmäßig am Ende.