SEO des images : 9 éléments clés pour optimiser vos visuels

1. Considérations générales pour le SEO des images

Nous mettons souvent tous nos efforts dans le positionnement de nos URL à valeur SEO dans les SERPs. Cependant, comme nous l'avons mentionné précédemment, optimiser les images est important pour mieux se positionner dans les résultats de recherche Google Images et augmenter nos possibilités d'attirer du trafic organique grâce à elles.

Les bots Google ne peuvent pas « lire » les images. Ils sont conçus pour lire le code sur un site Web, pas sur une animation ou une image particulière. Pour cette raison, nous devons leur fournir cette information en suivant un ensemble simple de directives SEO. Cela déterminera si les bots peuvent interpréter les informations que nous essayons de montrer, évaluer les images et mieux les positionner dans la section Google Images.

2. Taille et poids de l'image

Deux des principaux facteurs à considérer lors de l'optimisation des images sont leur poids et leur taille.

Poids :

Utiliser des images lourdes sur votre site Web peut augmenter le temps de chargement de l'URL où elles sont implémentées, et donc, du site entier. Le temps de chargement est l'un des facteurs qui affectent le classement organique sur ordinateur et mobile, rendant l'optimisation des images essentielle.

Outils pour réduire le poids des images :

Il existe de nombreux outils que nous pouvons utiliser pour réduire le poids des images. Même si nous n'avons pas de logiciel professionnel d'édition d'images comme Photoshop ou Illustrator, nous pouvons utiliser des plateformes en ligne comme :

• ›

  ImageOptim ou TinyJPG, qui réduisent le poids de l'image sans affecter la qualité.

• ›

  Website Speed Test Image Analysis Tool permet de télécharger facilement de nouveaux formats d'image.

Taille :

De plus, il est également important d'implémenter plusieurs tailles d'image pour chaque site afin d'afficher la plus appropriée selon l'appareil sur lequel elle est visualisée. Même s'il existe des plugins qui adaptent la taille de l'image, cette option peut ne pas être la meilleure en pratique. La raison est que, par exemple, une image de 1000px peut être redimensionnée à 400px, réduisant sa taille visuelle, mais l'image sera toujours aussi lourde qu'une image de 1000px, affectant les performances et la vitesse de votre site Web.

Outils :

Le facteur le plus important lors du choix des images est de connaître la plateforme sur laquelle nous allons travailler. Si nous travaillons sur WordPress, par exemple, nous pouvons utiliser SmushIt, un plugin qui permet de définir une largeur et une hauteur maximales pour nos images avant de les redimensionner, compresser et télécharger sur le serveur.

Si, au contraire, nous travaillons avec une plateforme avec notre propre code, nous devons créer un processus manuel ou automatique qui permet d'optimiser les images avant de les télécharger sur le serveur.

3. Format d'image SEO-friendly

Actuellement, la manière la plus optimale d'enregistrer des images Web est d'utiliser l'un des quatre formats suivants :

• ›

  WebP : Il peut réduire le poids original d'une image de 25 à 35 %. C'est l'un des formats les plus recommandés du moment ; bien que certaines versions de navigateurs ne puissent pas encore les lire, c'est l'un des formats qui permet la plus grande compression sans affecter la qualité de l'image.

• ›

  PNG : C'est le meilleur choix pour les images avec peu de couleurs et des arrière-plans transparents. Il est largement utilisé dans les logos.

• ›

  JPG : Le format qui devrait être utilisé pour les photographies et les images en général. Un peu de qualité est perdue lors de leur compression, mais les couleurs et les tons restent les mêmes.

• ›

  GIF : Utilisé dans les animations et les images en mouvement.

Recommandations :

• ›

  Utilisez toujours le format d'image le plus approprié en termes de poids et de compatibilité.

• ›

  Compressez toujours les images, soit manuellement, soit via un outil de traitement automatique.

• ›

  Si le site Web contient plusieurs icônes, regroupez-les en une seule image via les CSS Sprites afin de réduire le nombre de requêtes au serveur et d'améliorer les performances de votre site Web.

