10 hacks d'optimisation d'image exploitables à essayer maintenant

Effectuez-vous des vérifications rigoureuses avant de publier un message, pour vous assurer que votre contenu est exempt de fautes de frappe ou d'erreurs grammaticales ? Bien sûr, vous le faites.

Exécutez-vous également vos images à travers une liste de contrôle ? Non?

Eh bien, tu n'es pas seul.

Alors que la plupart des blogueurs travaillent très dur pour optimiser leur contenu, le référencement des images est souvent une réflexion après coup.

Il est temps de changer cela.

Vous pouvez et devez tirer parti de la puissance des images sur votre site Web. Et comme pour tout le reste dans la vie, c'est assez facile une fois que vous savez comment.

Éléments d'action ponctuels pour l'ensemble de votre site Web

Commençons par ces 4 tâches que vous ne devez effectuer qu'une seule fois pour votre site web, afin de donner un coup de fouet à votre référencement d'image.

1. Créer un sitemap d'image

Incluez des images dans le plan du site de votre site Web, tout comme vous incluriez tous les articles et pages de votre site Web (ou du moins ceux qui doivent être indexés ou découverts par les moteurs de recherche).

Les directives de Google sur les plans de site d'images indiquent que vous pouvez choisir d'inclure vos images et vos publications dans le même plan de site ou de créer un plan de site séparé pour les images.

Cependant, si vous utilisez un CDN pour héberger vos images, elles peuvent ne pas être incluses dans le plan de site général généré pour votre site Web, car ces plans de site courants n'incluent généralement que des fichiers appartenant au même domaine. Pensez donc à créer un plan de site d'image séparé pour de tels cas.

De plus, si votre site accède à des images à l'aide de code JavaScript, Google peut ne pas être en mesure de les trouver également, à moins que vous ne les ayez répertoriées dans un sitemap.

En savoir plus sur les raisons pour lesquelles Google recommande les sitemaps avec images.

Comment créer un plan de site d'images ?

La plupart des plugins WordPress SEO tels que RankMath ou Yoast créent un sitemap qui inclut des images avec des articles et des pages (dans le même sitemap) par défaut. Vous pouvez également choisir d'exclure ou d'inclure des images en vedette, car celles-ci ont parfois tendance à être « fantaisistes » et n'ajoutent pas nécessairement de la valeur si elles sont indexées.

2. Utilisez un CDN

Utilisez un réseau de diffusion de contenu d'images pour vous aider à charger les images beaucoup plus rapidement. Fournir des images de haute qualité peut ralentir considérablement votre site Web, ce qui n'est jamais bon pour le référencement, bien sûr.

Si vous n'êtes pas sûr de ce qu'est un CDN d'image, ou un CDN aussi, voici une explication très rapide -

Qu'est-ce qu'un CDN ?

CDN est l'acronyme de Content Delivery Network. C'est littéralement cela.

Un CDN est un réseau de serveurs connectés partout dans le monde dans différents centres de données.

Lorsqu'un utilisateur visite votre site Web, le centre de données physiquement le plus proche de l'emplacement de ce visiteur diffuse votre contenu. Ce qui le rend évidemment plus rapide.

Par exemple, supposons que le contenu de votre site Web se trouve sur un serveur sur la côte ouest. Un visiteur de la côte Est atterrit sur votre site Web et parcourt votre site.

Désormais, la récupération de contenu de la côte ouest jusqu'à l'est prendra du temps et ralentira votre site Web. Au lieu de cela, si vous utilisez un CDN, votre contenu pourrait se trouver dans un centre de données à New York, ce qui accélérerait le chargement de votre site Web.

Google prend très au sérieux la vitesse du site Web et vous devriez en faire autant. L'utilisation d'un CDN peut aider à améliorer considérablement les performances de votre site Web.

Bien sûr, il y a plus que cette explication vraiment simplifiée. Si vous souhaitez en savoir plus sur les CDN, lisez notre guide CDN détaillé. Lisez ceci pour une liste des meilleures solutions CDN gratuites.

Qu'est-ce qu'un CDN d'images ?

