¿Cuál es el mejor tamaño para las imágenes de productos de comercio electrónico?

Si está ejecutando su tienda en línea, entonces la optimización de imágenes es un verdadero arte que desea convertir en un maestro. Desde estimular a los clientes a buscar imágenes de Google para reducir el tiempo de carga del sitio, la optimización de imágenes juega un papel tan importante en la creación de sitios de comercio electrónico exitosos, ya que la fotografía del producto actúa como la piedra angular de su tienda en línea.

Como se mencionó anteriormente, usted es propietario de una tienda de comercio electrónico; entonces, puede reconocer que las fotos de productos de comercio electrónico son vitales. Presentar bien cualquier artículo es la clave del éxito. Tus clientes se preguntarán cómo les quedarán las joyas o las prendas de vestir o cómo quedará un típico sofá de piel en su salón.

Recomendado para ti

• Tamaño del banner del sitio web: ¿Cuál es el tamaño más efectivo?
• ¿Cómo convertirse en una tienda de confianza de Google?
• ¿Cómo encontrar productos para vender en línea?

En este artículo, se le mostrará cuál es el mejor tamaño para las imágenes de productos de comercio electrónico.

¿Qué es la optimización de imágenes?

La optimización de imágenes reduce el tamaño del archivo de sus imágenes tanto como sea posible sin perder la calidad para que los tiempos de carga de la página se mantengan bajos. La optimización de imágenes también se conoce como relacionada con el SEO de imágenes. Eso significa obtener imágenes de artículos, junto con imágenes decorativas clasificadas en Google con otros motores de búsqueda de imágenes.

¿Por qué es importante el tamaño de la imagen del producto en los sitios web de comercio electrónico?

Como quizás no sepa, las imágenes se encuentran entre los activos más vitales para su tienda de comercio electrónico.

Hay un dicho:

“Y, sin embargo, con demasiada frecuencia se descuidan: los dueños de las tiendas se olvidan por completo de optimizar las imágenes para la web”.

Hay dos razones:

• Dado que obtener imágenes optimizadas para su sitio es otro paso adicional en la lista interminable que tiene que hacer
• Se considera de baja prioridad, luego se olvida fácilmente.

Sin embargo, si desea mejorar su tasa de conversión, su lealtad y su compromiso con el cliente e incluso su valor de por vida, es mejor que comience por dirigir su atención a su colección de imágenes.

Antes de continuar, averigüemos por qué las imágenes juegan un papel tan importante en el éxito de su negocio.

1. Las primeras impresiones cuentan

Las imágenes o pis son lo primero que ven sus compradores cuando revisan la página de su producto, y se cree que estos primeros segundos pueden volverse vitales para permitirles decidir si siguen buscando sus productos o no.

En realidad, en el estudio de 2017 realizado por Square y BigCommerce, se dice que los clientes estadounidenses en línea citan fotografías adicionales de productos como lo primero que les gustaría de las marcas en línea.

2. Una imagen vale más que 1.000 palabras

Las fotos ayudan a los clientes a garantizar con más confianza la calidad y los detalles de los productos mejor que cualquier descripción breve o larga.

Poder sentir los productos como si estuvieran en una tienda real a través de imágenes de productos de buena calidad permite a cualquier cliente explorar muchos detalles de los artículos que está buscando.

La evidencia de BigCommerce y Square ha demostrado que alrededor de la mitad de los encuestados dijeron que no podían tocar, sentir y probar sus productos favoritos cuando compraban en línea.

3. El móvil se está haciendo cargo

Dado que las compras móviles se están volviendo cada vez más importantes en la vida de todos, las imágenes serán necesarias, como lo demuestra el movimiento Speed ​​Update de Google. Los usuarios de dispositivos móviles son más numerosos cuando utilizan imágenes que palabras o textos para evaluar y navegar la idoneidad de sus productos.

Un artículo de comercio electrónico claro y más atractivo de alguna manera significa que se puede hacer clic en sus artículos y comprarlos con frecuencia.

4. Las imágenes pueden arruinar el sitio de tu empresa

Tenga en cuenta que las fotos de baja calidad y poco profesionales para sitios web pueden afectar negativamente la experiencia de sus clientes y clasificarlos en los motores de búsqueda.

