Quelle est la meilleure taille pour les images de produits de commerce électronique ?

Publié: 2021-12-24

Si vous gérez votre boutique en ligne, alors l'optimisation d'image est un véritable art que vous souhaitez maîtriser. Qu'il s'agisse d'inciter les clients à rechercher des images Google ou de réduire le temps de chargement du site, l'optimisation des images joue un rôle si important dans la création de sites de commerce électronique réussis, car la photographie du produit constitue la pierre angulaire de votre boutique en ligne.

Comme mentionné précédemment, vous êtes propriétaire d'une boutique de commerce électronique ; alors, vous pourriez reconnaître que les photos de produits de commerce électronique sont vitales. Bien présenter n'importe quel article est la clé du succès. Vos clients se demanderont comment les bijoux ou les vêtements peuvent les regarder ou à quoi ressemblera un canapé en cuir typique dans leur salon.

Recommandé pour vous

  • Taille de la bannière du site Web : quelle est la taille la plus efficace ?
  • Comment devenir un marchand de confiance Google ?
  • Comment trouver des produits à vendre en ligne ?

Dans cet article, on vous montrera quelle est la meilleure taille pour les images de produits de commerce électronique ?

Qu'est-ce que l'optimisation d'image ?

L'optimisation des images réduit autant que possible la taille des fichiers de vos images sans perdre en qualité afin que les temps de chargement des pages puissent rester faibles. L'optimisation d'image est également connue sous le nom de référencement d'image. Cela signifie que les images de vos articles, ainsi que les images décoratives, sont classées sur Google avec d'autres moteurs de recherche d'images.

Pourquoi la taille de l'image du produit est-elle importante sur les sites de commerce électronique ?

Comme vous ne le savez peut-être pas, les images font partie des atouts les plus vitaux de votre boutique en ligne.

Il y a un dicton:

"Et pourtant, trop souvent, ils sont négligés - les propriétaires de magasins oublient complètement d'optimiser les images pour le Web."

Il y a deux raisons :

  • Étant donné que l'obtention d'images optimisées pour votre site est une autre étape supplémentaire dans la liste sans fin que vous devez faire
  • Il est considéré comme une faible priorité, puis facilement oublié

Cependant, si vous souhaitez améliorer votre taux de conversion, votre fidélité, votre engagement client et même votre valeur à vie, vous feriez mieux de commencer par attirer votre attention sur votre collection d'images.

Avant d'aller plus loin, découvrons pourquoi les images jouent un rôle si essentiel dans le succès de votre entreprise.

1. Les premières impressions comptent

Les images ou les pis sont la toute première chose que vos acheteurs voient lorsqu'ils consultent votre page produit, et on pense que ces premières secondes peuvent devenir vitales pour leur permettre de décider de continuer à rechercher vos produits ou non.

En fait, dans l'étude de 2017 menée par Square et BigCommerce, les clients en ligne américains citent la photographie de produits supplémentaire comme la première chose qu'ils aimeraient des marques en ligne.

2. Une image a plus de valeur que 1 000 mots

Les photos aident les clients avec plus de confiance à assurer la qualité et les détails des produits mieux que n'importe quelle description courte et longue.

Pouvoir ressentir les produits comme s'ils étaient dans un vrai magasin grâce à des images de produits de bonne qualité permet à tout client d'explorer de nombreux détails sur les articles qu'il recherche.

Les preuves de BigCommerce et de Square ont prouvé qu'environ la moitié des personnes interrogées ont déclaré qu'elles étaient incapables de toucher, de sentir et d'essayer leurs produits préférés lors de leurs achats en ligne.

3. Le mobile prend le dessus

Étant donné que le shopping mobile devient de plus en plus important dans la vie de chacun, les images seront nécessaires, comme le montre le mouvement Speed ​​Update de Google. Les utilisateurs de Mobile sont plus nombreux lorsqu'ils utilisent des images que des mots ou des textes pour que l'adéquation de vos produits soit jugée et naviguée.

Un article de commerce électronique clair et plus attrayant signifie en quelque sorte que vos articles peuvent être cliqués et achetés souvent.

4. Les images peuvent ruiner le site de votre entreprise

Notez que les photos de mauvaise qualité et non professionnelles pour les sites Web peuvent avoir un impact négatif sur votre expérience client et les classer dans les moteurs de recherche.