Un CDN d'image est très similaire à un CDN ordinaire que je viens de décrire - mais il a la capacité supplémentaire de transformer une image, en modifiant sa taille, son format et sa qualité, de sorte que l'image soit optimisée pour l'appareil sur lequel elle est visualisée. .

Pour en savoir plus, Google résume les bases ici.

Voici quelques fournisseurs populaires de services Image CDN -

Optimole – Compresse, transforme, stocke et fournit des images de manière optimisée. Optimole peut facilement s'intégrer à votre site Web WordPress en utilisant son plugin WordPress qui a une note exceptionnelle sur WordPress.org. Lisez notre revue détaillée d'Optimole ici pour en savoir plus.

Quicq - Promet d'accélérer les performances de livraison de vos images. Lisez notre revue détaillée de Quicq ici.

Et il existe de nombreux autres fournisseurs CDN pour les images que vous pourriez envisager - MaxCDN, Cloudinary, Filestack, Imgix et Imagekit.

3. Activer le chargement différé

Le chargement paresseux est exactement ce à quoi cela ressemble - les images sont chargées juste à temps sur le navigateur du visiteur, lorsque le visiteur fait défiler ou navigue vers cette zone et "demande" cette image.

Comment activer le chargement différé ?

Le chargement paresseux pour toutes les images téléchargées dans la médiathèque a été ajouté en tant que fonctionnalité par défaut dans la version 5.5 de WordPress (en ajoutant un attribut loading = "lazy" aux balises img qui ont des attributs de largeur et de hauteur). Plus tard, la version 5.7 de WordPress a également inclus le chargement paresseux pour les balises iframe .

Cependant, vous pouvez toujours choisir d'utiliser un plugin WordPress tel que le plugin gratuit a3 Lazy Load si vous souhaitez -

• Désactivez le comportement de chargement par défaut de WordPress ou
• Améliorez les fonctionnalités de chargement paresseux de WordPress en prenant en charge le chargement paresseux pour
  • images en dehors de la médiathèque
  • les navigateurs qui peuvent ne pas prendre en charge cet attribut WordPress
  • Iframes ou vidéos que WordPress est incapable de charger paresseusement

4. Activer la mise en cache du navigateur

La mise en cache du navigateur se produit lorsqu'un navigateur enregistre les ressources téléchargées localement, puis les diffuse à partir de là au lieu de les télécharger à nouveau lorsque l'utilisateur visite à nouveau le site Web.

Comment activer la mise en cache du navigateur ?

Si vous n'aimez pas jouer avec le code, il est préférable de le laisser à un plugin de mise en cache comme WP Rocket ou W3 Total Cache. Si vous n'avez pas peur de coder, suivez ces instructions pour bricoler le cache de votre navigateur.

Éléments d'action répétables pour chaque image

Voici une liste de 6 éléments d'action qui devraient faire partie de votre liste de contrôle de contenu. Assurez-vous que chacune de ces exigences d'optimisation d'image est respectée avant de publier une publication avec des images.

5. Choisissez le bon format d'image

"Les images WebP sans perte sont 26 % plus petites que les PNG. Les images avec perte WebP sont 25 à 34 % plus petites que les images JPEG comparables »

Notes Google sur WebP

Google prend en charge les images dans un certain nombre de formats, cependant, le format relativement nouveau et moins connu WebP est idéal. Les JPG sont généralement utilisés pour les photos. Les PNG sont généralement utilisés pour les illustrations et les logos (car les PNG autorisent les arrière-plans transparents).

Google recommande d'utiliser WebP pour les performances, sur la base des résultats d'une étude qu'il a menée en comparant les images WebP, PNG et JPG.

Convaincu? Voici quelques conseils de Google sur l'utilisation des images WebP.

6. Nommez vos images correctement

Le nom de fichier de votre image peut aider les moteurs de recherche à « lire et comprendre » votre image. Nommer au hasard un fichier image pour, disons, un sac d'ordinateur portable marron, comme MYPRODUCT202541.jpg n'aide pas du tout.

Au lieu de cela, le nommer "light-brown-laptop-bag.jpg" donne au moteur de recherche des indices sur le contenu de l'image.

