Comment optimiser ses images pour Google Image Search ?

Google Image Search représente une source de trafic souvent négligée. Des images bien optimisées apparaissent en résultats d'images, en Google Discover et sont utilisées par les LLMs pour enrichir leurs réponses visuelles. Sandro, cofondateur de l'agence Webflow Gemeos, vous donne les bonnes pratiques à appliquer.

1. Nommez vos fichiers de manière descriptive

Avant d'uploader une image dans Webflow, renommez le fichier. Le nom du fichier est un signal SEO direct pour Google Image Search.

• Mauvais : IMG_4821.jpg, photo1.png, unnamed.webp
• Bon : agence-webflow-dubai-gemeos.webp, refonte-site-saas-avant-apres.jpg

Utilisez des tirets comme séparateurs (pas d'underscores ni d'espaces). Incluez votre mot-clé principal et un descripteur contextuel.

2. Renseignez systématiquement les balises alt

Dans Webflow, cliquez sur une image dans le Designer. Le champ "Alt Text" apparaît dans le panneau droit. Renseignez une description précise et naturelle de l'image, en y intégrant un mot-clé pertinent sans sur-optimisation.

• Mauvais alt : "image", "photo", "illustration"
• Bon alt : "Dashboard analytics d'une application SaaS construite sur Webflow"

3. Choisissez le bon format et compressez

Webflow supporte le WebP nativement. Privilégiez ce format : il offre une compression supérieure au JPEG et au PNG à qualité visuelle équivalente. Pour les images avec transparence, utilisez WebP plutôt que PNG. Visez un poids sous 150 Ko pour les images de contenu, sous 500 Ko pour les images hero pleine largeur.

4. Ajoutez des données structurées ImageObject

Pour les images importantes (photos de produits, images d'articles, visuels de case studies), ajoutez un balisage Schema.org ImageObject dans le custom code de la page concernée.

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "ImageObject",
  "contentUrl": "https://votresite.com/images/nom-image.webp",
  "name": "Description courte de l'image",
  "description": "Description plus détaillée du contenu de l'image",
  "author": {
    "@type": "Organization",
    "name": "Gemeos"
  }
}
script>

5. Vérifiez que vos images sont indexables

Assurez-vous que votre fichier robots.txt n'interdit pas l'accès aux dossiers d'images. Dans Webflow, vérifiez que les images de fond CSS importantes sont aussi disponibles en tant qu'éléments HTML (Google indexe mal les images CSS background-image).

Conclusion

L'optimisation des images pour Google Image Search prend peu de temps si elle est intégrée dans le workflow d'upload. Faites-en une habitude systématique sur toutes les nouvelles images.

• Cas d'usage 1 : agence de design dont les visuels de réalisations peuvent remonter sur des recherches "site web [secteur]"
• Cas d'usage 2 : blog technique avec captures d'écran référençables sur des requêtes outil-spécifiques
• Cas d'usage 3 : e-commerce dont les photos produits alimentent Google Shopping et Image Search