Pourquoi les images sont importantes en ligne ?
Comme le disait si bien Confucius, « une image vaut mille mots ». Véritable support pour appuyer un contenu en ligne, les images rendent la consultation d’une page comportant principalement du texte moins pénible. Elles permettent d’illustrer vos propos, tout en « cassant » un flux de lecture qui pourrait vite devenir ennuyeux.
Les images viennent épauler votre contenu : des photos qui montrent un produit, des graphiques qui résument un paragraphe analytique, ou d’autres visuels (logo d’une marque, emplacement d’un magasin, etc.) qui rendent votre page plus parlante.
Qu’est-ce qu’une image optimisée SEO ?
Le SEO image est un processus d’optimisation de vos images d’un point de vue recherche. Le but est de rendre vos médias plus attrayants pour les moteurs de recherche, mais également pour les internautes, afin qu’ils soient classés dans les résultats Google Images et vous offrent une nouvelle source de trafic.
Google Images a été modifié en 2018 suite à une plainte de Getty Images, obligeant Google à retirer le bouton « Voir l’image » pour mettre en avant le bouton « Voir le site », qui renvoie désormais vers la page web où le média apparaît. Depuis, de nombreux sites ont observé une hausse de leur trafic, parfois importante.
Appliquer une stratégie Image SEO est simple, rapide et peut faire la différence : meilleur CTR, sessions plus longues, meilleure ergonomie. Les images sont d’excellents leviers pour une stratégie de référencement naturel réussie.
Renommez correctement vos images
Parmi les signaux utilisés par les moteurs de recherche : le nom du fichier. Prenez le réflexe de toujours bien renommer vos images avant de les téléverser. Google recommande des noms descriptifs avec des mots-clés : préférez « nike-air-max-plus-3.jpg » plutôt qu’un nom par défaut du type « IMG0014.jpg ».
Attention : renommez pour décrire clairement, sans empiler les mots-clés (« nike-air-max-plus-3-basket-tendance-sport-homme-design.jpg »), ce qui peut être mal perçu et vous pénaliser.
Conseil : placez votre image le plus près possible du titre ou du paragraphe qu’elle illustre, afin de la lier à un contexte que Google saura interpréter.
Utilisez les attributs alt et title
L’utilisation des attributs alt et title rend votre site plus accessible (images compréhensibles par les personnes aveugles et malvoyantes) et aide Google, qui couple le texte alternatif à des algorithmes de vision par ordinateur pour mieux comprendre et classer vos images.
L’attribut alt
L’attribut alt donne un texte alternatif, une description de l’image en quelques mots. Conseil : si l’image n’a qu’un but décoratif, utilisez un attribut alt vide (alt="").
L’attribut title
L’attribut title apporte une information supplémentaire, affichée au survol de l’image. Moins important que l’alt : si vous n’avez rien à ajouter, supprimez-le. Conseil : évitez de dupliquer l’alt dans le title, c’est inutile pour le référencement.
Réduisez le poids de vos images
C’est peut-être le point le plus important : réduisez au maximum le poids de vos images. Si vous ne deviez retenir qu’un seul conseil, c’est celui-ci.
Les images sont souvent les éléments les plus lourds d’une page et les premières responsables d’un chargement lent. Chaque seconde de chargement fait fuir des visiteurs : il est primordial de gérer leur poids. La solution : compresser vos images au préalable.
La compression
Compresser réduit le poids au prix d’une légère perte de qualité (sur des détails peu perceptibles). Le but : réduire le poids au maximum tout en gardant une qualité agréable. Quelques outils utiles :
- Squoosh (gratuit, en ligne)
- Compressor (freemium, en ligne)
- reSmush.it (plugin gratuit pour WordPress)
- Image Compressor de Website Planet
Conseil : les images transparentes sont souvent en PNG, plus lourd que le JPG. Privilégiez le format WebP, qui accepte les deux et offre un excellent ratio compression/qualité. Google Images accepte BMP, GIF, JPEG, PNG, WebP et SVG : n’utilisez pas de format exotique.
WebP, le format pensé pour le web
WebP est un format créé par Google en 2010 qui réduirait le poids des images de 30 % à 80 % par rapport au JPG ou au PNG, sans dégradation visible. Il est donc judicieux de l’adopter.
Servez des images à la bonne dimension
Plus une image a de détails (résolution), plus elle pèse. Chargez des images correctement redimensionnées. Inutile de charger une icône de 1000x1000px pour l’afficher en 50x50px : redimensionnez-la en 50x50px. Du poids et du code de gagné.
Utilisez un CDN pour servir vos images
Destiné aux sites dont les visiteurs viennent du monde entier. Si votre site est hébergé en Belgique mais qu’une partie de vos visiteurs vient du Canada, le chargement peut être lent. Un CDN (réseau de serveurs répartis dans le monde) duplique vos images et sert celle du serveur le plus proche du visiteur : moins de distance, chargement plus rapide.
Créez un sitemap pour vos images
Un sitemap dédié aux images donne aux robots un plan d’accès complet de vos médias, pour une exploration plus rapide. Fastidieux à faire manuellement, mais des extensions CMS le génèrent automatiquement (par exemple RankMath pour WordPress). Attention : à ne pas confondre avec le sitemap « standard » des pages, lui essentiel.
Balisez vos images avec du Schema Markup
Bien baliser vos pages permet d’afficher un badge sur Google Images, qui incite au clic. Pour une boutique en ligne, le schéma « product » affiche une étiquette « Produits » sur Google Images. Les badges possibles aujourd’hui : recettes, vidéos, produits et images animées.