12 bonnes pratiques pour vos images de produits

Publié: 2022-10-27

Vous êtes sur le point de lancer une boutique en ligne, ou vous souhaitez améliorer son taux de conversion ? Ensuite, vous souhaitez connaître nos 12 meilleures pratiques pour les images de produits (qui se convertissent réellement) . Plus de ventes viendront à votre rencontre, grâce à notre liste de techniques visant à optimiser pleinement vos images de produits. Vous verrez l'importance qu'une photo peut avoir dans les conversions et le processus d'achat des consommateurs.

Pourquoi les images de produits sont cruciales pour votre site de commerce électronique

Les images de produits optimisées pour votre boutique en ligne sont importantes car ce sont les premiers éléments que les visiteurs voient lorsqu'ils arrivent sur la page. L'utilisation d'images de produits appropriées présente 3 principaux avantages :

1. Générez plus de ventes, améliorez la crédibilité de votre marque et gardez le visiteur engagé

Les visiteurs parcourent rapidement la page pour voir si l'apparence correspond à ce qu'ils recherchent. Vous voulez les faire rester et commencer à naviguer dès que possible. Des photos de produits optimisées convainquent les clients d'acheter en leur offrant une expérience d'achat plus informée et plus tentante.

Il existe une étude de MarketingCharts.com indiquant que "87,6% des répondants considéraient l'image du produit comme les éléments clés de l'expérience d'achat".

Motivation des acheteurs en ligne - Source : marketingcharts.com
Motivation des acheteurs en ligne – Source : marketingcharts.com

De même, Etsy a demandé à ses clients ce qui les avait le plus influencés lors d'un achat. Eh bien, ils ont découvert que la qualité de l'image était encore plus importante que le prix lui-même. 90 % des acheteurs ont déclaré que la qualité des photos était « extrêmement importante » ou « très importante » pour prendre une décision d'achat.

Demander aux clients ce qui influence un achat - Source : Etsy
Demander aux clients ce qui influence un achat – Source : Etsy

2. Réduire le taux de remboursement/retour

Contrairement aux achats dans une boutique physique, la navigation en ligne signifie que vous ne pouvez pas sentir ou toucher un produit. Vous ne pouvez pas l'avoir entre les mains : vous n'avez que des photos et des témoignages d'anciens clients. C'est pourquoi des images de produits de haute qualité et pertinentes sont essentielles pour éviter les déceptions et les remboursements.

Dans notre exemple ci-dessous (issu d'Ikea), le client ne devrait pas avoir de mauvaises surprises en recevant le bureau car les photos parlent d'elles-mêmes :

  • Ikea affiche des dimensions claires (et vous indique la taille minimale et maximale à laquelle vous pouvez étendre le bureau).
  • Le réglage de la hauteur du bureau est manuel : vous pouvez voir une main actionner le levier.
  • Le bureau a fière allure dans un vrai bureau, avec suffisamment d'espace pour un ordinateur.
Ikea informe au mieux les acheteurs en ligne (en évitant les retours et les remboursements) - Source : ikea.com
Ikea informe au mieux les acheteurs en ligne (en évitant les retours et les remboursements) – Source : ikea.com

La clé est de fournir à vos clients une image claire et honnête de ce qu'ils s'attendent à recevoir.

3. Boostez les efforts de référencement et obtenez plus de trafic grâce à la partageabilité sociale

En diffusant des images de produits optimisées pour le référencement, vous pouvez obtenir plus de trafic à partir des images Google. Lorsque Google explore votre page Web, il doit trouver un texte alternatif descriptif, des légendes, des titres et des noms de fichiers pertinents. Si un acheteur potentiel recherche un sac à main marron et que vous avez une gamme de sacs en cuir marron, vous voudrez vous classer dans Google pour ce mot-clé.

Exemple de mots-clés correspondant à des images de produits - Source : Google Images.
Exemple de mots-clés correspondant à des images de produits – Source : Google Images.

Enfin, il est plus facile pour une image ou une vidéo de devenir virale que pour un paragraphe de texte. Selon HubSpot, une bonne photographie de produit est 40 % plus susceptible d'être partagée à partir de comptes de réseaux sociaux. Vous pouvez obtenir de la publicité gratuite et augmenter l'exposition de votre marque.

Vous le savez maintenant : les images de produits doivent être au centre de votre stratégie de conversion. Passons en revue 8 tactiques marketing efficaces pour améliorer les images de vos produits et 4 techniques avancées qui vous aideront à maintenir les performances de votre boutique en ligne.

8 bonnes pratiques marketing pour améliorer efficacement les images de vos produits

Les images de produits sont cruciales pour les conversions et l'identité de la marque, mais avoir une seule image non optimisée ne suffit plus pour conclure la vente. Voici 8 meilleures pratiques de photographie et de marketing que vous pouvez suivre pour créer des images de produits de première classe avant de les télécharger.

1. Servir des images de produits de haute qualité

Celui-ci semble évident, mais trop de boutiques en ligne affichent encore des images floues ou trop petites, ce qui empêche l'acheteur de prendre une décision d'achat. Dans notre exemple ci-dessous, croyez-le ou non, c'est la même table. (J'ai volontairement flouté celui de droite).

