Optimiser les images et le texte alternatif pour vos produits de beauté
Vos photos de produits beauté sont souvent les premières images que vos clients voient. Pourtant, nombreuses sont les boutiques en ligne qui négligent deux éléments cruciaux : la qualité technique de l’image et la rédaction du texte alternatif (alt text). Non seulement ces deux leviers améliorent l’expérience utilisateur et l’accessibilité, mais ils jouent aussi un rôle direct dans le classement SEO, particulièrement dans la recherche d’images Google. Ce guide vous montre comment optimiser vos images sans perdre en vitesse de chargement et comment rédiger des alt text qui parlent à la fois aux algorithmes et aux utilisateurs en situation de handicap.
Pourquoi les images importent en SEO pour la beauté
Les clients de la beauté recherchent beaucoup par image. Un utilisateur tape « fond de teint crème hydratant » ou « palette fards à paupières dorés » et attend de voir des visuels de qualité. Les moteurs de recherche prennent en compte :
- La pertinence visuelle : l’image doit correspondre à la requête et au produit décrit.
- La vitesse de chargement : une image mal optimisée ralentit la page, affectant le classement et le taux de rebond.
- L’accessibilité : le texte alternatif permet aux lecteurs d’écran de décrire l’image, améliorant l’expérience pour tous.
- Le contexte sémantique : le nom du fichier, le titre de l’image et l’alt text renforcent la compréhension du sujet par Google.
Pour les produits de beauté, ces éléments sont encore plus critiques : un rouge à lèvres doit afficher sa nuance, une crème doit montrer sa texture, et tout cela sans charger en 3 secondes.
Choisir le bon format d’image
Le format que vous choisissez impacte à la fois la qualité visuelle et le poids du fichier.
JPEG
Le format standard pour les photos produits. Il offre un bon équilibre qualité/poids, avec une compression avec perte. Pour les produits beauté, les JPEG en qualité 75–85 % restent visuellement excellents tout en restant légers.
WebP
Plus moderne, WebP offre une compression jusqu’à 35 % meilleure que JPEG pour la même qualité. Les navigateurs modernes le supportent. Idéal si vous avez une infrastructure prête à servir plusieurs formats.
PNG
À éviter pour les photos produits (trop lourd). Utile uniquement pour les graphiques ou les images avec transparence.
Recommandation pour la beauté : JPEG pour la majorité, WebP en parallèle si possible, PNG uniquement pour les icônes ou les illustrations (logo de marque, symboles « cruelty-free », etc.).
Dimensionner et compresser sans perdre en qualité
Une image de produit beauté n’a pas besoin de faire 4 000 × 3 000 pixels. Voici les bonnes pratiques :
- Image principale : 1 200 × 1 200 px environ. Assez grande pour les zooms, pas exagérée.
- Vignettes : 300 × 300 px.
- Galerie ou carrousel : 800 × 800 px.
- Compression : utilisez TinyJPG, ImageOptim (Mac) ou ImageMagick (en ligne de commande) pour réduire le poids sans dégradation visible.
Un image JPEG 1 200 × 1 200 doit peser entre 150 et 250 Ko après compression. Si c’est au-delà, c’est qu’elle ne l’est pas assez.
Nommer le fichier pour le SEO
Google lit le nom du fichier. Oubliez les noms par défaut comme « IMG_4521.jpg ». À la place :
- Soyez descriptif : « serum-vitamine-c-illuminant-30ml.jpg » plutôt que « produit-2024.jpg ».
- Utilisez des tirets, pas des underscores : Google traite les tirets comme des séparateurs de mots.
- Inclinez la marque ou la nuance si pertinent : « rouge-a-levres-dior-rouge-forever-851.jpg ».
- Restez naturel : pas de bourrage de mots-clés. « fond-de-teint-fini-matte-spf15.jpg » oui, « fond-teint-beaute-cosmetique-spf-peau » non.
Rédiger un texte alternatif qui convertit et améliore le SEO
L’alt text (attribut alt) est souvent oublié ou réduit à quelques mots. C’est une erreur. Un bon alt text doit :
Décrire ce que voit l’utilisateur
Ne rédigez pas pour Google, rédigez comme si vous le décriviez à quelqu’un qui ne peut pas voir l’image. Mettez-vous à la place d’une personne utilisant un lecteur d’écran.
Mauvais : « produit beauté »
Bon : « Crème hydratante légère en pot blanc de 50 ml, avec étiquette rose pâle et pinceau applicateur inclus »
Inclure les détails pertinents pour la conversion
Mentionnez : la catégorie produit, la marque (si c’est votre gamme propre ou une marque partenaire), la couleur/nuance, le format/volume, et parfois l’utilisation.
Exemple : « Mascara waterproof noir intense Maybelline Lash Sensational, 7 ml, avec brosse spirale »
Au lieu de : « Mascara noir »
Ne pas dépasser 125 caractères
L’alt text ne doit pas être un roman. 80–120 caractères suffisent. C’est concis et lisible pour les utilisateurs de technologies d’assistance.
Éviter la sur-optimisation
Inclure le mot-clé principal une seule fois, naturellement. Pas de répétition.
À éviter : « Palette fards beauté palette 15 couleurs palette makeup palette eyeshadow »
Contexte sémantique autour de l’image
L’image n’existe pas seule sur la page. Google analyse aussi le contexte autour :
- Le titre de l’image : un attribut title distinct de l’alt (affiché au survol). Optionnel mais utile : « Cet enlumineur offre un fini satiné et durable ».
- Le contenu environnant : le texte immédiatement avant/après l’image doit parler du produit. Ne laissez pas l’image orpheline.
- Les balises de structure : placez l’image dans une balise
<figure>avec<figcaption>si pertinent.
Schéma de données produit avec images
Si vous utilisez schema.org (recommandé), ajoutez les images dans votre JSON-LD. Google utilise ce schéma pour afficher des rich snippets.
"image": [
"https://votresite.com/images/mascara-noir-1.jpg",
"https://votresite.com/images/mascara-noir-2.jpg"
]
Vous pouvez inclure plusieurs images du même produit (différents angles).
Optimiser la vitesse avec les images
Une galerie produit beauté peut contenir 5–10 images. Si chacune pèse 300 Ko, vous chargez 3 Mo. C’est trop.
- Lazy loading : chargez les images uniquement quand l’utilisateur les voit. Utilisez
loading="lazy"en HTML5. - Responsive images : servez une résolution différente selon la taille de l’écran (mobile vs. desktop).
- CDN : hébargez vos images sur un CDN (Cloudflare, ImageKit) pour les servir rapidement, peu importe la localisation de l’utilisateur.
L’accessibilité, c’est aussi du SEO
Google valorise de plus en plus les sites accessibles. Un alt text bien rédigé :
- Aide les malvoyants à comprendre le produit (c’est un impératif éthique).
- Améliore l’expérience utilisateur sur tous les appareils.
- Renforce indirectement le classement SEO.
Les images décoratives (logos, arrière-plans) doivent avoir un alt vide (alt=""), pas un alt inutile.
Cas d’usage : la beauté en particulier
Les produits beauté posent des défis spécifiques :
Les nuances de couleur
Décrivez la nuance de manière compréhensible : « Rose corail lumineux » plutôt que « Couleur 42B ». Incluez le nom officiel du produit si possible.
Les textures
Si l’image montre clairement la texture, mentionnez-la : « Poudre libre très fine, application uniforme » ou « Crème dense et riche ».
L’emballage
Pour les produits de luxe ou premium, l’emballage fait partie du produit. Décrivez-le : « Flacon verre teinté ambré, pompe dorée ».
Avant/après
Si vous avez des images avant/après (résultats), le alt text doit le clarifier pour l’accessibilité : « Avant : peau terne et ridules ; après 4 semaines : teint éclatant et lissage visible ».
FAQ
1. Google pénalise-t-il les images sans alt text ?
Pas directement. Mais les images sans alt ne contribuent pas au SEO, et elles créent une mauvaise expérience pour les utilisateurs handicapés. Google recommande l’alt text depuis des années. C’est un facteur de classement indirect : un site plus accessible et mieux structuré classe généralement mieux.
2. Combien d’images par produit beauté ?
Entre 3 et 6. Une principale (de face, bien éclairée), une ou deux de profil, une gros plan (texture, emballage), et éventuellement une en situation (application, résultat). Au-delà, c’est du bloat.
3. Le texte alternatif doit-il inclure le prix ou la disponibilité ?
Non. L’alt text décrit ce qu’on voit. Le prix et la dispo sont dans le texte de la page. Un bon alt : « Mascara waterproof noir 7 ml ». Pas besoin de « 19,99 € », c’est du contenu, pas une image.
Résumé des bonnes pratiques
- ✓ Dimensionnez les images : 1 200 × 1 200 px minimum pour les produits.
- ✓ Compressez sans dégradation visible (150–250 Ko pour JPEG).
- ✓ Nommez les fichiers descriptifs avec tirets : « serum-vitamine-c-30ml.jpg ».
- ✓ Rédigez un alt text naturel, 80–120 caractères, accessible.
- ✓ Incluez les images dans le schéma produit (JSON-LD).
- ✓ Utilisez lazy loading et un CDN pour la vitesse.
- ✓ Testez l’accessibilité avec un lecteur d’écran ou WAVE.
L’optimisation image n’est pas un élément isolé du SEO beauté. C’est un maillon important de la chaîne : qualité, accessibilité, vitesse, et clarté sémantique. Quand tout cela fonctionne ensemble, les utilisateurs trouvent vos produits plus facilement, les achètent, et