Optimización de imágenes de productos de comercio electrónico para mejores tasas de conversión

Publicado: 2023-02-23

Resumen: La falta de experiencia sensorial del producto siempre ha sido una desventaja para las tiendas en línea. En el comercio electrónico, donde los clientes no pueden sujetar ni tocar artículos, las imágenes y los elementos visuales del producto pueden hacer o deshacer una venta . Por lo tanto, es imperativo que las imágenes de los productos brinden a los compradores suficiente información para persuadirlos de realizar una conversión.

Svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3

Autor: Martin Grief

8 minutos de lectura

Esta publicación es parte de la serie de comercio electrónico

En este artículo, hablaremos sobre formas de optimizar las imágenes de sus productos de comercio electrónico:

Introducción: Por qué importan las imágenes de productos de comercio electrónico
1. Destaca lo que hace que un producto sea único
2. Muestre el producto desde múltiples ángulos y en diferentes contextos
3. Muestra el producto en diferentes colores y variaciones.
4. Que quede claro de inmediato qué producto representa la imagen
5. Incluir imágenes enviadas por el usuario en la página de detalles del producto
6. Agregue videos a su página de detalles de productos de comercio electrónico
7. Considere invertir en realidad aumentada (AR)
Conclusión: deje que las imágenes de sus productos de comercio electrónico dibujen una imagen para los compradores

Introducción: Por qué importan las imágenes de productos de comercio electrónico

La ausencia de detalles sensoriales y experienciales es una pesadilla para el comercio electrónico. En una tienda física, los compradores pueden probarse un par de anteojos, sentir la textura de un vestido y evaluar el tamaño de un sofá, por ejemplo.

Estas son cosas que los clientes no entienden en línea y son posibles barreras de conversión . Son razones por las que los compradores no comprarán en su tienda de comercio electrónico. Por lo tanto, sus medios visuales deben hacer un excelente trabajo para mitigar la falta de experiencia sensorial que los clientes obtienen en las ubicaciones físicas.

Las imágenes de comercio electrónico bien presentadas no solo hacen que su producto parezca más atractivo y deseable, sino que también aumentan potencialmente las ventas. También ayudan a los clientes a tomar decisiones de compra informadas . Esto puede …

  • tasas de devolución en línea más bajas,
  • minimizar la tensión en la gestión de su inventario, y
  • aumentar la confianza y satisfacción del cliente.

Además, las imágenes de productos de comercio electrónico son cruciales en la optimización de motores de búsqueda (SEO). Ayudan a mejorar la visibilidad de un producto en los resultados de búsqueda, lo que puede aumentar la probabilidad de que un cliente descubra y compre su producto.

Estos son algunos consejos para garantizar que las imágenes y los elementos visuales de sus productos de comercio electrónico representen los artículos con precisión y establezcan las expectativas de los clientes de manera adecuada.

1. Destaca lo que hace que un producto sea único

Si vende artículos similares, asegúrese de que sea fácil identificar en qué se diferencia un artículo. Resalte lo que distingue a un producto a través de las imágenes de su producto.

Por ejemplo, JetPens, una tienda de papelería en línea, tiene imágenes de productos de plumas estilográficas al dedillo. Venden bolígrafos con diferentes tamaños de punta (por ejemplo, fina, mediana, ancha, etc.). Sin embargo, lo que hace diferente a cada bolígrafo es difícil de detectar simplemente mirando fotos de gran angular.

Por lo tanto, para cada tamaño de punta, JetPens tiene una imagen de teleobjetivo o de producto ampliada que muestra la punta de cerca. Esto hace posible que el cliente vea cualquier grabado en la punta y cómo se ve la punta de la punta:

E-commerce product images best practice example. Product detail page with a close-up shot of a fountain pen nib.

La página de detalles del producto de JetPens permite a los clientes seleccionar su tamaño de punta, color de punta y color de cuerpo preferidos. La página muestra varias imágenes de productos, incluidas tomas de gran angular y primeros planos de la pluma estilográfica, tanto con tapa como sin tapa. Las imágenes del producto que se muestran también cambian según el tamaño de la punta, el color de la punta y el color del cuerpo que seleccione el usuario.

