Sommaire
L’image est la première chose qu’évalue l’acheteur, et souvent la raison principale d’acheter ou de partir. Mais les images haute résolution issues d’un appareil photo ou d’un logiciel de création peuvent peser plusieurs mégaoctets chacune et ralentir fortement les pages, surtout sur réseau mobile.
Pourquoi la vitesse compte-t-elle ?
Chaque seconde de chargement supplémentaire augmente le risque de départ du visiteur, et Google intègre les Core Web Vitals à son classement, notamment la vitesse d’affichage du plus grand élément de la page, souvent la photo principale du produit.
1. Choisissez les bonnes dimensions
N’envoyez pas une image de 5 000 pixels de large affichée sur 1 000 pixels. La plupart des boutiques ont besoin d’images principales entre 1 000 et 2 000 pixels pour le zoom, et plus petites pour les vignettes. Vérifiez les dimensions recommandées par votre plateforme.
2. Choisissez le bon format
- JPG : adapté aux photos et compatible partout.
- PNG : pour les fonds transparents, graphismes et textes, mais plus lourd pour les photos.
- WebP : format moderne beaucoup plus léger à qualité égale, pris en charge par les navigateurs récents.
3. Compressez avant l’envoi
Une qualité de 70 à 85 % réduit fortement le poids avec une différence rarement visible. Compressez un lot d’images, redimensionnez-les et convertissez-les en WebP avec notre outil de compression d’images, qui fonctionne dans votre navigateur sans envoyer vos images.
4. Nommez vos fichiers de façon descriptive
Un nom comme IMG_4521.jpg ne dit rien aux moteurs de recherche. Utilisez des noms descriptifs comme coloriage-animaux-enfants.jpg pour apparaître dans la recherche d’images.
5. Rédigez un texte alternatif pour chaque image
Le texte alternatif (alt) décrit l’image aux moteurs de recherche et aux lecteurs d’écran des personnes malvoyantes. Écrivez une description courte et précise, par exemple « coloriage d’un lion de dessin animé pour enfants ».
6. Activez le chargement différé
Les images en bas de page n’ont pas besoin d’être chargées immédiatement. Le chargement différé les retarde jusqu’à ce que le visiteur s’en approche : la page s’affiche plus vite.
Les images des produits numériques
Si vous vendez des fichiers imprimables, montrez des mises en situation du produit imprimé et utilisé, ainsi que des aperçus des pages intérieures. Compressez bien ces images : le client doit voir les détails, pas télécharger des fichiers énormes, et un léger filigrane protège vos créations.
En résumé
L’image idéale est claire, attractive et légère à la fois. Réglez les dimensions, choisissez le bon format, compressez avant l’envoi et ajoutez des noms et textes alternatifs descriptifs. Ces gestes simples améliorent à la fois l’expérience client et le référencement de votre boutique.