Lequel semble le plus attrayant et quel produit auriez-vous envie de commander pour votre propre espace extérieur ?

Photo de haute qualité avec une belle configuration vs une table floue - Source : rochebobois.com
Photo de haute qualité avec une belle configuration vs une table floue – Source : rochebobois.com

2. Fournissez un contexte avec un style de vie et des images inspirantes

Si une future mariée est à la recherche de robes de demoiselle d'honneur, elle devrait pouvoir imaginer sa demoiselle d'honneur les porter le jour J. La photo ci-dessous est inspirante car elle montre à quoi ressemble la robe dans un groupe avec la mariée au milieu :

Mise en place de la robe dans un contexte réel – Source : DHGate

3. Utilisez un arrière-plan cohérent

Ajoutez un arrière-plan d'image cohérent correspondant à la conformité de votre image de marque : même affichage, mêmes couleurs et mêmes variantes d'image. Plum, un magasin de peinture en ligne, reste cohérent sur les images de produits montrant la couleur de chaque pot de peinture :

Cohérence et cohérence dans les images des produits – Source : Plum

4. Inclure les différentes variantes disponibles

Un acheteur peut aimer le design d'un canapé mais pas la couleur présentée dans l'image principale. Dans ce cas, ne perdez pas son attention et proposez des sélecteurs de couleurs pour qu'il puisse se projeter avec la bonne couleur.

La boutique en ligne Vetsak vous permet de choisir la couleur et affiche toutes les dispositions disponibles avant d'acheter un canapé. Ils se mettent à la place d'un acquéreur qui pourrait habiter un appartement ou une villa plus spacieuse.

Proposer des variantes aux acheteurs en ligne (couleurs et mises en page) - Source : Vetsak
Proposer des variantes aux acheteurs en ligne (couleurs et mises en page) – Source : Vetsak

5. Montrez de vraies images de clients

Les photostocks ne convertissent pas aussi bien qu'une photo prise avec de vrais acteurs ou modèles portant vos produits. Dans la même démarche de transparence, shein.co.uk permet aux clients de télécharger des avis avec leur photo :

Permettre aux clients de télécharger des avis et des photos – Source : Shein

6. Afficher l'image de la bonne proportion

Si vous vendez un produit et que votre proposition de vente unique indique qu'il s'agit du plus petit produit sur le marché, vous devez le mettre en évidence sur l'image du produit.

Par exemple, Apple montre la différence entre l'iPhone13 mini et le standard :

Comparaison des deux tailles sur une image produit - Source : apple.fr
Comparaison des deux tailles sur une image produit – Source : apple.fr

7. Utilisez un éclairage approprié et retouchez les photos