Las imágenes de productos de comercio electrónico que no transmiten de inmediato lo que hace que un producto sea diferente de otros cuando vende artículos similares crean fricción en la experiencia del usuario (UX). Tener que descubrir qué hace que un producto sea único cansará el cerebro del usuario. Esto podría desanimar a los compradores a seguir adelante con la compra.

9 cosas que los especialistas en marketing en línea deben saber sobre el cerebro
Leer más

2. Muestre el producto desde múltiples ángulos y en diferentes contextos

Un cliente puede dudar en agregar un producto a su carrito porque no puede verlo desde diferentes ángulos. Los clientes deben poder ver cómo se ve el producto de lado o de atrás y de cerca, para que puedan evaluarlo mejor.

Ejemplo de uso de imágenes de productos de comercio electrónico para mostrar un artículo desde diferentes ángulos

KateSpade.com es un sitio web excelente en el uso de imágenes para ofrecer a los compradores una vista clara y detallada de los productos. Su página de detalles del producto (PDP) incluye varias fotos que muestran la vista frontal, lateral y superior del producto:

Collage of different e-commerce product images included in a product detail page for a pink bag

La página de detalles del producto de Kate Spade muestra las vistas frontal, superior y lateral de la bolsa. Incluso incluye un primer plano de la placa con el logotipo de la bolsa.

El sitio web también utiliza un modal de visualización en el PDP que muestra el producto en contexto . Por ejemplo, permite a los compradores configurar la altura y el tamaño del cuerpo del modelo para imaginar mejor cómo se vería un bolso en ellos. Los usuarios también pueden apreciar mejor el tamaño de la bolsa, ya que el widget les permite colocar el producto junto a otros artículos como un teléfono o una botella de agua:

Tangiblee visualization modal on PDP. It shows an illustration of a woman standing, holding a pink bag. Controls allow users to change the model size

El modo de visualización de KateSpade.com permite a los usuarios cambiar la altura y el tamaño del cuerpo del modelo.

Visualization modal on PDP, showing a pink bag beside a phone illustration. The dimensions of the bag and the phone are indicated

El modal también permite a los usuarios colocar la bolsa junto a artículos cotidianos como un iPhone y una botella de agua para evaluar mejor qué cabe dentro del producto.

Minimice la incertidumbre del comprador tanto como sea posible. Utilice imágenes de productos de alta calidad para ofrecer a los compradores una vista detallada del producto. Esto incluye mostrar el artículo desde diferentes perspectivas y colocarlo junto a artículos cotidianos para contextualizarlo y escalarlo, si corresponde.

3. Muestra el producto en diferentes colores y variaciones.

En caso de que un producto esté disponible en varios colores, incluya imágenes que muestren el producto en cada uno de los colores disponibles. De esta manera, los compradores pueden visualizar fácilmente sus opciones y tomar una decisión de compra informada.

Ejemplo de visualización de colores disponibles en imágenes de productos de comercio electrónico

JetPens.com facilita que los compradores descubran las variaciones de una pluma estilográfica específica. Su PDP muestra todos los colores del cuerpo en los que está disponible el bolígrafo y con qué tamaño de punta y color se puede combinar.

Cuando el usuario hace clic en un determinado color del cuerpo, se le muestran varias imágenes de la pluma estilográfica en ese color. Cada color tiene su propio conjunto de imágenes del producto: fotos de la pluma estilográfica tapada y destapada, un primer plano de la punta de la tapa, una foto de la pluma en uso, etc.

E-commerce product images best practice example - Collage of PDPs for two variants of a Sailor fountain pen

Arriba: Página de detalles del producto para la pluma estilográfica Sailor Pro Gear Slim negra con punta fina de 14K. Abajo: PDP para la variante verde suave de la misma pluma estilográfica, pero con plumín medio-fino de 14K.

Mostrar diferentes opciones de color también puede aumentar las posibilidades de que su sitio web realice una venta. Es más probable que los clientes encuentren un color que les guste y prefieran, lo que generará una tasa de conversión más alta. Tenga cuidado, sin embargo, con la forma en que presenta las opciones. Demasiadas opciones pueden abrumar a los usuarios y perjudicar las conversiones.