Tal vez te hagas las tres preguntas siguientes:

• "¿Tus imágenes se cargan lentamente?"

• "¿No has incluido la meta descripción?"

• “¿Están las personas rebotando cuando aterrizan allí?”

¿Cuál es el mejor tamaño para las imágenes de productos de comercio electrónico?

En caso de que esté utilizando Photoshop, puede desarrollar la plantilla de imagen del producto generando archivos en blanco y redimensionándolos a las dimensiones deseadas. Esto le ayuda a mantener la consistencia de las seis imágenes. Hay más información sobre los requisitos, pero los muy buenos puntos de partida para los tamaños de plantilla que te ayudarán a usar en tu tienda están entre 1200 px y 1600 px en el lado más largo. Tenga en cuenta que solo desea suficientes detalles para que los clientes puedan acercar y alejar la imagen.

Una consideración clave es cómo reducir el tamaño de archivo de las imágenes para ayudar a mantener el tiempo de carga de la página al mínimo. No debe preocuparse de que nada pueda estropear una experiencia de usuario como la página de carga lenta. Un hecho dice que alrededor del 47 por ciento de los usuarios ahora esperan que una página web se cargue en menos de dos segundos, y el 40% abandonará una página que puede tardar más de 3 segundos en cargarse.

Por lo tanto, es necesario que se mantenga alejado de las imágenes de gran tamaño que generalmente tardan más en cargarse. La regla general de AIM para el tamaño de los archivos de imagen es inferior a 70 kb. Y afortunadamente, es posible reducir el tamaño de su archivo sin perder la calidad de la imagen mediante el uso de la herramienta "Guardar para Web" de Photoshop.

Además, también debes considerar esto:

• Alrededor del 50% de los clientes no estarán listos para esperar 3 segundos a que se cargue un sitio.

• El tiempo medio de carga de una página está aumentando a nivel mundial.

• Amazon ha descubierto que si sus páginas se ralentizan solo un segundo, podrían perder 1600 millones de dólares al año.

• Google está utilizando el tiempo de carga de la página como uno de los factores de clasificación más importantes en el algoritmo.

Otra forma de ayudarlo a reducir el tamaño de su archivo de imagen es usando el comando "Guardar para Web" en Adobe Photoshop. Con esta herramienta, le gustaría obtener las imágenes ajustadas al tamaño de archivo más pequeño y al mismo tiempo controlar la calidad de la imagen.

• Calidad : Lo puedes encontrar ubicado en la esquina superior derecha.

• Formato de archivo: puede encontrarlo en la esquina superior derecha

• Optimización : Puede encontrarlo en la esquina superior derecha

• Color : Puedes encontrarlo en la esquina superior derecha

• Reducción de tamaño y enfoque : puede encontrarlo en la esquina inferior derecha

• Tamaño de archivo esperado : puede encontrarlo en la esquina inferior izquierda

Y también puede elegir usar Exportar como .

Ahora, quizás se pregunte cómo elegir el tipo de archivo correcto .

De hecho, hay tres tipos de archivos populares que puede usar para publicar esas fotos en la web, incluidos GIF , PNG y JPEG .

Las imágenes JPEG o .jpg son un tipo de archivo antiguo. JPEG se está convirtiendo en la foto estándar de facto de Internet. Las fotos JPEG se pueden comprimir, lo que da como resultado fotos de calidad con tamaños de archivo pequeños.

Las imágenes GIF o .gif tienen una calidad más baja que las imágenes JPEG y se utilizan mucho para más imágenes, incluidas fotografías e iconos decorativos. Los GIF también ayudan a la animación. Con respecto a la optimización de imágenes, los GIF son conocidos por ser excelentes para imágenes simples y sencillas en cualquier página web. Sin embargo, los GIF no son una solución útil para imágenes complejas, lo cual es cierto para imágenes más grandes.

Las imágenes PNG son cada vez más comunes en sustitución de los GIF. Los PNG también admiten más colores que los GIF, y no se degradarán con el tiempo al volver a guardarlos como lo hacen los JPEG. Es mejor que tenga en cuenta que las fotos PNG-24 son tres veces más grandes en tamaño de archivo que las PNG-8. Esta es la razón por la que hay que tener cuidado con los PNG.

