Slide 51
Slide 51 text
Prepara tu Web
para los agentes
optimizando lo
que pueden ver:
screenshots de
páginas, HTML
puro, y el árbol
de accesibilidad
Guía para agentes Implicación de ecommerce
Haz las acciones
explícitas
Añadir al carrito, seleccionar tamaño, revisar inventario,
comparar, devolver, y rastrear pedido son acciones que deben
ser claramente visibles.
Mantén los layouts
estables
Información de producto, variantes, precio, entrega,
devoluciones, y CTAs deben aparecer en lugares predecibles
en todas las plantillas
Evita elementos
fantasma /
sobrepuestos
Pop-ups, capas transparentes, o elementos ocultos no deben
cubrir selectores, filtros, carrito, o pasos del checkout.
Usa HTML
semántico
Usa botones reales, enlaces, etiquetas, selectores, y
formularios para que agentes puedan identificar e interactuar
con flujos de comercio.
Etiqueta
claramente los
formularios
Checkout, entrega, pago, cuenta, devoluciones, y campos de
soporte deben estar conectados, y con etiquetas descriptivas.
Señala la
accionabilidad
Elementos interactivos deben ser visibles, suficientemente
grandes y usar indicaciones claras como cursor: pointer.
Audita el árbol de
accesibilidad
Asegura que PDPs, PLPs, guías, reseñas, FAQs, y páginas de
políticas son legibles por bots y estructuralmente estables.
https:/
/web.dev/articles/ai-agent-site-ux