4. Champs SEO de l'image

Chaque image est accompagnée d'un ensemble de champs associés pour fournir aux robots des moteurs de recherche (et aux utilisateurs, bien sûr) une meilleure accessibilité.

Nom de l'image

Le nom de l'image fait référence au nom du fichier. C'est le titre de l'image, qui utilise des tirets et des soulignements entre les mots. Il est recommandé d'inclure le mot-clé pour lequel nous voulons mieux positionner notre image, en évitant les caractères inhabituels (tels que « ñ », « ? » ou les lettres accentuées, « á », etc.)

Il est également conseillé d'omettre les prépositions ou autres caractères non essentiels dans le nom de l'image pour raccourcir l'URL et la rendre aussi SEO-friendly que possible.

Titre

C'est le texte qui apparaît lorsqu'on place le curseur sur l'image. Nous recommandons de le remplir pour ajouter un titre sémantique à l'image, incluant le mot-clé que nous voulons mieux positionner.

Cela peut être identique au texte alt, bien que réécrire cet attribut avec de légères modifications ne prenne pas longtemps.

Attribut « Alt »

C'est l'élément le plus important, car c'est celui que Google lit. Il doit contenir le mot-clé principal pour lequel nous voulons mieux positionner notre URL et il est censé contenir de courtes descriptions.

Sa syntaxe est la suivante :

<img src="LIEN DE L'IMAGE" alt="DESCRIPTION ALT DE L'IMAGE" />

Exemple d'une image optimisée :

Voyons comment chaque champ pourrait être optimisé pour cette image en fonction du mot-clé cible « ciberseguridad pymes », dont la moyenne mensuelle de recherches est de 90 (en Espagne) :

Nom du fichier :

• ›

  Faux : 04745892595295.jpg

• ›

  Correct : ciberseguridad-pymes.jpg

Titre : Consejos de ciberseguridad para empresarios y pymes. (Conseils en cybersécurité pour entreprises et petites entreprises.)

Texte alt : Ciberseguridad para pymes y empresarios: consejos. (Cybersécurité pour petites entreprises et entrepreneurs : conseils.)

De cette façon, nous optimiserons tous les champs et obtiendrons une image prête à se battre pour les premières positions. Bien sûr, optimiser les images ne garantit pas qu'elles apparaîtront en premier, mais c'est un premier pas pour y parvenir :)

5. Contexte sémantique

Google considère que les images les plus pertinentes sont celles qui s'inscrivent dans la ligne du contenu qui les entoure. Par conséquent, il est recommandé d'inclure du texte associé. De cette façon, nous étendrons le contexte sémantique total de l'URL.

6. Sitemap spécifique aux images