Y aquí hay varios consejos para ayudarlo a recordar cómo elegir tipos de archivos:

• En la mayoría de los casos, en el negocio de comercio electrónico, los archivos JPEG pueden convertirse en los mejores. Pueden brindarle la mejor calidad para el tamaño de archivo más pequeño.

• Nunca debe usar GIF para fotos de productos grandes. Este tamaño de archivo se volverá enorme y no habrá forma de reducirlo. Puede usar GIF para las miniaturas y decorar las imágenes solamente.

• Los PNG pueden ser una buena solución como alternativa tanto a los GIF como a los JPEG. En caso de que solo pueda usar imágenes de productos en formato PNG, puede intentar usar PNG-8 en lugar de PNG-24. Los PNG pueden sobresalir como simples fotos decorativas debido a su tamaño de archivo extremadamente pequeño.

5 Consejos para optimizar las imágenes de los productos de tu tienda online

1. Establezca el nombre de la imagen de forma descriptiva y en un lenguaje sencillo

No es tan complicado exagerar cientos de fotos de productos y aún así mantener los nombres de archivo predeterminados que su cámara ya asignó.

Con respecto a la imagen SEP, es crucial que use palabras clave relacionadas para clasificar su página web en los motores de búsqueda. La generación de nombres de archivo ricos en palabras clave y descriptivos es esencial para la optimización de imágenes. Los motores de búsqueda rastrearán tanto los textos de su página web como los nombres de los archivos de imágenes.

Tomemos el siguiente ejemplo:

Puede aplicar el nombre genérico que su cámara ya asignó a su imagen. Pero, será mejor nombrar el archivo en detalle.

Pensemos en cómo sus clientes buscarán sus artículos en los sitios web. Cuáles serán los patrones de nombres que usarán para investigar. Por ejemplo, los compradores de automóviles pueden buscar lo siguiente:

• 2012 rojo Ford Mustang LX

• Ford Mustang LX Rojo 2012

• Ford Mustang rojo LX 2012

Puede consultar los análisis del sitio para comprobar qué tipo de patrones de palabras clave siguen sus clientes. Puede decidir los patrones de nomenclatura más populares que están usando y usar ese patrón para su proceso de nomenclatura de archivos de imagen.

En caso de que no vaya a tener la información basada en datos, puede estar seguro de usar palabras clave importantes y relevantes para nombrar sus imágenes.

2. Optimice cuidadosamente sus atributos alternativos

Los atributos Alt se conocen como el reemplazo de texto de las fotos cuando los navegadores no las procesan correctamente. A su vez, son muy utilizados para la accesibilidad web. Cuando se renderice la foto, verificará que el texto del atributo alt se encuentre sobre él. Este atributo alt necesita agregar valor SEO a su sitio. Incluir atributos alt apropiados que contengan palabras clave relevantes para las imágenes de su sitio puede ayudarlo a clasificarse mejor en sus motores de búsqueda. Como resultado, el uso de un atributo alt es la mejor manera de que sus elementos de comercio electrónico aparezcan en la búsqueda web y la imagen de Google.

Puede echar un vistazo más de cerca al código fuente de un atributo alt:

<img src=”2012-Ford-Mustang-LX-Red.jpg” alt=”2012 Ford Mustang LX Red”>

Cuando se trata de la optimización de imágenes, la primera prioridad es completar cada atributo al para cada foto de producto en su sitio web. Y aquí hay algunas reglas para los atributos alt:

• Obtenga sus imágenes descritas en un lenguaje sencillo como lo hace con los nombres de los archivos de imagen

• En caso de que venda artículos que contengan números de modelo o números de serie, puede escribirlos en los atributos alt

• Deja de llenar los atributos alt que están llenos de palabras clave

• Deja de usar atributos alt para las imágenes decorativas. Los motores de búsqueda pueden penalizarte demasiado por la optimización.

Por último, pero no menos importante, hagamos una verificación de cordura de vez en cuando. No olvides ver las fuentes de tu página web y verificar si tus atributos alt se completaron correctamente o no. Te sorprenderá mucho lo que realmente extrañas mientras te mueves a la velocidad del emprendimiento.

3. Opte por dimensiones de imagen y ángulos de producto adecuados

