E.A.S.Y. E.A.S.Y.
Methode & Workflow · 4 Min Lesezeit

Visual Snapshot - warum wir Listings rendern statt nur DOM lesen

Wir öffnen Dein Listing in einem Headless-Browser und nehmen einen Pixel- genauen Screenshot. Daraus lernen wir Layout-Constraints für die KI.

Warum nicht nur DOM lesen?

Ein Listing besteht aus mehr als Text. Layout, Bildaspekt, Container- Höhen, Schriftgrößen - all das ist Teil des Eindrucks beim Kunden. Wenn wir nur den DOM auslesen, optimieren wir blind. Beim Veröffentlichen platzt der Text plötzlich aus der Card.

Was wir machen

  1. Playwright rendert Dein Listing in einem Headless-Chrome.
  2. Wir extrahieren Bounding-Boxen aller relevanten Elemente

(Titel-Container, Beschreibungs-Block, Bilder).

  1. Daraus bekommt unsere Optimierungs-KI Constraints:

- „Titel darf max. 84 Zeichen lang sein" - „Erster Beschreibungs-Absatz hat 280 px Höhe - bis hierhin sieht der Kunde"

  1. Die KI erzeugt nur Vorschläge, die in diese Constraints passen.

Wo das sichtbar wird

Im Optimizer-Workflow siehst Du:

  • Links: Dein Listing mit Snapshot
  • Rechts: Der KI-Vorschlag
  • Beide werden im selben Renderer angezeigt - Du siehst sofort, ob

sich das Layout verändert