Images produits e-commerce : comment les optimiser simplement ?

Photos produits e-commerce : Comment enfin les optimiser sans être un pro de l'informatique ?

" Quand j'ai lancé ma boutique de compléments alimentaires, je pensais qu'il suffisait de prendre une belle photo avec mon iPhone, de l'appeler photo-1.jpg et de la mettre en ligne. Grosse erreur. Mes pages mettaient 10 secondes à charger, et personne ne me trouvait sur Google." Si vous êtes comme ce ecommerçant et que les termes "WebP", "Balise ALT" ou "Responsive" vous donnent mal à la tête, cet article est pour vous. On va parler français, et on va régler ça une fois pour toutes.

Quand on lance une boutique en ligne, on veut surtout vendre ses produits. On ne s'attend pas à devoir devenir expert en "SEO technique". Pourtant, vos images sont le premier point de contact avec vos clients. Si elles sont mal nommées ou trop lourdes, votre boutique devient lente, et Google vous cache.

Si vous êtes perdu face au jargon technique, ce guide ecommerce est pour vous. On va faire simple, étape par étape, pour que vos images produit deviennent des alliées de vente.

Vous avez besoin d'un expert en e-commerce ? référencement, création de boutique ... ? contactez-moi

Quel est le meilleur format et la taille pour les photos de ma boutique en ligne ?

Oubliez les fichiers qui "pèsent lourd". En e-commerce, la vitesse est reine : si votre page met plus de 3 secondes à charger, le client part.

Taille d'une image produit en ecommerce

D'après mon expérience, la taille d'une image ou photo produit d'une boutique en ligne est de 800 pixel par 800 pixel ou 1024 pixel : en carré !

Recadrer ou resizer une image en ligne : https://www.iloveimg.com/resize-image

Format d'une image produit en ecommerce

Le format idéal aujourd'hui est le WebP. C’est un format moderne qui permet d'avoir une image très nette, mais beaucoup plus légère qu'un vieux JPG (images compressés) ou PNG (images non compressés) : compresser ses images produit sur : https://image.online-convert.com/fr/convertir-en-webp

Mon conseil : Ne vous embêtez pas à convertir vos images une par une sur votre ordinateur. Utilisez une extension WordPress comme Imagify ou ShortPixel. Elles convertissent automatiquement toutes vos photos en WebP dès que vous les importez dans WooCommerce. C'est le moyen le plus simple de gagner en vitesse.

Pourquoi est-il vital d'alléger le poids de mes images pour ma boutique en ligne ?

On pourrait penser qu'une image un peu lourde n'est pas un drame, mais sur le web, le poids c'est de l'argent. Chaque kilo-octet supplémentaire est un frein à vos ventes et au référencement naturel de votre site de ventes en ligne. Pourquoi ?

L'impatience des clients : Plus de la moitié des visiteurs quittent un site s'il met plus de 3 secondes à charger. Si vos photos de compléments alimentaires pèsent 2 Mo chacune, votre page va ramer, et votre client ira acheter ailleurs en un clic.
Le "châtiment" de Google : Google veut offrir la meilleure expérience possible. S'il détecte que votre site est lourd et lent, il vous fera descendre dans les résultats de recherche. Une boutique rapide, surtout sur mobile ! est une boutique mieux positionné en référencement.
Le confort sur mobile : Beaucoup de vos clients consultent votre site en 4G ou 5G, parfois avec une mauvaise connexion. Des images légères (idéalement sous la barre des 100 ko) garantissent une navigation fluide, même au fond d'un jardin ou dans le métro.

En résumé, optimiser le poids, ce n'est pas juste un détail technique : c'est s'assurer que le client reste sur votre site jusqu'au bouton "Ajouter au panier".

Comment nommer mes fichiers image pour qu'ils soient trouvés sur Google ?

Google ne "voit" pas votre photo, il la "lit". Si votre fichier s'appelle IMG_5422.jpg, Google ne sait pas de quoi il s'agit.

