Optimiser les images de ton site pour Google : le guide complet

Les images rendent ton site vivant : tes réalisations, ton équipe, tes produits. Mais mal préparées, elles le ralentissent et restent invisibles pour Google. Bien optimisées, elles accélèrent tes pages, te font apparaître dans Google Images et aident les moteurs, y compris les IA, à comprendre ton contenu.

1. Choisis des images qui t'appartiennent

Tes propres photos (chantiers, produits, locaux, équipe) valent bien plus que des images de banque d'images vues sur des milliers de sites. Elles prouvent ton expérience réelle, un critère important pour Google (voir le contenu IA et le SEO), et elles se distinguent dans Google Images.

2. Donne un nom de fichier descriptif

Avant de mettre l'image en ligne, renomme-la :

• À éviter : IMG_4587.jpg
• Mieux : douche-italienne-carrelage-gris-nice.jpg

Des mots en minuscules, séparés par des tirets, sans accents ni espaces.

3. Écris un texte alternatif utile

Le texte alternatif (attribut alt) décrit l'image pour les personnes malvoyantes et pour les moteurs. Décris ce qu'on voit, en contexte :

À éviter	Mieux
(vide)	« Douche à l'italienne avec carrelage gris anthracite, chantier à Nice »
« image1 »	« Paul Martin, plombier, devant son atelier »
« plombier nice plombier pas cher plombier urgence »	« Remplacement d'un chauffe-eau dans une cuisine »

Les images purement décoratives (fonds, séparateurs) peuvent garder un alt vide. L'audit Rankora compte les images sans texte alternatif, et l'Autopilote peut les rédiger sur WordPress après ta validation.

4. Allège tes images

C'est souvent le gain de vitesse le plus important d'un site :

1. Redimensionne à la taille d'affichage réelle : une image affichée sur 800 pixels de large n'a pas besoin d'en faire 4 000.
2. Compresse : les outils de compression réduisent fortement le poids sans perte visible.
3. Utilise un format moderne : WebP ou AVIF sont généralement bien plus légers que JPEG ou PNG à qualité égale.

Une image lourde en haut de page dégrade directement le LCP, l'un des Core Web Vitals.

5. Indique toujours les dimensions

Précise la largeur et la hauteur de chaque image dans le code (width et height). Le navigateur réserve ainsi la place, et la page ne « saute » pas pendant le chargement, ce qui améliore le CLS.

6. Charge en différé… sauf l'image du haut

Le chargement différé (loading="lazy") attend que l'image approche de l'écran pour la charger : idéal pour les images en bas de page. Mais ne l'applique pas à l'image principale visible dès l'arrivée, sinon elle s'affichera plus tard.

7. Place l'image près du texte qui en parle

Google utilise le texte autour de l'image, le titre de la page et la légende pour comprendre ce qu'elle montre. Une photo de chantier placée dans la section qui décrit ce chantier, avec une courte légende, est bien mieux comprise qu'une galerie isolée.

8. Soigne l'image de partage

L'image Open Graph (og:image) s'affiche quand quelqu'un partage ta page sur les réseaux sociaux ou dans une messagerie. Une image soignée, souvent au format 1 200 × 630 pixels, rend tes liens plus attractifs.

Sur WordPress, Shopify, Wix

• WordPress : remplis le champ « Texte alternatif » dans la médiathèque, et utilise une extension de compression qui convertit en WebP.
• Shopify : un champ de texte alternatif est prévu pour chaque image de produit.
• Wix, Webflow : le texte alternatif se règle dans les paramètres de chaque image.

Questions fréquentes

Le texte alternatif aide-t-il vraiment le référencement ?

Oui, surtout pour Google Images, et il est indispensable pour l'accessibilité. Il aide aussi les moteurs à comprendre le contenu de la page.

Quel poids viser pour une image ?

Il n'y a pas de règle unique, mais pour une photo de contenu, viser quelques centaines de kilo-octets au maximum est un bon repère. Teste ta page avec PageSpeed Insights.

Faut-il un sitemap d'images ?

Ce n'est pas obligatoire. Il peut aider Google à découvrir des images qu'il ne trouverait pas autrement, par exemple chargées par JavaScript.