4. Que quede claro de inmediato qué producto representa la imagen

La experiencia de un comprador en su sitio web de comercio electrónico debe ser lo más sencilla posible. De lo contrario , podrían posponer la decisión para otro día.

Los clientes no deberían esforzarse mucho en averiguar cosas en su sitio web. Por ejemplo, debería ser instantáneamente evidente lo que representa la imagen de un producto. Los compradores no deberían tener que perder tiempo tratando de identificar en qué parte de la imagen se encuentra el producto que está vendiendo.

Tome este PDP de Banana Republic, por ejemplo. Solo tiene una imagen de producto. Es una foto de la modelo usando varias cosas, por lo que no está claro cuál es la "Petite Roll-Cuff Top". El producto también es apenas visible porque se usa debajo de una chaqueta y metido en los pantalones. El comprador no puede ver la mayor parte de la parte superior, incluida la parte del "puño enrollable", que supuestamente es la característica distintiva del producto:

Product detail page with the e-commerce product image on the left side and the product details and CTA button on the right

Una página de detalles del producto de Banana Republic para "Top pequeño con puños enrollados" con solo una foto.

Facilite la decisión de los compradores de comercio electrónico reduciendo la carga de usuarios . Si no está claro de inmediato dónde se encuentra su producto en una imagen, está agregando una carga cognitiva y visual a los visitantes. Eso es malo para las conversiones.


Identifique las barreras de conversión en su sitio web de comercio electrónico.

Obtenga ayuda de un experto y descubra nuevas oportunidades de ingresos.

Más información sobre auditorías y revisiones de CRO

5. Incluir imágenes enviadas por el usuario en la página de detalles del producto

La prueba social siempre ha sido uno de los atajos más utilizados por los compradores en línea al comprar. En estos días, la prueba social no se limita a las reseñas textuales enviadas por otros clientes. Los clientes en línea ahora confían en las imágenes generadas por los usuarios para decidir si comprar o no un producto.

El índice anual de experiencia del comprador de 2022 de Bazaarvoice reveló que el 71 % de los consumidores estadounidenses dicen que las fotos enviadas por los usuarios en la página del producto aumentan su probabilidad de comprar un producto.

Ejemplo de uso de imágenes enviadas por el usuario como prueba social

Una empresa que trata de aprovechar el poder de las imágenes enviadas por los usuarios es Dr. Martens. El PDP del sitio web incluye una galería en línea de clientes de la vida real que usan el producto. Las fotos sirven como elementos de persuasión porque muestran el producto en diferentes escenarios de la vida real, usado por personas reales. Ayudan a los compradores potenciales a visualizar cómo se verían un par de sandalias, por ejemplo, en sus pies y cómo se verían al combinarlas con diferentes atuendos.

Below the fold of the PDP for a pair of sandals. The area includes anchor links to the different sections of the page

Aparte de la sección "Reseñas", el PDP de DrMartens.com tiene un área "Usado por usted" que muestra las fotos enviadas por los usuarios. La sección está vinculada a Instagram, donde los compradores pueden subir fotos y etiquetar a Dr. Martens si quieren aparecer en la galería.

Puede intentar recopilar imágenes de los clientes "gamificando " su programa de contenido generado por el usuario (UGC) . El Informe de preferencia del comprador de 2022 de Bazaarvoice mostró que el 77% de los consumidores globales dijeron que enviarían UGC para obtener una recompensa.

Anthropologie.com, por ejemplo, anima a los compradores a enviar reseñas con imágenes a través de un sorteo mensual:

A webpage discussing the mechanics of a promo. It tells users to sign in and submit a product review with a photo to qualify

Anthropologie convence a los compradores para que dejen una reseña de los muebles comprados a través del "Sorteo exclusivo en Anthro". La página de "Reseñas" del sitio web enumera la mecánica de la promoción y establece que los clientes deben "Enviar una revisión de muebles con una imagen del artículo" para ganar un producto más vendido.

Obtenga más información sobre la importancia de las imágenes enviadas por los clientes y el aprovechamiento de las pruebas sociales en general. Lea "8 prácticas recomendadas de opiniones de clientes para optimizar las tasas de conversión".