Vous vous posez peut-être les trois questions suivantes :

  • « Vos images se chargent-elles lentement ? »

  • « N'avez-vous pas inclus la méta description ? »

  • "Est-ce que les gens rebondissent en atterrissant là-bas?"

Quelle est la meilleure taille pour les images de produits de commerce électronique ?

Si vous utilisez Photoshop, vous pouvez développer le modèle d'image du produit en générant des fichiers vierges et en le redimensionnant aux dimensions souhaitées. Cela vous aide à maintenir la cohérence des six images. Il y a plus sur les exigences, mais les très bons points de départ pour les tailles de modèle pour vous aider à utiliser dans votre magasin se situent entre 1 200 pixels et 1 600 pixels sur le côté le plus long. Gardez à l'esprit que vous voulez juste assez de détails pour que les clients puissent zoomer et dézoomer.

Une considération clé est de savoir comment réduire la taille de votre fichier d'images pour aider à réduire au minimum le temps de chargement de la page. Vous ne devriez pas vous inquiéter que rien ne puisse gâcher une expérience utilisateur comme la page à chargement lent. Un fait indique qu'environ 47% des utilisateurs espèrent maintenant qu'une page Web se charge en moins de deux secondes, et 40% obtiendront une page abandonnée qui peut prendre plus de 3 secondes à se charger.

Par conséquent, il est nécessaire que vous restiez à l'écart des images de grande taille qui prennent généralement plus de temps à charger. La règle générale d'AIM pour les tailles de fichiers image est inférieure à 70 Ko. Et heureusement, il est possible de réduire la taille de votre fichier sans perdre la qualité de l'image en utilisant l'outil "Enregistrer pour le Web" de Photoshop.

En outre, vous devriez également considérer ceci :

  • Environ 50% des clients ne seront pas prêts à attendre 3 secondes qu'un site se charge.

  • Le temps de chargement moyen des pages augmente à l'échelle mondiale.

  • Amazon a découvert que si leurs pages ralentissaient d'une seconde seulement, elles pourraient perdre 1,6 milliard de dollars par an.

  • Google utilise le temps de chargement des pages comme l'un des facteurs de classement les plus importants de l'algorithme.

Une autre façon de vous aider à réduire la taille de votre fichier image consiste à utiliser la commande "Enregistrer pour le Web" dans Adobe Photoshop. À l'aide de cet outil, vous souhaitez ajuster les images à la plus petite taille de fichier tout en gardant un œil sur la qualité de l'image.

  • Qualité : Vous pouvez le trouver situé dans les coins supérieur et droit.

  • Format de fichier : Vous pouvez le trouver en haut et à droite

  • Optimisation : Vous pouvez le trouver en haut et à droite

  • Couleur : Vous pouvez le trouver en haut et à droite

  • Réduction des effectifs et affûtage : Vous pouvez le trouver dans le coin inférieur droit

  • Taille de fichier attendue : Vous pouvez la trouver dans le coin inférieur et gauche

Et vous pouvez également choisir d'utiliser Export As .

Maintenant, vous vous demandez peut-être comment choisir le bon type de fichier .

Il existe en fait trois types de fichiers populaires que vous pouvez utiliser pour publier ces photos sur le Web, notamment GIF , PNG et JPEG .

Les images JPEG ou .jpg sont un ancien type de fichier. JPEG est en train de devenir la photo standard de facto d'Internet. Les photos JPEG peuvent être compressées, ce qui donne des photos de qualité avec des fichiers de petite taille.

Les images GIF ou .gif ont une qualité inférieure à celle des images JPEG et sont largement utilisées pour plus d'images, y compris des photos décoratives et des icônes. Les GIF assistent également l'animation. En ce qui concerne l'optimisation des images, les GIF sont connus pour être parfaits pour les images simples et claires sur n'importe quelle page Web. Cependant, les GIF ne sont pas une solution utile pour les images complexes, ce qui est vrai pour les images plus grandes.

Les images PNG sont de plus en plus courantes pour remplacer les GIF. Les PNG prennent également en charge plus de couleurs que les GIF, et ils ne se dégraderont pas avec le temps avec les ré-enregistrements comme le font les JPEG. Vous feriez mieux de garder à l'esprit que la taille du fichier des photos PNG-24 est plus de trois fois supérieure à celle des photos PNG-8. C'est la raison pour laquelle il faut être prudent avec les PNG.