Pour aider les bots Google à mieux suivre nos images, il est nécessaire de créer un sitemap.xml exclusif avec ce type de fichier. Sur WordPress, il peut être créé automatiquement avec des outils (plugins) tels que Yoast ou RankMath. Si vous ne travaillez pas sur WordPress, vous pouvez utiliser des outils alternatifs ou des outils de programmation manuelle (suivi d'URL).

Ensuite, vous verrez un exemple de sitemap avec deux images dans l'article :

<?xml version="1.0" encoding="UTF-8"?> <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:image="http://www.google.com/schemas/sitemap-image/1.1"> <url> <loc>http://example.com/sample.html&lt;/loc> <image:image> <image:loc>http://example.com/image.jpg&lt;/image:loc> </image:image> <image:image> <image:loc>http://example.com/photo.jpg&lt;/image:loc> </image:image> </url> </urlset>

Certaines des balises les plus couramment utilisées lors de la création d'un sitemap d'images sont :

→ Titre de l'image

→ L'URL ou le chemin où le fichier est enregistré

→ La légende

→ Type de licence

→ Informations de géolocalisation

• ›Documentation : Une grande quantité d'informations peut être trouvée sur le blog de Google sur les sitemaps d'images avec des exemples, des tutoriels d'implémentation et plus encore.

Après avoir terminé l'implémentation, nous pourrons vérifier l'état de couverture d'indexation sur Search Console.

7. Lazy Loading d'images (chargement à la demande)

Les images sont parmi les ressources les plus utilisées sur les sites Web, car « une image vaut mille mots », dit-on. C'est pourquoi l'aspect visuel de chaque site Web est soigneusement développé en utilisant ces éléments multimédias. Cependant, ne pas les optimiser peut avoir un impact négatif sur l'expérience utilisateur et le temps de chargement du site Web. Pour cette raison, le lazy loading est conseillé.

Grâce au lazy loading, les images ne sont chargées que lorsqu'elles apparaissent à l'écran. Par exemple, si elles se trouvent dans une partie inférieure de la page qui n'est pas encore visible sur l'écran d'un appareil, celles-ci ne seront pas chargées tant que l'utilisateur n'aura pas fait défiler vers le bas. Cela diminue grandement le nombre de requêtes HTTPS et réduit les temps de chargement, rendant votre page plus appréciable pour Google.

Plugins pour implémenter le Lazy loading sur WordPress

Si vous gérez des sites Web sur cette plateforme logicielle, il existe un ensemble de plugins qui attireront votre attention si vous souhaitez optimiser les images en implémentant le lazy loading. N'oubliez pas de vérifier si le thème installé inclut cette fonction. Sinon, en voici quelques-uns intéressants :

• ›

  BJ Lazy Load : facile à installer et à configurer, c'est l'un des outils les plus populaires, avec plus de 90 000 installations. Grâce à ce complément, vous pouvez redimensionner les images pour les adapter aux différentes tailles d'écran.

• ›

  Lazy Load by WP Rocket : simple et facile à configurer (essentiellement parce qu'il ne fournit pas d'options différentes), l'avantage de ce plugin est qu'il n'utilise pas de bibliothèque JavaScript comme jQuery.

8. Utilisation d'un CDN pour les images

Un CDN (Content Delivery Network) est un ensemble de serveurs répartis dans le monde entier qui facilitent le contenu d'un site Web mis en cache en fonction de l'emplacement du demandeur. Grâce à ce réseau d'hébergement, le serveur le plus proche du demandeur fournira une copie du site Web demandé.

Par conséquent, l'utilisation d'un CDN aide à faire télécharger nos URL plus rapidement, réduisant les temps de chargement de notre site et favorisant son classement organique.

Si nous utilisons un CDN (par exemple, Cloudflare) pour afficher des images, celles-ci seront téléchargées et affichées plus rapidement. Ce flux simple améliorera directement notre SEO.

9. Autres considérations

Les images à valeur SEO, c'est-à-dire celles que nous voulons mieux positionner, doivent être incluses dans le code source de l'URL. Celles implémentées comme propriété de fond en CSS ne seront pas visibles pour Google, car il ne peut pas comprendre ce type de feuilles de style.

De plus, il existe d'autres détails incontournables à garder à l'esprit lors de l'optimisation de nos images :

• ›

  Exif : Avec chaque image, un ensemble d'attributs est enregistré, comme la date à laquelle la photo a été prise et d'autres données pertinentes pour les professionnels dans ce domaine. Cependant, cette information n'a pas de valeur SEO et ne fait que prendre de la place. Supprimer cette information peut aider à optimiser les images et les rendre moins lourdes.

• ›

  « longdesc » : Cet attribut est généralement oublié, mais il peut être intéressant à implémenter dans nos images. Il s'agit d'une longue description de l'image.

• ›

  Liens : Le link building joue un rôle fondamental dans la croissance organique de nos pages, mais aussi de nos images. Celles-ci peuvent également être liées et, par conséquent, atteindre une plus grande reconnaissance dans les moteurs de recherche.

Avons-nous oublié des conseils essentiels ? Nous adorerions vous écouter. Laissez un commentaire ci-dessous et n'hésitez pas à partager vos connaissances !