La retouche photo est un autre acteur important pour attirer l'attention des acheteurs en ligne. Bien qu'ils ne veuillent pas de fausses promesses, ils veulent également voir des photos attrayantes avec des couleurs précises. Dans notre exemple ci-dessous, le burger de droite semble plus appétissant que celui non saturé de gauche :

Eclairage et couleurs dans le montage des photos de produits – Source : Imagify

Si vous avez envie d'investir un peu d'argent, vous pouvez également obtenir la configuration lightbox suivante pour prendre vos propres photos :

Mise en place d'une lightbox pour la photographie de produits - Source : Craftprofessional.com

8. Ajoutez des images sous plusieurs angles pour afficher des détails importants : Zoom et vue à 360°

De même, les clients en ligne doivent pouvoir zoomer sur le produit et avoir une vue à 360° pour en explorer tous les angles. Les acheteurs sont toujours à la recherche d'une expérience d'achat visuellement stimulante et interactive.

Exemple de fonctionnalité à 360° – source : visualskus

Une étude récente d'ElasticPath a montré que les pages produits avec des images à 360° ont vu les améliorations suivantes :

  • Les taux de rebond ont diminué de 27 %
  • Taux d'ajout au panier augmentés de 35 %
  • Les taux de conversion ont augmenté de 22 %

Pour les marques qui proposent également une boutique physique, l'ensemble de l'expérience d'achat en ligne doit refléter l'engagement de leur expérience en magasin. Les zooms et les images à 360° offrent exactement ces possibilités.

Comme nous l'avons vu dans nos meilleures pratiques marketing, une simple image de produit ne suffit plus pour convaincre les acheteurs de finaliser un achat. Vous avez besoin de vidéos, de photos à 360° et de supports visuels inspirants et plus contextuels.

L'ajout de contenu plus pertinent est crucial pour aider le consommateur à se décider, mais en même temps, ce nouveau contenu pourrait également ralentir votre site .

La deuxième partie de notre guide comprend quelques techniques d'optimisation avancées pour vos images de produits afin d'éviter des problèmes de performances importants.

4 techniques avancées d'optimisation des images de produits (pour améliorer les performances)

Maintenant que vous connaissez les meilleures pratiques pour obtenir des clichés parfaits pour vos acheteurs potentiels, partageons avec vous quelques conseils avancés pour maintenir une bonne performance :

1. Utilisez la compression : réduisez la taille de votre fichier tout en conservant une haute qualité

Vous devez utiliser des images légères et rapides sans renoncer à la qualité. Les acheteurs en ligne recherchent des images de haute qualité, mais ils quitteront votre site Web si la vitesse de chargement des pages est affreuse. La compression est la meilleure technique pour trouver le bon équilibre entre qualité et performance pour vos images de produits.

La plupart du temps, le changement de compression est invisible à l'œil humain :

Qualité d'image non altérée après compression - Source : Imagify
Qualité d'image non altérée après compression - Source : Imagify

2. Choisissez le bon format de fichier : convertissez vos images en nouvelle génération

Les formats de nouvelle génération tels que WebP ou AVIF sont des formats d'image prêts pour le Web. Ils offrent de meilleures capacités de compression que les traditionnels JPEG ou PNG sans altérer la qualité visuelle :

Qualité d'image (PNG vs WebP) – Source : Developers.Google

3. Appliquez le chargement paresseux : priorisez ce qui doit être chargé en premier

Le script de chargement différé signifie que vous dites au navigateur de ne charger que les images au-dessus du pli. La priorité sera donnée aux images des produits visualisées par l'acheteur en ligne. Vous pouvez utiliser le script suivant sur les images pour appliquer le chargement différé :

 <img src="image.jpg" alt="..." loading="lazy">

Ou vous pouvez utiliser un plugin comme WP Rocket pour vous aider - le plugin de mise en cache qui sera également utile pour le point suivant.

Fonctionnalité de chargement paresseux disponible en un clic – Source : tableau de bord de WP Rocket

