Visual Snapshot - por qué renderizamos las fichas de producto en lugar de solo leer el DOM
Abrimos tu ficha de producto en un navegador headless y hacemos una captura de pantalla exacta al píxel. A partir de ella deducimos las restricciones de maquetación para la IA.
¿Por qué no leer simplemente el DOM?
Una ficha de producto es más que texto. La maquetación, la proporción de las imágenes, la altura de los contenedores, los tamaños de fuente: todo ello influye en la impresión que se lleva el cliente. Si solo leemos el DOM, optimizamos a ciegas. Y, tras publicar, el texto se desborda de repente de la tarjeta.
Qué hacemos
- Playwright renderiza tu ficha de producto en un Chrome headless.
- Extraemos las cajas delimitadoras de todos los elementos relevantes (contenedor del
título, bloque de descripción, imágenes).
- A partir de ahí, nuestra IA de optimización obtiene restricciones:
- "El título puede tener máx. 84 caracteres" - "El primer párrafo de la descripción mide 280 px de alto: eso es lo que ve el cliente"
- La IA solo genera sugerencias que respetan esas restricciones.
Dónde se ve esto
En el flujo de trabajo del optimizador ves:
- A la izquierda: tu ficha de producto con el snapshot
- A la derecha: la propuesta de la IA
- Ambas renderizadas con el mismo renderizador: ves de inmediato si el
layout se ha desplazado