6. Agregue videos a su página de detalles de productos de comercio electrónico

Las compras en vivo han ido creciendo en popularidad. Las empresas que organizan eventos de compras virtuales en tiempo real incluso han informado que "han visto 10 veces más que las tasas de conversión de sus sitios web tradicionales".

Una de las razones de la afición de los compradores en línea por los eventos de compras en vivo es la capacidad de ver los productos en contexto y desde diferentes ángulos.

Las transmisiones en vivo ayudan a los clientes a comprender mejor la información del producto, como el tamaño o el material. Estos son detalles que de otro modo no obtendrían de imágenes estáticas o descripciones textuales.

Incluso si no incursiona en las compras de transmisión en vivo, aún puede integrar algunos aspectos que a las personas les encantan de la transmisión en vivo en su sitio web de comercio electrónico.

Por ejemplo, puede agregar videos a la página de detalles de su producto que muestren el artículo que usa una modelo si vende ropa. De esa manera, los compradores pueden evaluar mejor el material y el ajuste.

PDP with images and video on the left and CTA and product details on the right. The video is playing and shows a woman in a floral dress

El video en el PDP de Asos.com permite a los compradores evaluar el material del vestido y ajustarlo mejor. Un modelo que usa y camina con el vestido da una mejor impresión visual que la descripción textual de "tejido de estilo satinado: brillante, drapeado y suave como la seda, 100% poliéster".

O bien, puede adoptar una estrategia directamente del manual de compras en vivo: incluya un video de representantes de ventas que muestren las características del producto y cómo se puede usar.

Nordstrom, por ejemplo, tiene PDP para artículos de moda con videos cortos de representantes de ventas hablando sobre el producto. Describen el material y el ajuste y resaltan ciertos detalles sobre el artículo.

Collage of PDP screenshots. First image shows photos and video on the page. Second photo shows the video playing in a popup modal

Un estilista de Nordstrom habla sobre un par de jeans de cintura alta en un video de PDP. Habla sobre la textura de los jeans y demuestra la elasticidad de la tela. También recomienda con qué top y calzado se pueden combinar los pantalones.

Los eventos de compras en vivo en tiempo real pueden no ser para todos. Sin embargo, los sitios web de comercio electrónico harán bien en explorar métodos más atractivos que brinden a los compradores detalles más completos sobre el producto, como agregar videos al PDP.

8 mejores prácticas de reseñas de clientes para optimizar las tasas de conversión


Aproveche el poder de la prueba social a través de las reseñas de los clientes.

Leer más

7. Considere invertir en realidad aumentada (AR)

La Realidad Aumentada (AR) está en auge en el comercio electrónico.

Algunas tiendas en línea están compensando la falta de información sensorial del producto a través de AR. Esta tecnología permite a los compradores interactuar, probar y probar productos virtualmente a través de un dispositivo electrónico al superponer información digital sobre el mundo real. A través de AR, los compradores pueden ver cómo encajaría un sofá en su hogar, por ejemplo.

A smartphone held by its user. The screen captures the living room in the background with the addition of a lounge chair.

La aplicación AR de IKEA permite a los compradores colocar virtualmente modelos 3D a escala real en su propio espacio. La aplicación permite a los clientes ver cómo encajaría un producto en su hogar. Fuente de la imagen: IKEA

Brindar a los compradores más información contextual y visual a través de AR puede aumentar la confianza del comprador de que lo que está comprando coincidirá con sus expectativas. Esto, a su vez, disminuirá las tasas de devolución, aumentará la satisfacción del cliente y aumentará la lealtad a la marca.

Es importante tener en cuenta que, según el Índice de experiencia del comprador de Bazaarvoice de 2022 (con datos recopilados desde diciembre de 2021 hasta enero de 2022), solo el 12 % de los compradores globales incluyeron la realidad aumentada en sus "cinco factores imprescindibles" al comprar con confianza.

Por lo tanto, la realidad aumentada puede no ser esencial para la caja de herramientas de optimización de la tasa de conversión de comercio electrónico... aún, dependiendo del tipo de productos que venda. Para algunas industrias, la pandemia ha puesto en juego la realidad aumentada.