Es común verificar muchos ángulos de su artículo. Puede volver a consultar el ejemplo del Ford Mustang y es posible que no desee mostrar una foto de la tarjeta, por lo general, la está vendiendo. Sería mejor que muestres algunas fotos de:

• El interior

• La parte trasera, especialmente el alerón de aire.

• las llantas

• El motor

Por lo tanto, una de las mejores formas de capitalizar esas imágenes adicionales es completar los atributos alt. Y la forma en que podría hacerlo es generando atributos alternativos únicos para cada imagen de producto. El punto clave aquí es insertar descripciones en sus atributos alt para que los investigadores prometedores puedan aterrizar en su sitio. Si realiza algún trabajo adicional, Google lo recompensará con buscadores.

4. Optimiza tus miniaturas

Muchos sitios de negocios de comercio electrónico ahora usan imágenes en miniatura, particularmente en las páginas de categorías, ya que pueden mostrar los productos sin ocupar demasiado espacio.

Aunque las miniaturas son buenas, debes tener cuidado ya que pueden convertirse en un asesino silencioso. No olvides las velocidades de carga de tu página. Sus miniaturas a menudo se muestran en algunos puntos importantes durante el proceso de compra. En caso de que impidan que las páginas de su categoría se carguen rápidamente, podría perder a sus consumidores potenciales. Tenga en cuenta que los usuarios de Shopify no necesitan preocuparse por la optimización de las miniaturas, ya que se encarga de esto por ellos.

Por lo tanto, ¿qué debe hacer ahora?

• Asegúrese de que el tamaño de sus archivos en miniatura sea lo más pequeño posible. Vale la pena permitir que la diapositiva de calidad admita un tamaño de archivo más bajo. Tenga en cuenta que la acumulación de miniaturas tiene una gran influencia en el tiempo de carga de la página.

• Después de eso, deje que su atributo alt varíe para no duplicar el texto que está usando para una versión más grande de una imagen similar. Como resultado, debe hacer que el texto de sus atributos alternativos sea diferente. Lo último que debe hacer es indexar la miniatura en lugar de imágenes más grandes.

5. Permite que tus fotos sean probadas

El objetivo de optimizar sus imágenes es aumentar el resultado final. Estamos hablando de cómo reducir el tamaño de los archivos y cómo dejar que el motor de búsqueda indexe tus fotos; sin embargo, no hemos mencionado probar imágenes para verificar qué puede convertir a más y más clientes.

• Prueba el número de imágenes de artículos en cada página. Dado que el tiempo de carga es un problema para varios sitios de comercio electrónico no alojados, puede descubrir que reducir la cantidad de fotos en cada página ayudará a promover las tasas de clics, junto con las ventas. Es posible que proporcione muchas imágenes en cada página que puedan fomentar la experiencia del usuario y luego generar más ventas. La única forma de encontrar esto es probándolo.

• Pruebe qué ángulos les gusta hacer a los clientes. Puede ver un aumento en la lealtad del cliente al brindar vistas que a sus consumidores les gustaría ver. Una de las mejores maneras de averiguarlo es encuestando a sus propios clientes sobre lo que realmente les gustó más al revisar las fotos de sus productos. Hablar con los clientes y encuestarlos se considera el mejor hábito para adquirir.

• Pruebe cuántos listados de artículos es mejor que tenga en las páginas de categorías: ¿10, 20 o 100 artículos? Puede probar la cantidad de artículos que enumera en las páginas de categoría para verificar qué funcionará mejor para sus compradores.

Artículos Relacionados

• Más de 20 mejores aplicaciones de Shopify que toda tienda necesita
• Los 11 mejores sitios de fotos de archivo para su negocio

Ultimas palabras

Las imágenes tienen el poder de promover la apariencia de su negocio y pueden servir como una herramienta de ventas fundamental. Todas las herramientas que tiene para que esto suceda están disponibles y debe tratar de contener las tapas más útiles, así como la técnica anterior. Esperamos que con nuestra guía completa sobre cuál es el mejor tamaño para las imágenes de productos de comercio electrónico , pueda obtener sus imágenes altamente optimizadas para el negocio de su tienda. Ahora es el momento de que empieces de nuevo y la planificación es la clave.