Visual Snapshot - perché renderizziamo le schede prodotto anziché limitarci a leggere il DOM
Apriamo la tua scheda prodotto in un browser headless e scattiamo uno screenshot perfetto al pixel. Da lì ricaviamo i vincoli di layout per l'IA.
Perché non limitarsi a leggere il DOM?
Una scheda prodotto è più del semplice testo. Layout, proporzioni delle immagini, altezze dei contenitori, dimensioni dei caratteri - tutto questo contribuisce all'impressione che si fa il cliente. Se leggiamo solo il DOM, ottimizziamo alla cieca. Dopo la pubblicazione, il testo all'improvviso fuoriesce dal riquadro.
Cosa facciamo
- Playwright renderizza la tua scheda prodotto in un Chrome headless.
- Estraiamo i riquadri di delimitazione di tutti gli elementi rilevanti (contenitore del
titolo, blocco descrizione, immagini).
- Da questo la nostra IA di ottimizzazione ricava dei vincoli:
- "Il titolo può avere max. 84 caratteri" - "Il primo paragrafo della descrizione è alto 280 px - è ciò che vede il cliente"
- L'IA produce solo suggerimenti che rispettano quei vincoli.
Dove è visibile
Nel flusso di lavoro dell'ottimizzatore vedi:
- A sinistra: la tua scheda prodotto con lo snapshot
- A destra: la proposta dell'IA
- Entrambe visualizzate con lo stesso renderer - vedi subito se il
layout è saltato