Ouvre n'importe quelle page de ton site et regarde ce qui pèse le plus lourd : dans la grande majorité des cas, ce sont les images. Une photo sortie directement de ton téléphone fait facilement 4 Mo. Multiplie par cinq photos sur une page, et ton visiteur sur cellulaire attend, puis s'en va. Google le remarque, et tes positions en souffrent.
L'optimisation d'images joue sur deux tableaux à la fois : la vitesse de ton site (un facteur de classement confirmé) et ta visibilité dans Google Images, une source de trafic que la plupart des PME ignorent complètement. Voici comment faire les choses correctement, sans logiciel compliqué.
Le bon format pour chaque usage
Tous les formats d'image ne servent pas la même chose, et le mauvais choix peut doubler ou tripler le poids d'un fichier.
JPEG reste le format des photos. Il compresse bien les dégradés et les couleurs naturelles. Par contre, il gère mal le texte et les lignes nettes, qui deviennent floues.
PNG sert quand tu as besoin de transparence ou de captures d'écran avec du texte lisible. Son défaut : des fichiers lourds dès que l'image est grande.
WebP est le format à privilégier aujourd'hui. Développé par Google, il produit des fichiers 25 à 35 % plus légers que le JPEG à qualité comparable, gère la transparence comme le PNG, et tous les navigateurs récents le supportent. Si ton CMS te permet de convertir en WebP (WordPress le fait via des plugins comme Imagify ou ShortPixel), fais-le.
SVG est réservé aux logos et aux icônes. C'est un format vectoriel : il reste net à n'importe quelle taille et pèse quelques kilooctets.
Redimensionner avant de téléverser
Erreur classique : téléverser une photo de 5000 pixels de large pour l'afficher dans une colonne de 800 pixels. Le navigateur télécharge le fichier complet, puis le rétrécit. Tout ce poids pour rien.
La règle : redimensionne ton image à la taille maximale à laquelle elle sera affichée, ou légèrement au-dessus pour les écrans haute résolution (le double suffit). Pour un article de blogue, 1200 à 1600 pixels de large couvrent presque tous les besoins. Un outil gratuit comme Squoosh (squoosh.app, fait par Google) permet de redimensionner et compresser en même temps, directement dans ton navigateur.
Côté compression, vise sous les 200 Ko pour une image d'article standard. La perte de qualité d'une bonne compression est invisible à l'œil, mais la différence de chargement, elle, se mesure.
Le texte alt : écris pour quelqu'un qui ne voit pas l'image
Le texte alternatif (attribut alt) a deux fonctions : il décrit l'image aux personnes qui utilisent un lecteur d'écran, et il dit à Google ce que l'image montre. Le test le plus simple pour bien le rédiger : décris l'image au téléphone à quelqu'un qui ne la voit pas.
Un mauvais alt : « image1 » ou « seo québec outil référencement » (du bourrage de mots-clés, Google le détecte). Un bon alt : « Tableau de bord de suivi de positions avec courbe de progression sur 30 jours ». Précis, naturel, et si ton mot-clé s'y insère sans forcer, tant mieux.
Deux nuances. Les images purement décoratives (séparateurs, motifs de fond) méritent un alt vide (alt="") pour que les lecteurs d'écran les sautent. Et si l'image contient du texte important, ce texte doit apparaître dans l'alt ou dans la page, parce que Google ne lit pas de façon fiable le texte incrusté dans une image.
Des noms de fichiers qui décrivent
Avant même le alt, Google lit le nom du fichier. « IMG_4832.jpg » ne lui dit rien. « fiche-google-business-restaurant-quebec.jpg » lui donne du contexte. Prends l'habitude de renommer tes fichiers avant le téléversement : des mots séparés par des traits d'union, en minuscules, sans accents, qui décrivent le contenu.
C'est un petit geste, mais cumulé sur des dizaines d'articles, il améliore ta présence dans Google Images, où tes concurrents ne font souvent aucun effort.
Le chargement différé, ton allié gratuit
Le lazy loading (chargement différé) fait en sorte que les images situées plus bas dans la page ne se chargent que lorsque le visiteur s'en approche en défilant. Résultat : la partie visible de ta page s'affiche plus vite, ce qui améliore directement ton LCP, la métrique de Google qui mesure le temps d'affichage du contenu principal.
La bonne nouvelle : les navigateurs modernes le supportent nativement avec l'attribut loading="lazy", et la plupart des CMS récents l'appliquent automatiquement. Une exception importante : ton image principale, celle visible dès l'arrivée sur la page, ne doit PAS être en lazy loading, sinon tu retardes exactement ce que tu voulais accélérer.
Où tes images te rapportent du trafic
Google Images n'est pas un gadget. Pour certaines recherches (produits, recettes, aménagements, avant/après), les gens cherchent directement en mode image. Si tu es entrepreneur paysagiste à Laval et que tes réalisations sont bien optimisées, elles peuvent sortir dans Google Images sur « aménagement cour arrière » et amener des visiteurs que le résultat texte n'aurait jamais accrochés.
Pour maximiser tes chances : l'image doit être entourée de texte pertinent (Google lit le contexte de la page), avoir un alt et un nom de fichier descriptifs, et idéalement figurer dans le sitemap de ton site. Les données structurées de type ImageObject aident aussi Google à associer l'image à ton contenu.
Vérifier que ça fonctionne
Deux outils gratuits suffisent. PageSpeed Insights te dit si tes images plombent encore ta vitesse : cherche les avertissements « Diffusez des images aux formats nouvelle génération » et « Dimensionnez correctement les images ». La Search Console, elle, te montre dans son rapport de performance le trafic qui vient de Google Images (filtre « Type de recherche : Image »).
Si tu utilises un outil d'audit SEO comme Gridar, le rapport de page signale automatiquement les images trop lourdes et les alt manquants, ce qui évite de vérifier page par page.
La routine à adopter
Pour chaque nouvelle image publiée : renomme le fichier avec des mots descriptifs, redimensionne à la taille d'affichage réelle, compresse (vise sous 200 Ko), convertis en WebP si ton site le permet, et rédige un alt qui décrit ce qu'on voit. Trente secondes par image une fois l'habitude prise.
Pour ton stock existant, procède par ordre d'impact : commence par tes pages les plus visitées et ta page d'accueil, où chaque kilooctet gagné profite au plus grand nombre de visiteurs. Pas besoin de tout reprendre en une fin de semaine : une page à la fois, en commençant par celles qui comptent.