La règle d'or : Avant d'importer votre photo, renommez-la sur votre ordinateur. Utilisez des mots simples, en minuscules, séparés par des tirets.
Exemple concret : Au lieu de photo123.jpg, nommez votre image synercol-curcuma-phytosud.webp.

En faisant cela, vous dites clairement à Google : "Ceci est du Synercol, c'est du curcuma, et c'est sur le site Phytosud". C'est tout ce dont il a besoin pour vous référencer correctement.

Voici pourquoi vous devriez rester aux minuscules :

1. Pour le nom du fichier (Ex: `image.jpg`) : JAMAIS de capitales

C'est la règle d'or en informatique et en SEO. Les serveurs web (souvent sous Linux) font la différence entre une majuscule et une minuscule.

Le risque d'erreur 404 : Si votre image s'appelle PHOTO.JPG et que votre code cherche photo.jpg, l'image ne s'affichera pas.
La propreté de l'URL : Les majuscules dans les URLs sont considérées comme une mauvaise pratique. Elles rendent les liens plus difficiles à lire et à copier.
La norme : Tout en minuscules, avec des tirets du milieu (-) pour séparer les mots. Jamais d'espaces, jamais d'accents.

2. Pour la balise ALT : Évitez les capitales "criardes"

La balise ALT est un texte descriptif. Elle doit suivre les règles de la grammaire française.

La bonne pratique : Écrivez normalement (Majuscule en début de phrase et pour les noms propres).
- Exemple : Complément alimentaire Synercol au curcuma.
À éviter : COMPLÉMENT ALIMENTAIRE CURCUMA.
- Pourquoi ? Les lecteurs d'écran pour malvoyants lisent parfois les mots en majuscules lettre par lettre (C-O-M-P-L-E-M-E-N-T...). C'est insupportable pour l'utilisateur. De plus, Google pourrait interpréter cela comme du "spam" ou un contenu sur-optimisé.

À quoi sert vraiment la balise ALT (et pourquoi ne pas l'oublier) ?

La balise ALT (Alternative Text) est une petite case à remplir dans votre médiathèque WooCommerce. C'est indispensable pour deux raisons :

Accessibilité : Elle permet aux lecteurs d'écran d'expliquer l'image aux personnes malvoyantes.
SEO : C'est là que vous placez vos mots-clés de façon naturelle.

Comment la remplir sans faire de "bourrage" ? Imaginez que vous décrivez le produit à un ami au téléphone.

Exemple : Flacon de complément alimentaire Synercol au curcuma pour le confort articulaire.

Faut-il remplir la balise "Titre" ? Non. Honnêtement, elle ne sert pas au SEO. Concentrez-vous uniquement sur la balise ALT, c'est elle qui fait tout le travail !

Comment s'assurer que mes images sont bien "responsives" dans Divi ?

Aujourd'hui, une grande partie de vos clients achète depuis leur smartphone. Si vos images sont trop grandes pour un écran de téléphone, votre site va ramer.

Si vous utilisez Divi, la bonne nouvelle est que la fonction "responsive" est intégrée.

Allez dans Divi > Options du thème.
Dans l'onglet Général, vérifiez que l'option "Responsive Images" est bien cochée.
Grâce à cela, WordPress servira automatiquement une image adaptée à la taille de l'écran (petite pour un mobile, grande pour un ordinateur). Vous n'avez rien d'autre à faire !

En résumé : la checklist rapide du e-commerçant

Pour garder votre boutique au top, suivez ces 4 étapes à chaque nouveau produit :

Renommer : Utilisez des mots-clés et des tirets (ex: produit-ingredient.webp).
Compresser : Laissez une extension comme Imagify transformer vos images en WebP.
Décrire : Remplissez la balise ALT en décrivant le produit naturellement.
Vérifier : Assurez-vous que l'option "Responsive" est activée dans les réglages Divi.