Optimisation des images pour SEO est un aspect important pour le référencement naturel qui améliore la visibilité de votre site web dans les résultats de recherche. Non seulement des images bien optimisées améliorent l’expérience utilisateur, mais elles aident également les moteurs de recherche à comprendre de quoi parle votre site Web.
Dans cet article, nous aborderons quelques conseils pour optimiser vos images pour le référencement naturel :
1 – Choisissez le bon format d’image
Le format de vos images peut avoir un impact significatif à la fois sur l’expérience utilisateur et sur le référencement.
JPEG est le format le plus couramment utilisé pour les photographies et autres images complexes. Il offre un bon équilibre entre qualité d’image et taille de fichier, ce qui en fait un choix idéal pour la plupart des sites Web.
PNG est le meilleur format pour les images avec des arrière-plans transparents,
tandis que GIF est le meilleur pour les images simples avec peu de couleurs, comme les logos et les icônes.
Il existe aussi un format d’image moderne WebP qui offre une compression supérieure sans perte et avec perte pour les images sur le Web. Grâce à WebP, les webmasters et les développeurs Web peuvent créer des images plus petites et plus riches qui rendent le Web plus rapide.
2 – Créer des images uniques
Vous voulez que vos photos apparaissent sur votre site. Si vous remplissez votre site Web d’images d’archives, vous n’aurez pas l’air original – comme des milliers d’autres sites qui ne se démarquent pas.
Trop de sites Web sont encombrés avec les mêmes photos génériques.
Pensez à un site Web d’entreprise, une société de conseil, une entreprise qui se targue de service à la clientèle. Tous ces sites Web utilisent pratiquement la même image de stock d’un homme d’affaires souriant.
Bien que vos images achetées ou téléchargées dans les bibliothèques d’images puissent être parfaitement optimisées, elles n’auront pas le même impact ni les avantages potentiels du référencement qu’une image originale de haute qualité.
Plus vous avez de photos originales, meilleure est l’expérience de l’utilisateur et meilleures sont vos chances de vous classer dans les recherches pertinentes.
Gardez à l’esprit que les grandes images sont plus susceptibles d’être présentées dans Google Discover.
3 – Utiliser des noms de fichiers descriptifs
Une image est un fichier, au sens informatique, et elle a un nom forcément ! Lorsque vous téléchargez des images sur votre site Web, assurez-vous d’utiliser des noms descriptifs qui reflètent le contenu de l’image.
Par exemple, au lieu d’utiliser un nom générique comme “IMG_1234”, utilisez un nom descriptif comme “veste-bleue.jpg”. Cela aidera les moteurs de recherche à comprendre de quoi parlent vos images et à améliorer la pertinence de votre site Web pour les requêtes de recherche pertinentes.
4 – Ajouter les balises ALT pour optimisation des images
Qu’est-ce qu’une balise ALT d’image ?
La balise alt, ou texte alternatif, est un attribut HTML utilisé pour décrire le contenu d’une image sur une page Web. Il est essentiel à la fois à des fins d’accessibilité et d’optimisation des moteurs de recherche (SEO).
Comment HTML vous aide à voir les images dans un navigateur Web
HTML définit la structure et la mise en page d’une page Web à l’aide de balises et d’attributs. Les concepteurs Web utilisent de nombreux éléments avec des balises et des attributs pour constituer une page. (Ils peuvent être vus dans le code source d’une page.)
Pourquoi la balise ALT est importante ?
Lorsqu’un utilisateur ayant une déficience visuelle ou une connexion Internet lente visite une page Web, la balise alt l’aide à comprendre de quoi parle l’image. Les lecteurs d’écran peuvent lire le texte alternatif, offrant une expérience plus accessible. De plus, si l’image ne se charge pas, le texte alternatif s’affiche à la place, permettant à l’utilisateur de toujours comprendre le contexte de la page.
Du point de vue du référencement, les moteurs de recherche s’appuient sur le texte alternatif pour comprendre de quoi parle une image. Ces informations aident les moteurs de recherche à déterminer la pertinence de la page par rapport à la requête de recherche d’un utilisateur. Par conséquent, avoir des balises alt bien écrites et descriptives peut améliorer le classement d’un site Web dans les moteurs de recherche.
Voici quelques conseils pour rédiger des balises alt efficaces :
Soyez descriptif : les balises Alt doivent décrire avec précision le contenu de l’image. Évitez d’utiliser des termes génériques comme “image” ou “image”. Utilisez plutôt des phrases descriptives qui incluent des mots clés pertinents.
Soyez bref : les balises Alt doivent être concises, généralement pas plus de quelques mots ou une courte phrase. Évitez de bourrer trop d’informations dans la balise alt.
Utilisez des mots-clés pertinents : intégrez des mots-clés pertinents dans vos balises alt, mais uniquement s’ils sont appropriés et ajoutent de la valeur à la description.
N’abusez pas des mots clés : bien qu’il soit important d’utiliser des mots clés pertinents, n’en abusez pas. Remplir des balises alt avec trop de mots-clés peut être considéré comme du spam par les moteurs de recherche.
Évitez d’utiliser la même balise alt pour plusieurs images : chaque image d’une page doit avoir une balise alt unique qui décrit avec précision son contenu.
En résumé, les balises alt sont cruciales à la fois pour l’accessibilité et pour le référencement. En fournissant des informations précises et descriptives sur les images, les balises alt peuvent améliorer le classement d’un site Web dans les moteurs de recherche et offrir une expérience plus accessible aux utilisateurs.
5 – Réduire la taille du fichier d’image
Les fichiers image volumineux peuvent ralentir le temps de chargement de votre site Web, ce qui peut avoir un impact négatif sur votre référencement. Pour optimiser vos images, réduisez leur taille de fichier en les redimensionnant aux bonnes dimensions et en les compressant.
La taille de fichier optimale pour les images sur un site Web ne dépasse pas 200 Ko (j’essaie même de ne pas dépasser 100 Ko quand c’est possible) et pour les images d’arrière-plan en plein écran, entre 1500 pixels et 2500 pixels de large, et pour la plupart des autres images, une largeur maximale de 800 pixels. Garder les images entre ces périmètres garantira qu’elles se chargent correctement sur les ordinateurs et les écrans mobiles.
Sachez que vos images même avec une perte de définition, reste tout à fait valable pour un écran de petite taille !
Voici quelques outils pour optimiser les images pour SEO
6 – Pensez aux images “responsives”
Les images responsive sont des images qui ajustent leur taille en fonction de l’appareil sur lequel elles sont visualisées. Ils peuvent améliorer l’expérience utilisateur de votre site Web et réduire votre taux de rebond, qui est un autre facteur critique pour le référencement.
Comment faire des images responsives
Dans plupart des cas, si vous utilisez un constructeur de page, vous n’avez pas besoin de rajouter du code supplémentaire dans vos pages. Dans d’autres cas, pour rendre les images responsives, vous devez utiliser certaines techniques HTML et CSS qui ajustent la taille et la disposition des images en fonction de la taille de l’écran de l’appareil utilisé. Voici les étapes pour rendre les images responsives :
- utilisez la balise “img” pour insérer l’image dans votre code HTML
- ajoutez l’attribut “class” à la balise “img” et donnez-lui un nom tel que “responsive-image”
- dans votre fichier CSS, créez une nouvelle classe appelée “responsive-image” et ajoutez le code suivant :
Copier le code :
.responsive-image {
largeur max : 100 % ;
hauteur : automatique ;
}
Ce code CSS garantit que l’image ne sera jamais plus large que le conteneur dans lequel elle est placée, et la hauteur s’ajustera automatiquement pour maintenir le rapport d’aspect de l’image.
4. Si plusieurs tailles d’image sont disponibles pour différents appareils, vous pouvez utiliser l’attribut “srcset” dans la balise “img” pour spécifier les différents fichiers image à utiliser. Par exemple:
copiez le code (et n’oubliez pas les < >) : <img src=”image.jpg” srcset=”image-640.jpg 640w, image-1024.jpg 1024w, image-2048.jpg 2048w” alt=”Responsive Image”>
Dans cet exemple, le navigateur choisira l’image appropriée en fonction de la largeur de l’écran de l’appareil.
En suivant ces étapes, vos images seront réactives et s’adapteront à différentes tailles d’écran, rendant votre site Web plus accessible et convivial.
En optimisant les images pour différentes tailles d’écran, les images responsives peuvent réduire les temps de chargement des pages, ce qui est essentiel pour le référencement. Google considère la vitesse des pages comme l’un des facteurs essentiels pour le classement des sites Web sur la page de résultats des moteurs de recherche (SERP). Un site Web à chargement plus rapide aura de meilleures chances de se classer plus haut dans les résultats de recherche, et les images réactives peuvent jouer un rôle important dans l’amélioration de la vitesse du site Web.
7 – Inclure des légendes dans vos images
Les légendes d’images – les mots directement sous les images (ou titre d’image)- peuvent ne pas avoir d’impact direct sur le référencement naturel. Mais, contrairement aux noms de fichiers et au texte alternatif, les légendes sont visibles et peuvent avoir un effet indirect sur le référencement, en améliorant l’expérience utilisateur (UX) et les mesures d’engagement.
Les légendes fournissent un contexte et des informations sur une image, permettant aux utilisateurs de mieux comprendre son objectif et sa signification. De plus, les légendes peuvent améliorer l’accessibilité pour les utilisateurs malvoyants qui comptent sur les lecteurs d’écran pour naviguer sur le Web.
Lorsque vous ajoutez des titres aux images, il est important d’être concis et descriptif, en utilisant des mots-clés qui décrivent avec précision le contenu de l’image. Les titres doivent également être pertinents par rapport au contenu environnant et fournir un contexte utile. Dans l’ensemble, l’ajout de titres aux images est un moyen simple mais efficace d’améliorer l’accessibilité d’un site Web.
8 – Ajouter des images aux sitemaps pour améliorer le SEO
Enfin, assurez-vous d’inclure vos images dans le sitemap de votre site Web. Cela aidera les moteurs de recherche à découvrir et à explorer vos images, ce qui peut améliorer leur visibilité dans les SERP.
L’ajout d’images au sitemap de votre site Web peut aider les moteurs de recherche à mieux comprendre le contenu de vos pages et à améliorer leur visibilité dans les résultats de recherche d’images. Pour inclure des images dans votre sitemap, vous devrez ajouter des balises spécifiques aux images dans le code XML de votre sitemap.
Pour chaque entrée d’image, incluez le titre, la description, l’emplacement de l’URL, la légende et les informations de licence. Pour les entrées vidéo, incluez le titre, la description, l’emplacement de l’URL, l’URL de la vignette et l’URL du fichier vidéo brut.
Si votre site Web est sur WordPress, vous pouvez utiliser Yoast SEO, qui ajoute automatiquement du contenu visuel à un sitemap.
En conclusion, l’optimisation des images pour le référencement naturel est essentielle pour améliorer l’expérience utilisateur et la visibilité de votre site Web dans les pages de résultats des moteurs de recherche. En suivant les conseils abordés dans cet article, vous pouvez optimiser vos images pour le référencement et améliorer les performances globales de votre site Web.