Ceci est un guide sur la façon de créer les meilleures images de produits WooCommerce pour votre boutique afin que vous puissiez vendre plus.
Les clients reçoivent beaucoup de sous-texte de la communication visuelle de votre site. Vos images de produits en disent long au client sur le produit et constituent une partie importante de la conception de la page produit.
La façon dont vous affichez vos images de produits est très importante car c'est la seule façon pour les clients de digérer à quoi cela ressemble. Cela peut changer leur façon de penser en un instant.
C'est pourquoi il est essentiel d'avoir des images de produits WooCommerce de haute qualité sur vos pages produits, vos archives de catégories et vos archives de boutique.
3 étapes pour des images de produits WooCommerce incroyables
Il y a trois étapes que vous devez suivre si vous voulez fournir les meilleures images de produits absolues à vos clients sur votre boutique WooCommerce.
- Haute qualité d'image dans les bonnes dimensions
- Afficher différents points de vue
- Optimisation de la vitesse de chargement
En maîtrisant ces trois aspects de vos images de produits, votre site sera meilleur que 90% des autres boutiques, offrant à vos clients une expérience supérieure dans votre boutique.
1. Haute qualité d'image dans les bonnes dimensions
Vos images de produits sont-elles granuleuses, floues ou décolorées ? Sont-elles difficiles à voir ? L'éclairage est-il mauvais ?
Toutes ces choses affectent l'impression initiale du produit, il est donc important que vos images de produits WooCommerce aient la bonne résolution et soient de haute qualité.
Quelle taille doivent avoir les images de produits ?
La résolution minimale que vous devriez utiliser pour vos images de produits WooCommerce est de 800px x 800px. Nous vous recommandons cependant de viser plus haut, car plus la qualité de vos images est élevée, mieux elles seront perçues.
Que vous le vouliez ou non, la qualité de l'image du produit est un grand reflet de la qualité du produit lui-même dans l'esprit du client.
Voici quelques conseils pour améliorer la qualité de vos images de produits :
Utiliser une boîte à lumière photo
Une boîte à lumière photo est une boîte spéciale souvent faite de matériau blanc non réfléchissant et fournit un fond blanc neutre et ininterrompu pour vos images de produits.
Elle est éclairée de l'intérieur par des LED blanches ultra-lumineuses (ou d'autres lumières comparables) qui annulent les ombres projetées par d'autres sources lumineuses.
Ces deux choses combinées signifient que vous pouvez obtenir une photographie de qualité professionnelle de votre produit sans utiliser d'appareils photo ou d'éclairages coûteux.
Si vous avez un budget limité (et même si ce n'est pas le cas), c'est vraiment le meilleur moyen d'obtenir des photos de vos produits de manière cohérente.
Alors, combien coûte une cabine photo ?
Nous avons acheté des boîtes à lumière photo sur Aliexpress, eBay ou Amazon pour environ 70-100 USD.
Ajuster les niveaux de vos photos
Si vous avez accès à Photoshop (ou Lightroom ou un programme similaire), vous devriez pouvoir ouvrir votre photographie et ajuster ce qu'on appelle les niveaux de la photo.
Les niveaux vous permettent de régler le point noir, le point blanc et les tons moyens de votre image, ce qui signifie que vous pouvez faire des choses comme ajouter du contraste, améliorer la saturation, éliminer les données d'image excessives. Ceci est fait en manipulant l'histogramme de l'image.
Cela peut vous sembler du chinois si vous n’êtes pas familier avec ces termes, mais si vous avez quelques compétences de base en Photoshop, regardez la vidéo suivante pour une explication fantastique par Ed de Photos In Color.
Si vous n’avez pas accès à une suite d’édition d’images sophistiquée comme Photoshop, vous pouvez réaliser une activité similaire dans l’excellent éditeur d’images en ligne Pixlr. Regardez la vidéo quand même et vous comprendrez mieux ce que vous manipulez réellement.
2. Afficher différents points de vue
Les images de votre produit peuvent avoir un impact énorme sur la décision de vos clients d’acheter ou non.
C’est pourquoi il est important de montrer différents points de vue du produit afin que les clients qui, autrement, ne pourraient pas prendre l’article en main et l’examiner comme ils le feraient en magasin puissent avoir une vue d’ensemble (autant que possible) de ce qu’ils achètent.
C’est encore plus important pour les articles qui n’auraient traditionnellement été vendus qu’en personne en raison de la nécessité de les inspecter visuellement, tels que les vêtements et les chaussures, ainsi que les produits périssables (nourriture, fleurs, etc.).
Comment changer l’image d’un produit dans WooCommerce ?
Vous pouvez ajouter des images de produits WooCommerce supplémentaires à vos produits en les téléchargeant sur la page d’édition du produit.
Si vous gérez un grand catalogue, vous pouvez également télécharger toute une collection et les importer via CSV en utilisant la fonctionnalité d’importation de produits CSV intégrée à WooCommerce.
Il vous suffit de les télécharger d’abord sur une URL accessible publiquement. Un excellent choix est d’utiliser Dropbox et de récupérer l’URL publique du fichier image pour l’entrer dans votre CSV.
Dans les versions ultérieures de WooCommerce, ils ont introduit un zoom natif au survol, ce qui est un excellent ajout, surtout si vous prenez des images en haute définition, car cela aidera vos clients à voir les détails les plus fins du produit.
Vous pouvez également envisager d’utiliser un plugin de visualisation à 360º qui vous permettra de télécharger un certain nombre d’images qui construiront une vue 3D du produit.
3. Optimisation de la vitesse de chargement
La dernière partie pour avoir les meilleures images de produits WooCommerce pour votre boutique est de vous concentrer sur l’optimisation des images afin de réduire la vitesse de chargement.
À l’heure actuelle, il existe une multitude de vitesses de connexion et d’appareils différents, de sorte que la diffusion d’images optimisées est devenue plus importante que jamais.
Quelle est la meilleure taille pour les images de produits WooCommerce ?
Bien que vous ne vouliez pas descendre en dessous de la résolution d’image de 800 px x 800 px, vous ne voulez pas non plus aller dans l’autre sens et télécharger des images trop volumineuses qui ralentiront les navigateurs Web des gens.
De plus, les images de faible résolution ou de mauvaise taille peuvent nuire à la réputation de votre site Web. C’est pourquoi il est important d'optimiser les images du site Web.
Optimisation des fichiers
Avant tout, l’optimisation des images signifie réduire la taille du fichier autant que possible tout en conservant la qualité de l’image la plus élevée possible.
Au-delà de l'optimisation de vos photos dans Photoshop (oui, vous pouvez les enregistrer à 80% de qualité et vous en sortir, et cela aidera beaucoup pour la taille du fichier), vous devrez peut-être utiliser un autre outil pour supprimer les données excessives de vos fichiers image finaux et les compresser davantage.
Pour cela, je recommande d'utiliser un plugin WordPress appelé WP Smush.it. Cet outil gratuit traite vos fichiers image, élimine les données d'image redondantes excessives (que la plupart des fichiers image contiennent), redimensionne à la bonne taille et compresse la taille finale de l'image avant de l'enregistrer à nouveau dans votre bibliothèque de médias.
D'après mon expérience, certaines personnes verront leur temps de chargement de page diminuer de 10 à 50 % en raison de la taille réduite de leurs images. Cela peut être aussi efficace.
L'autre chose que vous pouvez envisager est de servir vos actifs médias à partir d'un CDN (Content Delivery Network).
Les CDN sont optimisés pour la diffusion d'actifs statiques tels que les images. Au lieu de surcharger votre serveur avec des requêtes de fichiers image, une fois configuré, votre site demandera au navigateur de la personne de demander les fichiers image aux serveurs des CDN à la place.
Ces entreprises sont spécialement conçues pour gérer des millions de requêtes de fichiers de manière extrêmement efficace. Grâce à leur puissant réseau, vous pouvez livrer vos images de produits (et autres images utilisées sur votre site) aux utilisateurs extrêmement rapidement tout en déchargeant votre propre serveur.
Il existe un certain nombre de services CDN que vous pouvez utiliser :
- Cloudflare – À partir de 20 $/mois
- MaxCDN – À partir de 9 $/mois
- KeyCDN – À partir de 40 $/an (paiement par Go)
Les services ci-dessus sont assez facilement configurés avec un plugin de mise en cache tel que WP Super Cache.
Bien que la meilleure façon de réduire les temps de chargement soit d'éliminer les images, il est impossible d'éliminer toutes les images de votre site et souvent indésirable de le faire, surtout dans une situation de commerce électronique où avoir des images de produits claires et utiles est primordial.
Mais vous devriez envisager de compresser vos images de produits, de réduire la qualité des images lorsque cela est possible (assez pour réduire la taille du fichier mais pas assez pour être perceptible à l'œil), et de les servir de manière appropriée à partir d'un service CDN si votre trafic le justifie.
Maîtrisez vos images de produits WooCommerce – Vos clients vous remercieront
Alors, à vous de jouer. Êtes-vous prêt à maîtriser vos images de produits WooCommerce ?
Vous devrez :
- Avoir une haute qualité d'image dans les bonnes dimensions
- Afficher les images des produits sous différents angles
- Optimiser la vitesse de chargement de vos images
Créer les images de produits WooCommerce parfaites est une tâche ardue, mais une fois que vous l'aurez fait, vos clients vous remercieront pour l'effort supplémentaire car cela rendra leur décision d'achat beaucoup plus facile.
Merci, je suis en train de configurer un site Web WooCommerce et je me demandais quelle était la meilleure qualité et la meilleure taille. J'essaierai aussi Smush
Salut Angela, cela dépend de tes produits et du niveau de détail que tu souhaites afficher. Vise au moins 1000 pixels de large, car cela zoomera joliment sur la plupart des moniteurs. Pour plus de détails, tu peux aller plus grand.
Bonjour, pouvez-vous m'indiquer la taille d'image appropriée pour une boutique woocommerce ?
C'est dans l'article Rupchand, regarde le titre « Quelle taille doivent avoir les images de produits ? » ci-dessus :)
Salut Josh, merci pour cet article. Qu'en est-il des produits que les gens porteront ? Par exemple, des T-shirts. Dois-je toujours garder l'image carrée si quelqu'un se tient debout en portant le produit ? Je vends un mélange de produits numériques et physiques. Merci pour votre réponse.
Pour les chemises, jetez un coup d'œil à ce que font les plus grandes boutiques de t-shirts comme teespring (qui montrent juste le torse avec la tête coupée) et threadless (qui suppriment la tête). La plupart des magasins de vêtements zoomeront sur l'article qui vous intéresse. J'espère que cela vous donnera quelques idées !
Merci pour l'information
De rien Viko !