Guide SEO image et performance mobile
Comment optimiser les images de votre site pour Google ?
Une image utile doit être pertinente pour la page, rapide à charger, correctement dimensionnée et accompagnée d’un texte alternatif qui décrit son rôle lorsque cela est nécessaire.
L’optimisation commence par le choix d’une image réellement utile. La compression ne corrige pas un visuel décoratif ou sans rapport avec le contenu.
Concilier qualité et légèreté
Les images renforcent la compréhension et la confiance, mais elles peuvent ralentir fortement une page lorsqu’elles sont trop lourdes ou chargées dans une taille inutilement grande.
Les fondations d’une image utile
Préparez chaque visuel pour son contexte réel.
Le fichier, les dimensions, le format, le texte alternatif et la page qui l’accueille doivent former un ensemble cohérent.
Choisir une image pertinente
Utilisez un visuel qui aide à comprendre le service, le résultat, l’entreprise ou l’exemple présenté.
Voir des usages concretsAdapter les dimensions
Évitez de charger une image immense lorsqu’elle sera affichée dans un espace beaucoup plus petit.
Améliorer la vitesse mobileRédiger un texte alternatif utile
Décrivez l’information portée par l’image sans ajouter une longue liste de mots-clés.
Renforcer l’accessibilité du siteUtiliser un format moderne
Privilégiez un format adapté au web et une compression qui conserve une qualité visuelle suffisante.
Comprendre la qualité techniquePlacez l’image près du contenu correspondant
Une photo de réalisation ou une illustration doit apparaître dans la section qu’elle aide à expliquer, plutôt qu’être isolée sans contexte.
Gardez des fichiers accessibles
L’image doit être chargée depuis une adresse stable et ne pas être bloquée aux moteurs de recherche si vous souhaitez qu’elle puisse être découverte.
Déclarez les dimensions
Préciser la largeur et la hauteur aide le navigateur à réserver l’espace avant le chargement et limite les déplacements visuels.
- Un visuel directement lié au sujet de la page.
- Un nom de fichier lisible et durable.
- Des dimensions adaptées à l’affichage réel.
- Un texte alternatif descriptif lorsque l’image apporte une information.
- Un chargement différé pour les images situées plus bas dans la page.
Méthode avant publication
Préparez le fichier avant de l’ajouter au site.
Une vérification rapide évite les images trop lourdes, les noms incompréhensibles et les textes alternatifs oubliés.
-
01
Choisir le bon visuel
Vérifiez qu’il apporte une preuve, une explication ou une ambiance réellement liée à la page.
-
02
Recadrer aux bonnes proportions
Préparez une version adaptée à l’espace prévu afin d’éviter un recadrage imprévisible.
-
03
Compresser et convertir
Réduisez le poids du fichier en conservant une qualité adaptée aux écrans modernes.
-
04
Ajouter les informations utiles
Renseignez un nom de fichier clair, les dimensions et un texte alternatif approprié.
Vérifier une image avant la mise en ligne
Trois signes qu’un visuel est prêt pour le web.
L’image doit rester nette, légère et compréhensible dans le contexte où elle sera affichée.
Pour aller plus loin
Poursuivez l’optimisation au-delà du poids des images.
Complétez l’optimisation visuelle par la vitesse mobile, les textes alternatifs et la cohérence des pages.
Questions fréquentes
Optimiser les images sans perdre leur qualité.
Le bon équilibre dépend de l’espace d’affichage, du type de visuel et de la connexion mobile.
Voir tous les guides SEOQuel format utiliser pour les images du site ?
WebP convient souvent aux photos et illustrations web. Le choix dépend toutefois de la transparence, de l’animation et de la compatibilité souhaitée.
Toutes les images ont-elles besoin d’un texte alternatif ?
Les images informatives doivent être décrites. Une image purement décorative peut utiliser un texte alternatif vide afin de ne pas ajouter d’information inutile.
Le nom du fichier influence-t-il la compréhension ?
Un nom lisible facilite l’organisation et peut donner un contexte supplémentaire, mais il ne remplace pas une page claire ni un texte alternatif pertinent.
Faut-il charger toutes les images immédiatement ?
L’image principale visible dès l’ouverture doit être prioritaire. Les visuels plus bas peuvent généralement être chargés au fur et à mesure du défilement.
Une grande image est-elle toujours plus nette ?
Pas nécessairement. Une image adaptée à la densité de l’écran et correctement compressée peut rester nette sans utiliser un fichier excessivement lourd.