Les images sont un élément clé de tout site e-commerce réussi, car elles permettent aux clients de visualiser les produits et de s’imaginer avec avant de les acheter, de bonnes images leur permettent de se faire une idée précise du produit. Cependant, pour que les images soient optimisées pour l’expérience utilisateur et pour le référencement naturel de votre site dans les moteurs de recherche, il est important de suivre certaines bonnes pratiques.
Chargez des images de qualité
Les images de mauvaise qualité peuvent rendre vos produits moins attrayants et les clients peuvent avoir l’impression que votre entreprise est peu professionnelle. Il est donc essentiel d’utiliser des images de haute qualité pour chaque produit que vous vendez.
Afin d’optimiser cette qualité et de ne pas rendre vos images floues ou pixélisées, il est essentiel de connaître les tailles idéales de l’emplacement de vos images. Si vous avez une grande image à insérer, qui prenne toute la largeur de votre site, essayez d’avoir une largeur d’image suffisante pour toutes les résolutions d’écrans de PC.
Cela vaut également pour les petits formats de type miniature ou listing de pages produits. En effet si vous mettez une grande image sur un petit format, cela réduit également sa netteté et la compresse. De manière générale 200 pixels de large suffisent pour une petite photo, et 500 pixels de large suffisent pour une photo moyenne. Enfin, 1.200 à 1.700 pixels de large permettent d’afficher la photo en plein écran sur un ordinateur portable.
Mettez votre produit en valeur
Pour rendre votre produit beaucoup plus attrayant et pousser votre client à l’action sans qu’il s’en apperçoive, vous avez plusieurs éléments à prendre en compte :
- Les lumières et ombres : essayez différents positionnements de lumières et différentes orientations, vous éviterez les ombres mal placées et des lumières trop intenses (ce qui peut provoquer une brillance non désirée, un reflet…) sur le produit qui peut être déplaisant pour le e-acheteur.
- Les arrières plans : pour cela tout dépend de votre image de marques, vos préférences et celles de votre cible. Vous pouvez tout autant choisir des arrières plans sombres ou de couleur unies que des fonds très colorés ou fleuri etc
- Les angles de vues : Varier les positions du produit ou de votre appareil photo (ou smartphone) peut également jouer en faveur votre article. Parfois prendre une photo orientée vers le haut du produit peut le faire paraître plus petit et le résultat met en valeur cette petite taille ou parfois c’est l’inverse. Prêtez donc attention à ce que vous souhaitez faire transparaître et donc moment positionner l’appareil.
Utilisez des images uniques
Si vous utilisez des images génériques que l’on peut trouver sur d’autres sites e-commerce, vous risquez de perdre des clients qui recherchent une expérience d’achat unique. Essayez de prendre des photos uniques de vos produits afin de donner à vos clients une idée précise de ce qu’ils peuvent attendre.
Malgré cela si vous n’avez pas de matériel adéquat ou de ressources nécessaires, essayez de diversifier les sources de vos images. Et essayez d’avoir des images assez rares et correspondant à votre produit ou service sur la page. Pour vous aider voici quelques banques d’images gratuites (attention aux images où il est nécessaire de citer les crédits photos, copyright droits d’auteurs !). : Freepik, Pexels, Unsplah, Pixabay, canva photos etc. BANQUES D’IMAGES
Optimisez les images pour la vitesse de chargement
Les images de haute qualité peuvent être lourdes et prendre du temps à se charger, ce qui peut être frustrant pour les clients. Les grandes images tels que les fonds/arrière plans, ne doivent pas dépasser un poids de fichier de 1Mo, pour les autres formats d’images le poids maximal est de 300Ko.
Afin de réduire dans un premier temps ce poids, essayez de savoir de quelle taille doit être l’image sur votre site. Si elle est de 1200 pixels de largeur par 1200 pixels de hauteur par exemple, et que le format doit être 300×300. Importez votre image dans Canva, Paint ou encore Photoshop, puis allez dans un onglet redimensionner, ensuite cochez la case conserver les proportions ou le cadenas afin de ne pas couper ou déformer l’image. Enfin saisissez le format 300×300 pixels. Prêtez bien attention à ce que l’unité de conversion soit en pixels !
Pour aller encore plus loin dans l’optimisation, vous pouvez compresser les images pour qu’elles se chargent plus rapidement et réduire leur taille de fichier. En effet pour réduire le poids sans écraser le contenu de l’image, vous pouvez compresser celle-ci grâce à son type de fichier. De manière générale, les formats utilisés pour des images sur internet sont principalement du JPEG (ou JPG), du PNG, du WEPB ou plus rarement du SVG.
- JPEG (JPG) : Compression avec perte, adapté aux photographies, fichiers de petite taille, pas de transparence.
- PNG : Compression sans perte, adapté aux images avec transparence, fichiers de taille plus grande que JPEG.
- SVG : Format d’image vectorielle basé sur le code, permet un redimensionnement sans perte de qualité, idéal pour les graphiques, les icônes et les illustrations, mais il n’est pas adapté aux photographies réalistes.
- WebP : Format d’image développé par Google, offre une meilleure compression que JPEG et PNG pour des tailles de fichier réduites, prend en charge la transparence, mais n’est pas aussi largement pris en charge que les autres formats.
Utilisez des images qui mettent en scène le produit
Les clients veulent voir tous les détails du produit avant de l’acheter. En utilisant des images qui montrent le produit sous différents angles, vous donnez aux clients une idée plus précise de ce qu’ils peuvent attendre. Vous pouvez également ajouter des zooms sur les images pour permettre aux clients de voir les détails de près. Vous pouvez également utiliser des images à 360°ou des vidéos pour donner aux clients une meilleure idée du produit.
La mise en scène doit créer une ambiance qui met en valeur le produit. Un décor soigné et des accessoires bien choisis permettent de créer un contexte attractif et d’illustrer les bénéfices et les utilisations du produit. Elle doit également permettre La mise en scène doit permettre de montrer les détails, les textures et les finitions pour donner une idée précise de ce que le client achètera.
En suivant ces bonnes pratiques, vous pouvez rendre vos images plus efficaces sur votre site e-commerce et améliorer l’expérience d’achat de vos clients.