Encore une fois, comme toujours, évitez d'insérer des mots-clés dans les noms de vos fichiers image. Au lieu de cela, gardez-le aussi naturel et «humain» que possible.

7. Compressez vos images

Vous devez maintenir la taille de votre fichier image au plus bas possible, sans compromettre la qualité.

Bien qu'il n'y ait pas de limite fixe ou de taille de fichier recommandée pour une image, la plupart des sites Web que j'ai vus utilisent des images dont la taille est comprise entre 50 Ko et 100 Ko.

Vous pouvez utiliser des plugins WordPress gratuits tels que WPSmush, TinyPNG, OptiMole ou EWWW Image Optimizer pour compresser les images sur votre site Web.

8. Ajouter des balises Alt significatives

Chaque image a une balise appelée "alt", qui signifie littéralement texte alternatif. Les balises Alt sont l'un des aspects les plus importants de vos images pour le référencement et l'accessibilité.

Rendez vos images accessibles

Les outils de lecture d'écran utilisés par les utilisateurs malvoyants lisent à haute voix le contenu textuel de votre site Web. Pour les images, le texte alternatif est lu par ces outils.

Donc, si votre texte alternatif ne décrit pas correctement l'image, cela n'aurait aucun sens pour le visiteur du site Web.

Vous pouvez également envisager d'utiliser un outil de vérification de l'accessibilité pour évaluer si l'accessibilité de votre site Web doit être améliorée.

Rendez vos images conviviales pour les moteurs de recherche

Google n'a aucun moyen de "lire" vos images, il utilise donc votre texte alternatif pour déchiffrer l'image. De plus, lorsqu'un navigateur est incapable de charger une image pour une raison quelconque, il affiche simplement le texte alternatif correspondant.

Certaines choses à éviter lors de l'ajout de balises alt -

• N'essayez pas d'insérer une longue liste de mots-clés dans votre texte alternatif - Google est assez intelligent pour voir à travers cela.
• Évitez les balises alt en double pour les images sur le même article ou la même page – cela ne fait qu'ennuyer Google.

L'ajout de balises alt aux images est facile avec WordPress, en utilisant le bloc Image. Vous n'aurez peut-être besoin de plugins que si vous souhaitez mettre à jour en masse les balises alt pour toutes les images d'un site Web.

A noter - Les titres et légendes des images sont obsolètes par Google depuis le 6 août 2022. En d'autres termes, Google ignore désormais complètement ces balises d'image.

Si vous avez déjà spécifié ces balises pour vos images, vous n'avez pas besoin de revenir en arrière et de les supprimer. Il n'y a aucun inconvénient si vous avez ces données supplémentaires, mais il n'y a plus d'avantage non plus.

9. Évitez les GIF animés (comme la peste)

Les GIF animés peuvent générer des fichiers volumineux et gonflés.

Au lieu de cela, l'utilisation de vidéos telles que MP4 pourrait aider à réduire considérablement la taille du fichier. Utiliser une vidéo WebP, c'est encore mieux. Reportez-vous à l'exemple de Google pour preuve.

10. Utilisez des images qui complètent le contenu

Vous devez vous assurer que votre image (et le texte alternatif) est alignée avec le contenu du texte avant et après l'image. Sinon, cela peut prêter à confusion et être mal interprété par les moteurs de recherche.

Par exemple, il n'est pas naturel d'intégrer l'image d'un vaisseau spatial, par exemple, entre deux paragraphes décrivant une recette de pâtes.

En conclusion

Pour résumer, tout ce que vous avez à faire est de livrer vos images efficacement, d'aider Google à trouver vos images et de comprendre vos images avec précision.

Il y a tellement de jus SEO que ces simples techniques d'optimisation d'image peuvent aider à générer. Vous n'avez aucune excuse pour les ignorer vraiment. Accorder juste un peu d'attention au référencement des images peut aider à améliorer considérablement l'expérience utilisateur de votre site Web. Et le trafic organique qu'il génère est un bonus bienvenu.

Laissez un commentaire et dites-nous comment vous avez optimisé les images pour votre site WordPress. Un plugin WordPress d'optimisation d'image que vous avez essayé et aimé (ou détesté) ?