Stratégies de croissance pour les éditeurs en période électorale | WEBINAIRE
Stratégies de croissance pour les éditeurs en période électorale | WEBINAIRE
Ce module vous permettra d'apprendre ce qu'est l'optimisation d'images, son importance pour le référencement naturel, les meilleures pratiques pour l'utiliser efficacement et les pièges courants à éviter lors de l'optimisation d'images.
Durée de la vidéo
19:24
Répondre au quiz
Répondez au questionnaire du module actuel
Matériels
Modèles prêts à l'emploi
Ressources
Rapports et ressources
Aucun questionnaire à afficher pour ce module.
L'optimisation des images consiste à appliquer les meilleures pratiques aux images que vous utilisez sur votre page afin que votre contenu soit mieux classé dans les pages de résultats des moteurs de recherche (SERP).
Les internautes privilégient de plus en plus les contenus visuels . Par conséquent, optimiser les images est aussi important qu'optimiser le texte de vos contenus.
L'optimisation d'images permet de produire des images au format, à la taille et à la résolution les plus adaptés afin d'améliorer l'expérience utilisateur (UX). Pour que Google puisse indexer et explorer correctement l'image, et l'afficher dans les SERP, celle-ci doit être optimisée conformément aux consignes de Google et correctement identifiée par les métadonnées pertinentes.
Dans ce module, nous allons explorer plus en détail les aspects essentiels de l'optimisation d'images.
Les images font aussi partie du contenu. Au même titre que le texte, elles apparaissent dans les résultats de recherche et influencent la perception de l'utilité de votre page par le lecteur. Voici pourquoi l'optimisation des images est importante pour le référencement naturel.
Sur la plupart des pages, les images représentent plus de 70 % de leur poids . Par conséquent, l'utilisation d'images non optimisées peut ralentir considérablement le chargement des pages. La vitesse de chargement étant un facteur de référencement important, cela a un impact direct sur le SEO. Outre la vitesse de chargement, les images non optimisées peuvent également nuire à l'expérience utilisateur en provoquant des problèmes tels que des décalages de mise en page.
Ces facteurs ont un impact sur les indicateurs web vitaux (CWV) de votre site, que Google utilise pour mesurer l'expérience utilisateur.
Pour en savoir plus sur les CWV, consultez notre module d'expérience détaillé ici .
L'optimisation des images consiste à les identifier et à les étiqueter correctement à l'aide de textes alternatifs et de données structurées, à les ajouter aux sitemaps et à créer des sitemaps dédiés aux images . Ces actions permettent aux robots d'exploration d'identifier et de traiter rapidement et correctement les images d'une page, améliorant ainsi la vitesse et l'efficacité de l'exploration.
Les recherches Google sont de plus en plus visuelles et ne se limitent plus aux seuls mots-clés textuels. Le nombre d'images sur Google a explosé ces dix dernières années, rendant l'optimisation des images plus cruciale que jamais.
Dès 2018, Google a annoncé son engagement à placer le contenu visuel au cœur de la recherche . Par conséquent, Google a déployé plusieurs nouvelles fonctionnalités, telles que les légendes, les informations rapides et les recherches associées, qui reposent toutes largement sur les images. En tant qu'éditeur, l'utilisation de ces fonctionnalités aura probablement un impact direct sur votre référencement et la visibilité de votre contenu.
Voyez ce qui se passe lorsque nous recherchons la Coupe du Monde de la FIFA au Qatar.
Un panneau latéral dédié, situé à droite, affiche désormais des images et se trouve juste au-dessus de l'entrée Wikipédia correspondant au terme de recherche.
Cliquer sur l'onglet Images ne se contente pas d'augmenter le nombre d'images consultables, mais comme on peut le voir dans l'encadré vert ci-dessous, il propose désormais un carrousel de termes suggérés qui permettent de filtrer les images par nom.
En faisant défiler vers le bas (comme indiqué dans l'image ci-dessous), vous découvrirez d'autres recommandations de recherches connexes qui peuvent vous aider à affiner les résultats ou à élargir votre requête.
Le fait que les images de votre contenu figurent parmi les meilleures images est un autre moyen pour les éditeurs d'améliorer la découverte de leur contenu.
Google a également développé et mis à jour Google Lens , sa technologie de reconnaissance d'images basée sur l'IA, disponible dans la barre de recherche de l'application Google pour iOS et Android.
— pour le rendre encore plus puissant.
Avec Google Lens, les utilisateurs peuvent rechercher plus d'informations sur des images soit en prenant une photo d'un objet, soit en téléchargeant une image stockée sur leur téléphone, puis en demandant à Google de trouver des correspondances.
L'une des fonctionnalités puissantes de Google Lens est la recherche multiple, qui permet aux utilisateurs d'ajouter des descriptions textuelles aux recherches d'images afin de faciliter la recherche d'informations visuelles.
Google travaille également à rendre la recherche multiple plus locale, ce qui signifie que les utilisateurs peuvent pointer leur appareil photo vers un objet, le télécharger sur Google Lens, saisir quelques questions, et Google affichera les meilleurs résultats à proximité de leur position actuelle.
Malgré son importance évidente, l'optimisation des images pose souvent problème aux éditeurs en raison de difficultés courantes.
En matière d'optimisation de contenu textuel, les éditeurs savent généralement quels paramètres surveiller et optimiser : mots-clés, piliers et groupes de contenu, en-têtes et titres, etc.
Cependant, en matière d'optimisation d'images, les éditeurs ignorent parfois quels indicateurs surveiller et améliorer. Parmi les indicateurs courants, citons la taille de l'image, son type et sa vitesse de chargement.
L'optimisation régulière des images pour les nombreux articles que vous créez peut vite devenir fastidieuse. Bien qu'il existe des méthodes d'optimisation en masse, comme l'utilisation de plugins et d'un CDN, il est essentiel de préserver la qualité des images. Trouver le juste équilibre nécessite des tests rigoureux.
Maintenant que nous comprenons ce qu'est l'optimisation d'images et pourquoi elle est importante pour le référencement, nous pouvons commencer à examiner comment procéder au processus d'optimisation.
PNG et JPEG sont les deux formats d'image les plus populaires et universellement pris en charge . Il est important de savoir lequel des deux utiliser selon la situation.
Le format PNG convient parfaitement aux captures d'écran, aux graphiques et aux images contenant du texte, tandis que le JPEG est idéal pour les photographies. Le PNG utilise une compression sans perte, ce qui lui permet de préserver la qualité de l'image, contrairement au JPEG qui la dégrade à chaque enregistrement.
Le format SVG (Scalable Vector Format) est idéal pour les logos et les formes géométriques simples présentant une faible complexité d'image.
Les formats plus récents tels que WebP et AVIF gagnent rapidement en popularité comme alternatives aux formats précédents. Bien que ces deux formats offrent une résolution supérieure et la prise en charge des animations, WebP, en particulier, est compatible avec tous les navigateurs web et mobiles modernes.
Toutefois, dans l'ensemble, les formats PNG et JPEG/JPG restent de loin les formats d'image les plus populaires, utilisés respectivement par 81,3 % et 76,6 % de tous les sites web, le format SVG suivant de près, en novembre 2022.
La taille totale des images sur votre page influe directement sur sa vitesse de chargement. Cependant, la compression ne doit pas dégrader la qualité des images.
Trouver le juste équilibre entre qualité et taille est essentiel, mais peut s'avérer fastidieux si l'on procède par essais et erreurs. C'est là que les outils en ligne prennent tout leur sens. Des outils comme Imagemin permettent de compresser des images dans différents formats, avec ou sans perte.
Choisir le bon format vous permettra aussi de trouver le juste équilibre. Par exemple, pensez à utiliser WebP. WebP est une meilleure alternative à JPEG car il permet de réduire la taille de l'image de 30 % sans altérer sa qualité ni sa résolution.
Si vous utilisez WordPress comme système de gestion de contenu, vous pouvez optimiser vos images grâce à des extensions comme Smush , Optimus ou Imsanity . Ces extensions permettent de compresser, redimensionner et charger les images en différé, entre autres. Vous pouvez également remplacer les images animées, comme les GIF (qui peuvent être volumineuses), par des animations CSS. Les animations et effets CSS vous permettent de créer des images complexes qui conservent leur résolution et leur qualité, même en zoomant fortement.
Le nom d'une image aide Google à comprendre son contexte pour son classement dans les résultats de recherche. Pour les publications importantes, il n'est pas toujours possible de nommer soigneusement toutes les images du site. Dans ce cas, vous pouvez créer un sitemap d'images qui aidera Google à localiser l'image, à comprendre son utilité et à l'indexer.
Outre le nom de fichier contextuel, nous vous recommandons également d'ajouter un titre et une légende à l'image. Bien que ces attributs soient facultatifs, ils complètent votre contenu en offrant au moteur de recherche une compréhension plus globale de votre sujet et de votre thème, ce qui facilite l'indexation de l'image .
Comment faire cela
Il est nécessaire d'ajouter les noms des images dans le code source de votre page. Pour ce faire, utilisez l'attribut src de l'élément img, soit manuellement, soit via un plugin CMS.
Si votre image contient un ballon de football, le code de la source de l'image devrait ressembler à ceci :<img src=”football.jpg”/> ce qui aide Google à comprendre le contenu de l'image. En revanche, un code qui ressemble à ceci<img src=”IMG11082022.jpg”/> est vague et ne fournit aucun contexte.
Lorsque les utilisateurs ne peuvent pas voir vos images (par exemple, les personnes malvoyantes ou lorsque la faible bande passante rend leur affichage difficile), les attributs de texte alternatif (Alt Text) permettent de les décrire. Cela facilite également l'exploration et l'indexation de vos images par les moteurs de recherche.
Comment faire cela
Pour reprendre l'exemple du point précédent, le code du texte alternatif devrait ressembler à ceci :<img src=”football.jpg” alt=""monde" cup official football on the ground”/> .
Si vous êtes un développeur expérimenté, vous pouvez ajouter manuellement le texte alternatif dans le code de votre page. Si vous utilisez WordPress, suivez ces étapes :
En ajoutant des données structurées à vos images, vous fournissez à Google les informations nécessaires pour les afficher sous forme de résultats enrichis et d'extraits. Les utilisateurs disposent ainsi de plus d'informations pour choisir le lien sur lequel cliquer, ce qui génère davantage de trafic vers votre page.
Actuellement, Google prend en charge les données structurées pour les images dans de produits , de vidéos et de recettes .
Comment faire cela
Google recommande d'utiliser JSON-LD pour créer des scripts de données structurées pour votre contenu et vos images.
Il est facile d'ajouter des données structurées grâce à l'un des nombreux plugins gratuits ou payants tels que Schema Pro , Schema.press , etc. Que vous ajoutiez les données de structure d'image manuellement ou via un plugin, les étapes consistent à ajouter des valeurs pour toutes les propriétés et types de données d'image , à valider le code à l'aide du test des résultats enrichis , puis à l'implémenter en soumettant le sitemap d'images à Google afin qu'il puisse explorer et indexer les images.
Pour en savoir plus sur les données structurées et comment les utiliser, consultez notre module sur les schémas .
Pour apprendre à créer et à soumettre des sitemaps, consultez notre module détaillé sur les sitemaps Google Actualités.
L'expérience utilisateur sur la page est un critère important utilisé par Google pour le classement des pages. La vitesse de chargement est l'un des éléments qui la composent.
Voici comment optimiser les images pour améliorer la vitesse de chargement des pages :
Dans ce système, seules les ressources critiques sont chargées initialement, tandis que les autres ressources, moins prioritaires, sont chargées au fur et à mesure des besoins. Les avantages du chargement différé incluent la réduction du trafic réseau et des problèmes de bande passante et des coûts de données associés, une meilleure lisibilité des pages longues, la réduction du chargement des images intégrées qui n'apportent aucune valeur ajoutée au contenu, etc.
Créer des images réactives
Les utilisateurs visualisent les images sur différents appareils. L'utilisation de l'attribut srcset pour ces différents appareils permet à l'image de s'afficher correctement sur des écrans de tailles différentes. Voici un exemple de code srcset pour l'élément img :
Nous avons abordé les points essentiels de l'optimisation d'images. Toutefois, les points énumérés ci-dessous contribuent également grandement à l'optimisation des images pour le référencement naturel.
Les plus belles images du monde ne sauraient compenser un contenu de piètre qualité. L'accent doit être mis avant tout sur un contenu répondant aux besoins des utilisateurs. Les images doivent en être un prolongement naturel et servir d'aide à la narration. Inonder votre page d'images hors sujet ou sans rapport avec le contenu n'améliorera pas votre référencement.
Au contraire, Google s'oppose à de telles pratiques et recommande d'utiliser autant que possible du contenu original. Un contenu de haute qualité , y compris les images, de garantir un bon référencement de votre page
Le contenu qui entoure l'image fournit des informations essentielles aux utilisateurs et aux moteurs de recherche quant à sa pertinence. Google recommande de placer l'image la plus importante en haut de la page.
Bien que la question de savoir si les images placées plus bas dans le classement de la page, au même titre que celles en haut, sont prises en compte pour le classement, fasse débat, il est préférable de suivre les directives de Google à ce sujet.
Tous vos efforts d'optimisation d'images ont peu de chances de porter leurs fruits si vos images ne sont pas accessibles à Googlebot en raison des paramètres robots.txt ou no-index.
Ces droits empêchent Google d'indexer ou d'explorer votre contenu, ce qui signifie qu'il n'apparaîtra pas dans les résultats de recherche. Vous pouvez utiliser la fonction « Inspecter l'URL » de la Search Console pour tester l'accessibilité du contenu et des images.
Par ailleurs, nous vous recommandons de vérifier si un filtre SafeSearch s'applique à votre contenu. SafeSearch est un paramètre utilisateur proposé par Google qui autorise ou bloque les images à contenu explicite et exige que les sites étiquettent correctement ce contenu .
Les tests sont essentiels non seulement pour la visibilité, mais aussi pour vérifier l'affichage de vos images sur différents appareils avant leur publication. Google propose également du contenu visuel immersif avec les stories, dans son format Web Stories . Bien que ce format soit spécifiquement conçu pour les mobiles, les images et les textes apparaissent également dans Google Images et Discover. Vous pouvez utiliser la fonctionnalité « Aperçu pour les développeurs » pour tester votre contenu et créer des récits plus captivants.
Des images libres de droits sont disponibles sur de nombreuses plateformes comme Pixabay, Unsplash et Pexels, entre autres. Bien que leur utilisation soit gratuite, n'oubliez pas que la même image peut avoir été utilisée par plusieurs autres créateurs de contenu.
D'après John Mueller de Google, cela peut rendre plus difficile le référencement de l'image dans les résultats de recherche Google. Dans la mesure du possible, privilégiez les images originales.
Outre le respect des consignes précédentes, il est également important d'éviter ces pièges courants afin de mieux optimiser vos images.
Comme mentionné précédemment, l'utilisation d'un texte alternatif descriptif rend vos images plus accessibles aux utilisateurs. Google tiendra compte de ces attributs et aura tendance à mieux les référencer.
Cependant, il est facile de céder à la tentation d'insérer un maximum de mots-clés dans le but d'obtenir un bon classement dans les SERP. Cette pratique, appelée bourrage de mots-clés, peut nuire à vos efforts. Non seulement elle risque de dégrader l'expérience utilisateur, mais Google pourrait également considérer votre page comme du spam .
Voici quelques exemples d'erreurs à éviter et de textes alternatifs correctement rédigés.
Verdict : Mauvais, car l'attribut de texte alternatif est manquant.
Verdict : Mauvais, en raison d'un bourrage de mots-clés.
Verdict : Bien, mais il devrait être plus descriptif.
Verdict : Idéal
Bien que Google intègre une technologie de reconnaissance optique de caractères (OCR) pour lire le texte imprimé sur les images, sa précision n'est pas garantie à 100 %. De plus, il arrive que les utilisateurs et les moteurs de recherche ne parviennent pas à déchiffrer le texte intégré à l'image.
Si vous avez des informations importantes à transmettre, il est préférable d'utiliser du texte plutôt qu'une image.
Il ne sera probablement pas toujours possible d'utiliser des images originales. Dans ce cas, vous pourriez être tenté d'utiliser Google pour trouver de nouvelles images. Cependant, certaines d'entre elles peuvent être protégées par le droit d'auteur, ce qui restreint leur utilisation. Il est donc important de vérifier les conditions de réutilisation de l'image avant de l'utiliser sur votre page.
Google Images propose un filtre appelé « Droits d'utilisation » permettant de rechercher des images accompagnées d'informations de licence, renseignées par le site hébergeur ou le fournisseur de l'image. Cette fonctionnalité est disponible dans la section « Outils », sous le champ de recherche.
Après avoir sélectionné l'image, vous pouvez consulter les détails de la licence pour comprendre les implications, les coûts (le cas échéant) et les exigences liées à l'utilisation de l'image.
Comme vous pouvez le constater sur la capture d'écran ci-dessus, sous « Droits d'utilisation », les options de licence Creative Commons et Commerciale ou autre sont visibles.
En général, les images sous licence Creative Commons sont libres d'utilisation, mais il peut être nécessaire de mentionner l'auteur et la source. Les images sous licence commerciale sont généralement soumises à des frais d'utilisation. Google recommande de consulter les détails de la licence avant d'utiliser une image sur votre page.
Le paramètre max-image-preview vous permet de définir la taille maximale de l'aperçu de l'image lorsqu'elle apparaît dans les résultats de recherche. Si ce paramètre n'est pas renseigné, Google affichera l'image à sa taille par défaut.
Bien que cela s'applique à toutes les interfaces Google telles que les images, la recherche et Discover, c'est plus pertinent lors de l'utilisation de Discover où les formats plus grands offrent une expérience utilisateur plus riche.
L'utilisation de l'attribut « max image preview » a permis d' améliorer le taux de clics et le trafic pour plusieurs éditeurs. Cet attribut permet à Google d'afficher les images de grande taille dans l'aperçu sans les compresser ni modifier leurs paramètres. Des images de grande taille et de haute qualité dans l'aperçu sont plus susceptibles de capter l'attention des internautes.
Les réseaux de diffusion de contenu (CDN) sont des plateformes d'hébergement externes qui servent de dépôt pour les images et autres fichiers multimédias. Grâce à leur infrastructure avancée axée sur la réduction de la latence et l'optimisation de la bande passante, ils offrent des temps de chargement de page plus rapides que les ressources hébergées en interne. Toutefois, il est important d'évaluer les avantages d'un CDN en fonction de vos besoins spécifiques.
Bien qu'un CDN puisse résoudre certains problèmes techniques, il peut nuire à votre profil de liens entrants. Les liens entrants constituent l'un des facteurs de référencement les plus importants et sont essentiels à la visibilité de votre site dans les résultats de recherche. Vous trouverez plus d'informations sur l' importance des liens entrants dans notre module dédié.
Lorsque vous hébergez une image sur un CDN au lieu de votre propre site, tous les liens retour vers cette image redirigeront l'utilisateur vers le chemin d'accès du CDN, réduisant ainsi le nombre de visites directes sur votre site qu'un lien retour efficace aurait généré.
Un pack d'images est un assemblage d'images provenant de différents sites web susceptibles d'apparaître dans les résultats de recherche Google. Voici à quoi cela ressemble.
Lorsque vous cliquez sur une vignette, vous n'êtes pas automatiquement redirigé vers le site source. Une fenêtre Google Images s'affiche plutôt avec une version agrandie de l'image, comme ceci.
Ce n'est qu'en cliquant à nouveau sur l'image (comme indiqué dans le panneau de droite de la capture d'écran ci-dessus) que vous quitterez Google pour accéder à la page source. Autrement dit, Google Images sert d'intermédiaire avant que la redirection ne soit effectuée.
Si votre image fait partie d'un pack d'images, Google Search Console (GSC) enregistrera une impression pour cette image à chaque fois que le pack sera chargé dans une SERP. Ceci est possible grâce à l'attribut title de votre balise image, qui contient votre URL.
Mais même si vous enregistrez un grand nombre d'impressions, le nombre réel de clics vers votre site sera probablement beaucoup plus faible, car les packs d'images contiennent des liens d'affinage de requête qui génèrent un nouveau résultat de recherche d'images Google au lieu de rediriger les internautes hors de la plateforme.
En raison du fonctionnement des liens d'affinage des requêtes, ainsi que de la façon dont GSC comptabilise les impressions et les clics, les packs d'images peuvent considérablement fausser votre taux de clics (CTR) pour les images.
Nous allons maintenant examiner le cas d'un site web afin de déconstruire la manière dont il a mis en œuvre les directives mentionnées dans ce module pour optimiser les images.
Kirbie Cravings est un blog culinaire basé à San Diego qui a publié des centaines de recettes sur son site. Chaque recette est accompagnée de photos éclatantes et de haute qualité.
Lorsque nous cliquons avec le bouton droit sur la page et que nous affichons son code source, nous voyons l'attribut max-image-preview:large dans le<head> élément situé tout au début du code source.
Par conséquent, les images de haute qualité de l'éditeur apparaissent en aperçu sur les plateformes Google.
Par ailleurs, malgré leur taille importante, ces images ne ralentissent pas le temps de chargement de la page.
Nous cliquons avec le bouton droit sur l'image et sélectionnons « Inspecter ». Un panneau s'ouvre alors à droite de la page, nous permettant d'examiner les propriétés de l'élément sélectionné. Voici ce que nous voyons pour l'image ci-dessus :
Nous observons deux choses intéressantes ici :
Comme nous l'avons évoqué précédemment, les images représentent la majeure partie du poids d'une page ; il est donc essentiel de les garder légères pour accélérer le chargement de votre page.
Nous avons également abordé l'importance d'utiliser le format de fichier approprié. Nous recommandons le format .jpg/.jpeg pour les photographies, tandis que le format .png est recommandé pour les graphiques et les images numériques. On peut constater ci-dessous que Kirbie Cravings utilise le format .png pour toutes ses images numériques, comme les logos et les icônes.
Ensuite, dans ce même panneau d'inspection, lorsque nous cliquons sur « Propriétés », nous pouvons constater que la page a utilisé le chargement différé, malgré le poids relativement léger des images.
Cette page a optimisé ses images avec soin en :
À mesure qu'il évolue pour mieux répondre aux besoins de ses utilisateurs, Google est amené à ajouter/mettre à jour des fonctionnalités et des politiques concernant l'optimisation des images et leur impact sur les résultats de recherche.
En gardant à l'esprit les meilleures pratiques actuelles en matière d'images pour votre site web, vous serez mieux placé pour offrir la meilleure expérience utilisateur, obtenir un meilleur classement dans les SERP et, à terme, générer du trafic vers votre site.
Actif maintenant
Voir plus