4. Utilisez la mise en cache du navigateur : conservez des copies locales des ressources statiques

La mise en cache est l'un des moyens les plus efficaces d'améliorer les performances de votre boutique en ligne, surtout si elle contient de nombreuses images de produits. De plus, la mise en cache peut être implémentée à l'aide de WP Rocket. Comme mentionné dans la section de chargement paresseux ci-dessus, c'est une boîte à outils puissante pour améliorer les performances de votre site WordPress, elle est développée par les mêmes personnes derrière Imagify.

Exemple de mise en cache appliquée automatiquement avec WP Rocket – Source : Tableau de bord de WP Rocket
Vous pouvez compléter cette liste de contrôle avec 12 autres conseils de référencement et de performance pour accélérer votre boutique de commerce électronique et mieux vous classer sur Google.

Comment Imagify peut aider à optimiser les images des produits

Imagify permet de proposer des images de produits optimisées aux acheteurs en ligne et d'accélérer votre boutique en ligne. Le plugin convertit vos images au format WebP (nouvelle génération) et compresse les images sans compromettre la qualité. Ces deux fonctionnalités sont parfaitement en ligne avec les conseils de performance que nous avons mis en évidence dans la section précédente.

Vous pouvez facilement optimiser les images de vos produits à l'aide des fonctionnalités Imagify suivantes :

  • Mode de compression intelligent pour optimiser les images des produits - Imagify fera tout le travail d'optimisation des images pour vous tout en équilibrant qualité et performances. Vous pouvez optimiser des images individuelles directement à partir de la bibliothèque WordPress.

Dans notre exemple, nous allons utiliser un produit de Nolyflo.fr.

Notre produit de commerce électronique a une taille de fichier d'origine de 906 Ko. Mais lorsque nous l'optimisons avec Imagify, la nouvelle taille de fichier se réduit à 227 Ko (75 % des économies d'origine).

Optimiser un produit image avec Imagify (75% d'économie) - Source : la librairie WordPress
Optimiser un produit image avec Imagify (75% d'économie) – Source : la librairie WordPress

Comme vous pouvez le voir, la compression intelligente a créé un fichier plus petit mais n'a pas eu d'impact sur la qualité visuelle :

Taille de fichier plus petite tandis que la qualité visuelle reste la même avec Imagify – Source : Imagify
  • Optimisation en masse pour redimensionner et compresser plusieurs images de produits en même temps :
Fonctionnalité d'optimisation en masse - Source : tableau de bord Imagify WordPress
Fonctionnalité d'optimisation en masse - Source : tableau de bord Imagify WordPress
  • Conversion WebP pour convertir vos images produits en WebP (format nouvelle génération de Google) en un clic :
Conversion WebP – Source : tableau de bord Imagify WordPress
  • Redimensionnez les images plus grandes – redimensionnez automatiquement vos images les plus grandes pour éviter les fichiers de grande taille qui ralentiront votre boutique en ligne :
Définition d'une limite de taille d'image pour les images de vos produits - Source : tableau de bord Imagify WordPress

Imagify optimise également vos images pour répondre aux recommandations de Google sur PageSpeed ​​Insights telles que "Servir des images dans des formats de nouvelle génération" et "Encoder efficacement des images".

Concernant la tarification, Imagify est gratuit pour 20 Mo de données chaque mois. Si vous avez besoin de ressources illimitées, c'est seulement 9,99 USD pour obtenir des images de produits bien optimisées qui se convertissent !

Emballer

Maîtriser l'art de la photographie e-commerce est essentiel pour obtenir des photos optimisées pour votre marque et la démarquer de la concurrence.

Faites juste attention à ne pas impacter les performances de votre site e-commerce en ajoutant toutes ces images produits de haute qualité. Pensez à les optimiser avec un plugin WordPress comme Imagify.
Essayez Imagify gratuitement et dites-nous comment se passe la compression de l'image de votre produit !