Et voici plusieurs conseils pour vous aider à vous rappeler lors du choix des types de fichiers :

  • Dans la plupart des cas, dans le commerce électronique, les JPEG peuvent devenir votre meilleur. Ils peuvent vous offrir la meilleure qualité pour la plus petite taille de fichier.

  • Vous ne devez jamais utiliser de GIF pour les grandes photos de produits. Cette taille de fichier deviendra énorme et il n'y aura aucun moyen de la réduire. Vous pouvez utiliser des GIF pour les vignettes et décorer les images uniquement.

  • Les PNG peuvent être votre bonne solution comme alternative aux GIF et aux JPEG. Si vous ne pouvez utiliser que des images de produits au format PNG, vous pouvez vous donner une chance d'utiliser PNG-8 plutôt que PNG-24. Les PNG peuvent exceller en tant que simples photos décoratives en raison de leur taille de fichier extrêmement petite.

5 conseils pour optimiser les images des produits de votre boutique en ligne

1. Définissez le nom de l'image de manière descriptive et en langage clair

Il n'est pas si compliqué d'exagérer des centaines de photos de produits et de conserver les noms de fichiers par défaut que votre appareil photo a déjà attribués.

En ce qui concerne l'image SEP, il est essentiel que vous utilisiez des mots-clés associés pour que votre page Web soit classée sur les moteurs de recherche. La génération de noms de fichiers riches en mots clés et descriptifs est essentielle pour l'optimisation des images. Les moteurs de recherche exploreront à la fois les textes de votre page Web et les noms de fichiers image.

Prenons l'exemple ci-dessous :

Vous pouvez appliquer le nom générique que votre caméra a déjà attribué à votre image. Mais, il sera préférable de nommer le fichier en détail.

Pensons à la façon dont vos clients rechercheront vos articles sur les sites Web. Quels modèles de noms utiliseront-ils pour rechercher. Par exemple, les acheteurs de voitures peuvent rechercher les éléments suivants :

  • Ford Mustang LX 2012 rouge

  • Ford Mustang LX Rouge 2012

  • Ford Mustang LX 2012 rouge

Vous pouvez consulter les analyses du site pour vérifier le type de modèles de mots clés que vos clients suivent. Vous pouvez décider des modèles de nommage les plus populaires qu'ils utilisent et utiliser ce modèle pour votre processus de nommage de fichier image.

Au cas où vous n'auriez pas les données, vous pouvez être sûr d'utiliser des mots-clés importants et pertinents pour nommer vos images.

2. Optimisez soigneusement vos attributs alt

Les attributs Alt sont connus pour remplacer le texte des photos lorsque les navigateurs ne parviennent pas à les restituer correctement. À leur tour, ils sont largement utilisés pour l'accessibilité du Web. Lorsque la photo est rendue, vous vérifierez que le texte de l'attribut alt si vous le survolez. Cet attribut alt doit ajouter une valeur SEO à votre site. L'ajout d'attributs alt appropriés contenant des mots-clés pertinents aux images de votre site peut vous aider à mieux vous classer dans vos moteurs de recherche. Par conséquent, l'utilisation d'un attribut alt est le meilleur moyen pour vos articles de commerce électronique d'apparaître dans la recherche Web et l'image de Google.

Vous pouvez regarder de plus près le code source d'un attribut alt :

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

En matière d'optimisation d'image, la toute première priorité est de remplir tous les attributs pour chaque photo de produit sur votre site Web. Et voici quelques règles pour les attributs alt :

  • Obtenez vos images décrites dans un langage simple comme vous le faites pour les noms de fichiers image

  • Si vous vendez des articles contenant des numéros de modèle ou des numéros de série, vous pouvez les saisir dans les attributs alt

  • Arrêtez de bourrer les attributs alt qui regorgent de mots-clés

  • Arrêtez d'utiliser les attributs alt pour les images décoratives. Les moteurs de recherche peuvent trop vous pénaliser pour l'optimisation.

Dernier point mais non le moindre, faisons de temps en temps une vérification de la santé mentale. N'oubliez pas de consulter les sources de votre page Web et de vérifier si vos attributs alt sont correctement remplis ou non. Vous serez très surpris de ce qui vous manque vraiment au fur et à mesure que vous évoluez à la vitesse de l'entrepreneuriat.

3. Optez pour des dimensions d'image et des angles de produit adaptés