Realidad Aumentada en la Industria de la Belleza

La marca de belleza L'Oreal, por ejemplo, había estado utilizando la tecnología AR para permitir que los clientes probaran sus productos incluso antes del brote de COVID virtualmente. E incluso antes de la pandemia, el uso de la tecnología resultó en un aumento de 3 veces en las ventas de la compañía de belleza.

La pandemia ha hecho que las pruebas virtuales sean esenciales para las marcas de maquillaje, incluso para las experiencias en la tienda. Como los compradores ya no pueden probarse físicamente las muestras de maquillaje debido a problemas de higiene y seguridad, dependen de la realidad aumentada para ver si un producto de belleza complementa su tono de piel, por ejemplo.

NYX Professional Makeup, una subsidiaria de L'Oreal, acierta en un par de cosas sobre el uso de AR para ayudar a los compradores a elegir los artículos que mejor se adaptan a ellos. Por un lado, hacen inmediatamente obvio en la página de categoría qué artículos el comprador puede probarse virtualmente:

A cosmetics webpage with three lip products. Each has a name, star ratings, price, available colors, and CTA button below it

La leyenda "Pruébelo" en la esquina superior izquierda de la imagen del producto en la página de categoría de NYX actúa como un indicador visual de que el cliente puede obtener una vista previa del artículo a través de AR.

Lipstick product mages on the left and product details on the right including star ratings, colors available, and CTA button

La página de detalles del producto de NYX tiene un botón fantasma de llamado a la acción "Pruébelo" debajo de la imagen del producto.

An image of a girl on the left with buttons below it. The product name, available colors, and CTA button are on the right.

La prueba virtual de la marca de belleza permite a los clientes probar el producto usando su cámara en vivo, cargando una foto o eligiendo un modelo.

¿Es importante la realidad aumentada para el comercio electrónico?

Según los datos de 2020 de Vertebrae, una empresa especializada en AR y comercio 3D, las tasas de conversión aumentan en un 90 % para los consumidores que utilizan AR en comparación con los que no.

Shopify también señaló en septiembre de 2021 que, si bien aún no había mucha investigación confiable sobre cómo AR afecta las tasas de conversión, sus datos internos mostraron el gran potencial de AR .

Entonces, si tiene sentido para su negocio y tiene los recursos, considere permitir que sus clientes obtengan una vista previa e interactúen con sus productos a través de la realidad aumentada. Después de todo, se predice que casi el 75% de las personas en todo el mundo y casi todos los usuarios de teléfonos inteligentes serán usuarios frecuentes de AR para 2025.

Puede sumergir los dedos de los pies en AR para comprar utilizando aplicaciones como SnapAR y Meta Spark. Sin embargo, tenga en cuenta que incluso estas aplicaciones requieren habilidades técnicas. Necesitará a alguien con la experiencia para hacer arte o modelos 3D para usar en el entorno AR.

Conclusión: deje que las imágenes de sus productos de comercio electrónico dibujen una imagen para los compradores

Si quieres que los visitantes compren en tu sitio web de comercio electrónico, bríndales la información necesaria para decidir con confianza . Una forma de lograrlo es a través de imágenes y elementos visuales de alta calidad que representen con precisión sus productos.

Si usted …

  • resaltar las características distintivas de un producto,
  • mostrar el artículo desde diferentes puntos de vista y usarlo en diferentes situaciones,
  • presentar el producto en diferentes colores y variaciones,
  • hacer que sea inmediatamente obvio qué producto representa la foto,
  • incluir imágenes enviadas por el usuario,
  • agregar videos en su PDP, y
  • utilizar la realidad aumentada (si tiene sentido para su negocio)

… aumentará las posibilidades de que el comprador realice una conversión en su sitio web, disminuirá la probabilidad de que devuelva el artículo y creará una experiencia positiva para el cliente en general.

Habla con un experto en conversión

Danos 30 minutos y te mostraremos cómo podemos ayudarte a lograr mejores resultados

Programar mi llamada ahora
Programar mi llamada ahora