Intro
Les images constituent souvent la majeure partie des pages web et ont leur propre onglet dans les résultats de Google. Elles constituent un élément crucial d'une stratégie de référencement complète, et leur optimisation est donc essentielle pour une meilleure visibilité.
Comment les moteurs de recherche indexent et comprennent les images
Les moteurs de recherche parcourent les pages web pour découvrir les images et en extraire des données telles que les métadonnées et les noms de fichiers. Google utilise des facteurs tels que le texte environnant, le nom du fichier de l'image, le texte alt, les légendes et le contenu de la page pour comprendre le contexte et le contenu des images.
Qu'est-ce que le référencement d'images ?
L'optimisation des images comprend des techniques visant à accroître la visibilité dans les pages de résultats des moteurs de recherche (SERP) en compressant les images, en utilisant des images réactives, en mettant en œuvre le chargement paresseux, en ajoutant un texte alt pertinent, en utilisant des noms de fichiers descriptifs et en mettant en œuvre des données structurées.
1. Choisir le bon format d'image
Google prend en charge des formats tels que JPEG, PNG, WebP, BMP, GIF et SVG. Chaque format a ses propres avantages et inconvénients :
-
PNG : compression sans perte, meilleure qualité, prise en charge de la transparence, taille de fichier plus importante.
-
JPEG : compression avec perte, qualité réglable, taille de fichier réduite.
-
WebP : Efficace, fichiers plus petits, pris en charge par tous les principaux navigateurs.
-
GIF : Sans perte, limité à 256 couleurs, adapté aux graphiques et animations simples.
-
SVG : vectoriel, modulable, idéal pour les logos et les icônes.
-
BMP : grand format, non compressé, haute qualité, ne convient pas pour le web en raison de sa taille.
Recommandation : Utilisez le format PNG et convertissez-le en format WebP pour le déploiement sur le web afin d'obtenir une qualité et des temps de chargement optimaux.
2. Créer des images uniques
Évitez les photos de stock génériques. Utilisez des images originales et de haute qualité pour améliorer l'expérience utilisateur et le référencement. Google recommande que les images aient une largeur d'au moins 1200 px et d'utiliser le paramètre max-image-preview:large dans la balise meta robots pour s'assurer qu'elles apparaissent en tant qu'images de grande taille dans Google Discover.
<meta name='robots' content='index, follow, max-image-preview:large' />3. Optimiser les noms des fichiers d'images
Utilisez des noms de fichiers descriptifs et riches en mots-clés pour aider les moteurs de recherche à comprendre le sujet de l'image. Évitez les noms par défaut tels que "IMG_722019".
4. Rédiger un texte alt favorable au référencement
Les balises Alt décrivent le contenu d'une image et en améliorent l'accessibilité. Elles aident également les moteurs de recherche à comprendre le contexte de l'image, ce qui contribue à un meilleur classement.
Exemple :
<img src="chocolate-1.jpg" alt="barre de chocolat noir aromatisée au café"/>5. Optimisez le titre et la description de votre page
Incluez des mots-clés pertinents dans le titre et la description de votre page afin d'améliorer le classement des images dans les moteurs de recherche. Veillez à ce que tous les facteurs de référencement sur la page soient optimisés.
6. Définir vos dimensions
Incluez des attributs de largeur et de hauteur pour chaque image afin d'éviter les problèmes de décalage cumulatif de la mise en page (CLS) et d'améliorer les résultats de Core Web Vitals.
7. Rendre vos images compatibles avec les téléphones portables
Utilisez les attributs srcset et sizes pour des images réactives qui s'adaptent à l'appareil de l'utilisateur.
Exemple :
<picture> <source type="image/webp" srcset="image-300w.webp 300w, image-600w.webp 600w, image-1200w.webp 1200w" sizes="(max-width : 600px) 300px, (max-width : 900px) 600px, 1200px"> <img src="image-300w.jpg" srcset="image-300w.jpg 300w, image-600w.jpg 600w, image-1200w.jpg 1200w" sizes="(max-width : 600px) 300px, (max-width : 900px) 600px, 1200px" alt="Description de l'image"> </picture>8. Chargement paresseux et préchargement
Utilisez le chargement paresseux pour les images qui ne se trouvent pas dans la fenêtre de visualisation afin d'améliorer les performances de la page. Utilisez le préchargement ou fetchpriority="high" pour les images situées au-dessus du pli.
Exemple :
<img src="image.jpg" loading="lazy" srcset="image-300w.jpg 300w, image-600w.jpg 600w" alt="Description">9. Ajouter des images à votre plan du site
L'inclusion d'images dans votre sitemap augmente les chances qu'elles soient explorées et indexées par les moteurs de recherche. Utilisez des plugins comme Yoast ou RankMath pour WordPress, ou des outils comme Screaming Frog.
10. Ajouter des données structurées
Enrichissez les images avec des données structurées pour améliorer la visibilité dans les résultats de recherche. Utilisez le schéma de balisage pour inclure des détails tels que le prix, la disponibilité et les évaluations.
Exemple :
{ "@context" : "http://schema.org", "@type" : "Article", "headline" : "Titre de l'article", "image" : [ "https://example.com/photos/1x1/image.jpg", "https://example.com/photos/4x3/image.jpg", "https://example.com/photos/16x9/image.jpg" ], "datePublished" : "2024-01-10T08:00:00+08:00", "dateModified" : "2024-01-10T09:20:00+08:00", "author" : { "@type" : "Person", "name" : "Author Name" } }11. Utiliser un CDN pour une diffusion plus rapide des images
Un réseau de diffusion de contenu (CDN) peut optimiser et fournir des images plus rapidement en les diffusant à partir d'emplacements plus proches de l'utilisateur. Pensez à utiliser des services tels que Cloudflare, Amazon CloudFront, ImageKit ou KeyCDN.
12. Attention aux droits d'auteur
Assurez-vous que vous avez le droit d'utiliser les images afin d'éviter des poursuites judiciaires coûteuses. Utilisez des images sous licence provenant de fournisseurs tels que Getty, Shutterstock ou DepositFiles.
Optimisation de l'image : les points clés
-
Choisissez le bon format et la bonne taille de fichier pour un chargement plus rapide.
-
Veillez à ce que vos éléments de référencement sur la page soient optimisés.
-
Créez un plan du site pour les images afin d'améliorer l'indexation.
En suivant ces conseils, vous pouvez améliorer le référencement de l'image de votre site web et sa visibilité globale dans les moteurs de recherche. Bonne optimisation !