Il est courant de vérifier plusieurs angles de votre article. Vous pouvez vérifier l'exemple de la Ford Mustang et vous ne voudrez peut-être pas montrer une photo de la carte, généralement vous la vendez. Il serait préférable que vous montriez des photos de:

  • L'intérieur

  • L'arrière, en particulier le becquet d'air

  • Les jantes

  • Le moteur

Par conséquent, l'un des meilleurs moyens de tirer parti de ces images supplémentaires consiste à remplir les attributs alt. Et la façon dont vous pourriez le faire est de générer des attributs alt uniques pour chaque image de produit. Le point clé ici est d'insérer des descriptions dans vos attributs alt afin que les chercheurs prometteurs puissent atterrir sur votre site. Si vous effectuez un travail supplémentaire, vous serez récompensé par des chercheurs de Google.

4. Optimisez vos vignettes

De nombreux sites de commerce électronique utilisent désormais des images miniatures, en particulier sur les pages de catégorie, car ils peuvent afficher les produits sans prendre trop de place.

Bien que les vignettes soient bonnes, vous devez être prudent car elles peuvent devenir un tueur silencieux. N'oubliez pas les vitesses de chargement de vos pages. Vos vignettes sont souvent affichées à certains moments importants du processus d'achat. S'ils empêchent le chargement rapide de vos pages de catégorie, vous risquez de perdre vos clients potentiels. Notez que les utilisateurs de Shopify n'ont pas à se soucier de l'optimisation des vignettes car il s'en occupe pour eux.

Par conséquent, que devez-vous faire maintenant ?

  • Assurez-vous que la taille de vos fichiers de vignettes peut être aussi petite que possible. Cela vaut la peine de permettre à la diapositive de qualité de prendre en charge une taille de fichier inférieure. Notez que le cumul des vignettes a une énorme influence sur le temps de chargement de la page.

  • Après cela, laissez votre attribut alt varier afin de ne pas dupliquer le texte que vous utilisez pour une version plus grande d'une image similaire. Par conséquent, vous devez modifier différemment le texte de vos attributs alt. La dernière chose à faire est que la vignette soit indexée plutôt que des images plus grandes.

5. Autorisez vos photos à être testées

L'intérêt d'optimiser vos images est d'augmenter le résultat net. Nous parlons de la façon de réduire la taille des fichiers et de laisser le moteur de recherche indexer vos photos ; cependant, nous n'avons pas mentionné le test d'images pour vérifier ce qui peut convertir de plus en plus de clients.

  • C'est le nombre de photos d'articles sur chaque page. Comme le temps de chargement est un problème pour plusieurs sites de commerce électronique non hébergés, vous pouvez constater que la réduction du nombre de photos sur chaque page aidera à promouvoir les taux de clics, ainsi que les ventes. Il vous est possible de donner beaucoup de photos sur chaque page qui peuvent encourager l'expérience utilisateur, entraînant ainsi plus de ventes. La seule façon de le trouver est de le tester.

  • Testez les angles que les clients aiment faire. Vous pouvez voir une augmentation de la fidélité des clients en donnant des vues que vos consommateurs aimeraient voir. L'un des meilleurs moyens de le savoir consiste à interroger vos propres clients sur ce qu'ils ont vraiment préféré en examinant vos photos de produits. Parler aux clients et les sonder est considéré comme la meilleure habitude à prendre.

  • Testez combien de listes d'articles vous feriez mieux d'avoir sur les pages de catégorie : 10, 20 ou 100 articles ? Vous pouvez tester le nombre d'articles que vous répertoriez sur les pages de catégories pour vérifier ce qui fonctionnera le mieux pour vos acheteurs.

Articles Similaires

  • 20+ meilleures applications Shopify dont chaque magasin a besoin
  • 11 meilleurs sites de photos pour votre entreprise

Derniers mots

Les images ont le pouvoir de promouvoir l'apparence et la convivialité de votre entreprise et peuvent bien servir d'outil de vente essentiel. Tous les outils dont vous disposez pour y parvenir sont disponibles et vous devriez essayer de contenir les sommets les plus utiles ainsi que la technique ci-dessus. Nous espérons qu'avec notre guide complet sur la meilleure taille pour les images de produits de commerce électronique , vous pourrez obtenir vos images hautement optimisées pour votre activité en magasin. Maintenant, il est temps pour vous de recommencer et la planification est la clé.