Guide de préparation des photos pour la boutique en ligne
Découvrez comment préparer correctement les images de vos produits avant de les mettre en ligne, afin de garantir un rendu optimal et une vitesse maximale sur WooCommerce.
Une présentation professionnelle des produits exige cohérence et rapidité. Lorsque vous téléchargez des photos directement depuis votre téléphone portable ou votre appareil photo sans les retoucher, la boutique en ligne “ ralentit ”, les pages mettent du temps à se charger et les clients abandonnent leur panier. Suivez les 4 étapes simples de notre guide pour obtenir des résultats parfaits.
Proportions et dimensions correctes
Pour éviter que vos photos n'apparaissent “ coupées ” ou de tailles inégales dans les listes de produits, elles doivent toutes avoir les mêmes dimensions.
Les dimensions recommandées pour WooCommerce sont les suivantes :
- Images carrées (rapport 1:1) : 800 x 800 pixels ou 1 000 x 1 000 pixels (Le choix le plus adapté pour la plupart des boutiques en ligne).
- Images verticales (Vêtements/Mode – Rapport d'aspect 2:3) : 800 × 1 200 pixels.
[ Capture d'écran : exemple d'une disposition carrée correcte des produits dans une boutique en ligne ]
Nomenclature des fichiers pour le référencement naturel (SEO)
Google lit le nom du fichier de la photo pour comprendre ce qu'elle représente. Ne publiez jamais d'images dont le nom est du type IMG_4922.jpg.
La règle : Renommez le fichier sur votre ordinateur à l'aide de lettres latines en minuscules et tirets (-) au lieu de laisser des espaces vides, en décrivant le produit.
Exemple : kokkino-gynaikeio-forema-silk.jpg
Compression et taille du fichier (Weight)
C'est le facteur le plus déterminant. Une photo prise avec un téléphone portable moderne pèse entre 3 Mo et 6 Mo. Sur la boutique en ligne, chaque photo **ne doit pas dépasser 100 Ko à 150 Ko** !
Avant de les importer sur WordPress, utilisez des outils de compression en ligne gratuits tels que le TinyPNG ou le ILoveIMG. Il vous suffit d'y glisser vos photos : l'outil réduit leur taille jusqu'à 80% sans aucune perte de qualité, et vous pouvez les télécharger prêtes à l'emploi.
Utilisez .jpg pour toutes les photos de produits classiques. Ces fichiers sont beaucoup plus légers. Utilisez .png **uniquement** si votre photo a un fond transparent. Si vous téléchargez une simple photo avec un fond blanc au format .png, elle sera, sans raison, trois fois plus lourde que la même photo au format .jpg !
[ Capture d'écran : la page d'accueil de TinyPNG avec la zone de glisser-déposer ]
Saisie d'un texte alternatif (Alt Text) lors du téléchargement
Une fois que vous aurez importé l'image finalisée dans WooCommerce, cliquez dessus dans la “ Bibliothèque multimédia ” (Media Library). À droite de l'écran, vous verrez le champ Texte alternatif (Alt Text).
Écrivez-y une petite phrase en grec, de manière naturelle (par exemple :. Robe rouge en soie pour femme). Cela aide les personnes malvoyantes, mais permet également à Google d'afficher vos images dans les Google Images, ce qui génère davantage de fréquentation gratuite dans votre magasin.
Chez Skynetix, nous installons souvent des plugins spécifiques qui convertissent automatiquement vos images au format WebP (le nouveau format exigé par Google). Cependant, ces extensions servent de mesure de sécurité et ne peuvent pas faire de miracles si vous téléchargez une photo énorme de 10 Mo directement depuis un appareil photo professionnel. Une bonne préparation sur votre ordinateur est toujours indispensable !
[ Capture d'écran : le champ “ Texte alternatif ” (Alt Text) dans la médiathèque de WordPress ]
Rencontrez-vous des problèmes de vitesse avec votre boutique en ligne ?;
Si vous avez par le passé mis en ligne des centaines de photos non compressées et que votre site est désormais lent, vous n'avez pas besoin de les corriger une par une manuellement. Chez Skynetix, nous pouvons effectuer une Optimisation de la vitesse et refonte globale des images. Nous allons nettoyer votre base de données, compresser en masse toutes les images existantes et configurer des mécanismes de mise en cache avancés, pour vous livrer une boutique en ligne ultra-rapide !
