Haga visible la decisión de compra por encima del pliegue
Empiece con un nombre específico, la variante seleccionada, el precio actual y la moneda, la disponibilidad, una breve explicación del valor y un control de compra evidente. No haga que el comprador infiera si una foto representa el artículo predeterminado o el color o la talla seleccionados. Si el precio, la disponibilidad o el tiempo de entrega cambian según la variante, actualícelos de inmediato y nombre la selección en texto.
Use la primera pantalla para responder al principal bloqueo del producto: ajuste y tejido para prendas; compatibilidad, dimensiones, potencia o componentes incluidos para equipos. Sitúe especificaciones, cuidado, garantía y devoluciones en secciones previsibles y accesibles por teclado.
Muestre la talla, color, configuración o plazo elegido cerca del precio y del botón de compra. Explique combinaciones no disponibles en lugar de permitir que un control falle silenciosamente.
Identifique con precisión precios en oferta, para miembros, unitarios y recurrentes. Indique condiciones materiales como elegibilidad por membresía o cantidad.
Use medios y texto para eliminar las dudas correctas
Asigne a cada imagen o vídeo una función: mostrar escala, material, ajuste, puertos, piezas incluidas, uso en contexto o un primer plano relevante para la decisión. Combínelo con texto que nombre el artículo, a quién conviene y los límites del material. Una lista de características no reemplaza detalles de compatibilidad o cuidado.
Escriba alternativas textuales para la información o función que representa una imagen. El W3C distingue imágenes decorativas, que pueden tener un atributo alt vacío, de botones de imagen funcionales, cuyo alt debe describir la acción. En galerías, transmita el detalle necesario para distinguir las imágenes.
Cuando una opción cambia la apariencia o el hardware, cambie el medio principal y etiquételo. No implique que un accesorio esté incluido cuando no lo está.
Describa el producto y el atributo diferenciador cuando apoye la selección, por ejemplo: 'abrigo de lana verde, vista frontal'.
Haga variantes, inventario, envío y devoluciones un único sistema veraz
Una variante es una versión vendible, como una talla, color, material o configuración. Su SKU, precio, disponibilidad, imagen y expectativa de cumplimiento pueden diferir. Aclare las opciones disponibles y los cambios. No declare in stock para una familia de producto cuando la combinación seleccionada no esté disponible.
Declare una promesa de envío que su operación pueda soportar: ventana de preparación, servicio de tránsito o llegada estimada, límites por destino y exclusiones que cambien el coste. Enlace la política completa de devoluciones y destaque condiciones materiales. La FTC exige que los vendedores online de EE. UU. tengan una base razonable para representaciones expresas o implícitas sobre envíos; las leyes varían por mercado, así que haga que revisores cualificados evalúen las afirmaciones localizadas.
Mapee la propiedad de los atributos del catálogo, inventario vendible, precio y elegibilidad de entrega. Documente actualizaciones para correcciones de stock, fin de promociones, retrasos y restricciones de transportista.
Si el cálculo de inventario o entrega no está disponible, evite una promesa engañosa. Use una alternativa clara, solicite confirmación o retire temporalmente la oferta afectada.
Muestre las reseñas como evidencia, no como decoración
Haga visibles la puntuación, el recuento de reseñas y una vía al conjunto completo donde sean útiles para la evaluación. Permita que los compradores filtren solo cuando el filtro sea preciso. No presente una reseña seleccionada por el vendedor, editada o compensada como prueba independiente sin la divulgación necesaria.
La regla de la FTC sobre reseñas y testimonios de consumidores aborda conductas engañosas e injustas en reseñas. La orientación del personal de la FTC dice que el contexto importa y no es un refugio seguro. Preserve las reglas de origen y visualización, divulgue relaciones materiales donde sea necesario y escale incentivos, moderación, supresión o campañas de testimonios para revisión legal. Esto es orientación educativa, no asesoramiento legal.
Mantenga las reseñas del producto asociadas al producto y distinga las reseñas de la tienda. Si una variante cambia el rendimiento o el ajuste, haga ese contexto fácilmente descubrible.
No compre, escriba ni condicione un incentivo a un sentimiento positivo. Conserve registros para investigar reseñas sospechosas y explique la moderación.
Añada datos estructurados solo después de que los hechos visibles sean fiables
Los datos estructurados son información legible por máquinas en la página. Google documenta el marcado Product y Offer para listados de comerciantes, incluyendo precio, disponibilidad, envío y devoluciones. Puede hacer que una página sea elegible para experiencias de compra más ricas, pero la visualización queda a discreción de Google; el marcado no garantiza tratamiento o posición en resultados.
Para variantes, Google documenta ProductGroup y el marcado Product relacionado. Haga coincidir cada oferta marcada con la selección y URL comprables y alinee la página visible, el marcado y el feed del comerciante. Valide con Google’s Rich Results Test antes de publicar y después de cambios en plantillas.
Omitir una propiedad cuando su información es desconocida o no se mantiene. Datos incorrectos de precio, stock o políticas dañan la confianza.
Incluya pruebas de datos estructurados en el despliegue de plantillas de producto. Muestree ofertas simples, en oferta, agotadas y restringidas por destino.
Proteja la ruta de compra de la página antes de que el tráfico la exponga
En muchas páginas de producto, el elemento visible más grande es el media hero. Largest Contentful Paint, o LCP, mide cuándo se renderiza la imagen o bloque de texto más grande en la ventana de visualización. web.dev recomienda apuntar a un LCP de 2,5 segundos o menos en el percentil 75 de las visitas y dice que los datos reales de usuarios son la medida correcta. Use ese objetivo para investigar, no para declarar que la página está terminada.
Mida la respuesta del producto, el medio principal, la interacción con variantes, añadir al carrito, la estimación de entrega y sus dependencias. Optimice el mayor retraso en lugar de solo comprimir imágenes; el LCP puede limitarse por la respuesta del servidor, el retraso en carga de recursos, la duración de recursos o el retraso de renderizado. Reserve espacio para medios y bloques dinámicos para que los controles no cambien de sitio.
Establezca límites para el medio principal, scripts de terceros y las interacciones clave. Pruebe una página con condiciones de caché fría y móviles típicas antes de una promoción.
Preverifique páginas y dependencias de alto valor, asigne un responsable y un rollback, luego arregle causas recurrentes como medios sobredimensionados, un script bloqueante o datos de inventario obsoletos.