Les images jouent un rôle essentiel dans l’expérience utilisateur, elles garantissent un contenu plus attrayant et engageant pour les utilisateurs, et sont tout aussi importantes en termes de référencement SEO.
Premièrement, elles donnent aux moteurs de recherche des informations contextuelles importantes. Deuxièmement, les images optimisées accélèrent le chargement des pages, ce qui augmente l’engagement des utilisateurs et le classement dans les moteurs de recherche.
Pour donner à votre marque les meilleures chances de réussir avec le référencement, vous devez comprendre les bases de l’optimisation d’image.
L’optimisation des images est le processus de création et de diffusion d’images de haute qualité dans le format, la taille et la résolution idéale pour accroître l’engagement des utilisateurs. Pour cela, pensez à étiqueter correctement vos images afin d’aider les robots des moteurs de recherche à lire et comprendre le contenu de votre page.
Selon HTTP Archive, les images représentaient en moyenne 21 % du poids total d’une page Web en novembre 2018. Étant donné que les images consomment plus d’octets que toute autre partie d’un site Web, leur taille et leur complexité influencent fortement les performances du site.
Si vous réduisez la taille des images sans compromettre la qualité, les temps de chargement des pages s’améliorent et, par conséquent, l’expérience des visiteurs du site Web s’améliore également. Une étude montre qu’un retard d’une seconde dans le temps de chargement équivaut à une baisse de 7 % des conversions, et qu’environ 40 % des personnes abandonnent un site Web qui prend plus de trois secondes à se charger.
L’amélioration de l’expérience utilisateur et des interactions avec votre site a un impact positif sur le classement dans les moteurs de recherche, ce qui améliore encore l’engagement des clients, les conversions et la fidélisation des clients.
De plus, lorsque les images optimisées occupent moins d’espace de stockage sur votre serveur, les sauvegardes du site seront effectuées plus rapidement.
Maintenant, je vais vous expliquer comment optimiser vos images 🙂
1. Redimensionnez vos images
La taille de l’image et la taille du fichier sont deux choses différentes. La taille de l’image fait référence aux dimensions d’une image (par exemple, 1280 par 720 pixels). La taille du fichier est la quantité d’espace nécessaire pour le stocker sur le serveur (par exemple, 500 kilo-octets).
Les images avec des résolutions et des dimensions plus élevées (souvent créées avec un appareil photo professionnel) peuvent considérablement ralentir les temps de chargement des pages. Bien qu’elles soient parfaites pour de l’impression, concernant un usage Web, vous devez absolument réduire la taille du fichier sans perdre trop de qualité.
Choisissez le bon format de fichier
PNG, JPEG et GIF sont trois formats très connus. Chacun a ses avantages. Je recommande JPEG pour les images avec beaucoup de couleurs et PNG pour les images simples ou sans fond. Évitez l’utilisation de GIF qui sont des trop lourds et privilégiez les nouveaux formats vidéos.
Choisissez le bon taux de compression
Si vous compressez trop une image, la taille du fichier est petite, mais la qualité de l’image devient médiocre. D’autre part, lorsque vous utilisez un faible taux de compression, la qualité de l’image est élevée, mais la taille du fichier est énorme.
Idéalement, vous devriez expérimenter avec vos types de fichiers et vos taux de compression pour voir ce qui fonctionne le mieux pour chaque image. De nombreux outils d’édition d’images, tels que Adobe Photoshop, proposent une option “enregistrer pour le Web”, qui réduit automatiquement la taille du fichier tout en optimisant la qualité de l’image.
Outils Web d’optimisation d’images :
- TinyPNG
- iloveimg
- img2go
Plugins gratuits pour compresser vos images sur WordPress :
- Yoast SEO
- WP Smush
- TinyPNG
Testez la vitesse de votre site avant et après optimisations
Après avoir optimisé vos images, comment savez-vous si les temps de chargement des pages de votre site Web sont suffisamment rapides ?
Testez la vitesse de votre site avec l’un de ces outils gratuits :
- GTmetrix
- WebPageTest
- Pingdom
- Google PageSpeed Insights
Dans le cas où votre site Web et son contenu changent fréquemment, c’est une bonne idée de continuer à vérifier vos statistiques régulièrement.
2. Optimisez les noms des fichiers image
Choisir le bon nom de fichier est important pour le référencement de votre page et pour le classement dans les résultats de recherche d’images. Avant de télécharger une image, nommez le fichier avec des mots-clés pertinents et descriptifs pour exploiter toute la puissance du SEO.
Incluez des mots-clés au début et séparez-les par des traits d’union. N’utilisez pas de traits de soulignement, car les moteurs de recherche ne les reconnaissent pas et ne pourront pas lire les mots individuellement.
Les noms de fichiers doivent être compréhensible à la fois pour les moteurs de recherche et pour les visiteurs de votre site. Par exemple, le nom original d’une image d’une femme dans un salon de coiffure est “coiffure123.jpg”. Renommez-le avec un titre clair et plus descriptif tel que “femme-ayant-une-coupe-de-cheveux-dans-un-salon.jpg”.
3. Utilisez les balises alt
Les visiteurs peuvent comprendre de quoi parle une image, mais les moteurs de recherche ont toujours besoin d’indices. Sans l’utilisation d’un texte alternatif, les moteurs de recherche ne pourront pas indexer votre image sur certains mots-clés, donc ne négligez pas cette balise alt qui va fournir le contexte. Même lorsque les images ne se chargent pas à cause d’un problème, les moteurs de recherche peuvent toujours lire le texte alternatif pour aider à classer une page. Des mots pertinents pour une marque peuvent être inclus ici pour augmenter la visibilité. Évitez simplement le bourrage de mots clés.
Proposez plus de détails que vous n’avez inclus dans le nom du fichier. Bien qu’il n’existe pas de nombre idéal de mots, visez 10 à 15 pour transmettre quelque chose à propos de l’image.
4. Optimisez le titre de l’image
Si votre site et sous WordPress, par défaut le titre de l’image sera celui du nom du fichier, vous pouvez donc le laisser tel quel ou apporter des modifications. Si vous n’utilisez pas WordPress ou si le titre n’explique pas l’image, renommez-la avec les mots-clés appropriés de la même manière que les noms de fichiers.
Les titres d’image sont moins importants pour le référencement, mais ils peuvent fournir un contexte supplémentaire aux balises alt et s’avérer très utiles en termes d’engagement des utilisateurs. N’hésitez pas à ajouter un bref appel à l’action comme par exemple un bouton “acheter maintenant” ou “télécharger gratuitement”.
5. Inclure des légendes
Les légendes d’image – les mots directement sous les images – peuvent ne pas avoir d’impact direct sur le référencement, mais, contrairement aux noms de fichiers et au texte alternatif, les légendes sont visibles sur une page de site Web. Pour cette raison, ils peuvent ajouter à l’expérience utilisateur.
La plupart des gens sont attirés par les légendes des images pour avoir une idée du contenu global. Sans légendes d’image, vos taux de rebond pourraient diminuer, ce qui nuit à votre crédibilité auprès des moteurs de recherche.
6. Utilisez des images uniques
L’utilisation de photos d’archives est acceptable, mais elles n’aideront pas nécessairement votre classement dans les moteurs de recherche, car d’autres sites Web utilisent souvent les mêmes images. De la même manière qu’un contenu écrit unique est meilleur pour le référencement, c’est une bonne idée de télécharger des images uniques chaque fois que possible.
7. Assurez-vous que votre texte complète les images
Le texte sur la page peut aider les moteurs de recherche à déterminer la pertinence de vos images. S’il ne contient pas suffisamment d’informations pour expliquer une image, ajoutez un texte plus pertinent et décrivez l’image si possible.
8. Ajouter des données structurées à vos images
L’ajout de données structurées à vos pages encourage les moteurs de recherche à afficher vos images sous forme de résultats pertinents. Google Images prend en charge les données structurées pour les images de produits ainsi que les vidéos. Par exemple, si vous vendez des piscines sur votre site et que vous ajoutez des données structurées à vos images, Google peut ajouter un badge à votre image indiquant qu’elle appartient à une piscine.
Utilisez les directives générales sur les données structurées de Google pour savoir comment ajouter des données structurées à vos pages dans les paramètres du moteur de recherche.
9. Utilisez des site maps (plans de site)
Selon Google, un plan de site est “un fichier dans lequel vous pouvez répertorier les pages de votre site web pour indiquer à Google et aux autres moteurs de recherche l’organisation du contenu de votre site”. En d’autres termes, c’est un fichier qui contient une carte du contenu de votre site.
Les plans de site sont une partie importante du référencement, car ils informent les moteurs de recherche sur toutes les pages de votre site. Afin de maximiser les chances que les robots des moteurs de recherche indexent les images, photos, vignettes de vidéo, etc de votre site, incluez-les dans votre plan de site (certains plugins le font automatiquement).
Pour les images cliquables, incluez le titre, la description, l’emplacement de l’URL, la légende et les informations de licence. Pour les vignettes de vidéos, incluez le titre, la description, l’emplacement de l’URL, l’URL de la vignette et l’URL du fichier vidéo.
Si votre site Web utilise WordPress, vous pouvez utiliser Yoast SEO, qui ajoutera automatiquement votre contenu visuel à un plan de site.
Derniers mots
Si vous avez du mal à rendre votre contenu visible, gardez ces stratégies à l’esprit avant de télécharger une image. Ces techniques d’optimisation d’image amélioreront la notoriété de votre site auprès des moteurs de recherche et visiteurs.