Comment augmentez votre trafic en optimisant le référencement de vos images?
Le référencement d’image en bref
Le référencement des images peut changer la donne pour votre entreprise.
Pour réussir le référencement d’images, faites attention à:
- La découvrabilité, l’explorabilité et l’indexabilité de vos images
- L’autorité des pages sur lesquelles se trouvent vos images
- La pertinence thématique de ces pages
- Légendes des images
- Attributs de l’image (nom de fichier, format, taille et attributs alt)
- La vitesse de chargement de vos images
- Fournir un contexte sur les images – indiqué à l’aide du balisage schéma
Table des matières
- Qu’est-ce que le référencement d’image?
- Pourquoi devriez-vous vous soucier du référencement d’images?
- Qu’est-ce qui influence le classement de vos images ?
- Découvrabilité, exploration et indexabilité
- L’autorité de la page où se trouvent les images
- La pertinence thématique de la page
- Popularité de l’image
- Images liées
- Légendes des images et texte environnant
- Attributs de l’image
- Temps de chargement de l’image
- Comment utiliser le schéma pour communiquer le contexte?
- Quels outils pour analyser le potentiel d’optimisation des images?
Qu’est-ce que le référencement d’image?
L’optimisation du référencement des images comprend les activités utilisées pour obtenir un classement élevé des images dans les listes organiques des moteurs de recherche.
Tout comme avec les pages, les moteurs de recherche essaient de donner un sens aux images. Pour que vos images soient bien classées, vous devez faire tout ce que vous pouvez pour les aider à ce que vos images ont du « sens ». Dans cet article, nous allons vous expliquer comment procéder.
Pourquoi devriez-vous vous soucier du référencement d’images?
Il y a deux raisons de se soucier du référencement d’images:
- Les images peuvent être un énorme moteur de trafic organique de qualité. Surtout maintenant que Google a supprimé l’option « Afficher l’image » (ouvre un nouvel onglet), les utilisateurs sont beaucoup plus susceptibles d’accéder à votre page.
- Lorsque vous faites du référencement d’images, vous optimisez automatiquement les lecteurs d’écran, aidant ainsi les personnes malvoyantes à mieux utiliser et comprendre votre site Web.
Nous parions que vous vous demandez maintenant : « Le référencement d’image sera-t-il également un énorme moteur de trafic pour moi? »
Que ce soit le cas dépend de votre entreprise. Pour nous, cela ne représente en fait qu’une fraction de notre trafic. Habituellement, les personnes qui cherchent à résoudre leurs questions de référencement ne recherchent pas d’images. Les moteurs de recherche le savent, ils renvoient donc la plupart du temps des pages régulières dans leurs résultats.
En règle générale : si les images apparaissent fréquemment comme résultats pour les requêtes pour lesquelles vous essayez de vous classer, le référencement d’images est important pour vous.
Donc, si vous exploitez un site de commerce électronique, un site d’actualités de célébrités ou, par exemple, un site Web de photos, le référencement d’images est extrêmement important.
Astuces Graines de Référenceur
Les images dans le référencement ont un rôle et remplissent trois objectifs dans notre esprit :
- Trafic de recherche d’images
- Ajouter de la qualité à un contenu
- Amélioration du taux de conversion.
Le trafic de recherche d’images ne provient pas seulement de images.google.com, mais aussi de la recherche universelle – et c’est important. Pour certaines intentions de l’utilisateur, Google affichera des vidéos et des images bien en évidence dans les SERP. C’est une excellente solution de contournement si vous ne pouvez pas vous classer au sommet de manière organique.
En termes de qualité de contenu, les images bien faites offrent une meilleure expérience utilisateur et rendent un article plus susceptible d’être partagé et lié. Essayez d’ajouter des images et des graphiques personnalisés et ne revenez qu’aux photos en dernier recours.
Il en va de même pour les conversions : plus l’image est bonne en termes de qualité et de contexte, plus l’impact sur les conversions est important.
D’un autre côté, les images posent un défi en termes d’optimisation de la vitesse de la page. Vous devez vous assurer qu’ils sont compressés, mis en cache et chargés de manière optimale.
—-
Google Images représente près de 22% de la part de marché totale des moteurs de recherche(ouvre un nouvel onglet). C’est un nombre énorme et c’est plus grand que la part de marché des moteurs de recherche de YouTube, Facebook, Amazon et Wikipedia combinés.
Les représentants de Google laissent entendre depuis un certain temps qu’ils s’attendent à ce que la recherche d’images et de vidéos soit un secteur vertical à croissance plus élevée. Comme Google érode continuellement le pourcentage de clics de recherche qu’il envoie aux éditeurs, les images peuvent être un investissement à considérer.
—
Nous avons vu un bon trafic provenant du référencement d’images, en particulier pour tous les sujets qui incluent des diagrammes ou des images explicatives. Mais aussi pour des images amusantes et divertissantes.
Comme pour tout type d’optimisation, plus vous y consacrez d’efforts, mieux c’est.
Quand il s’agit de référencement d’image, même le simple fait de s’assurer que vous obtenez toutes les bases correctement aide déjà. Assurez-vous que la qualité de l’image est bonne, que les dimensions sont correctement dimensionnées, que le nom du fichier image est lisible par l’homme et que l’attribut alt se lit bien avec les mots topiques inclus.
Développez une pratique d’optimisation régulière autour des images et vous verrez les avantages du référencement.
—
Si votre entreprise dépend fortement de la photo (par exemple, la photographie de stock, l’art, les produits visuels uniques ou le divertissement pour adultes), il est logique de se concentrer sur le référencement de l’image. Sinon, il est prudent de lui attribuer une priorité inférieure.
Qu’est-ce qui influence le classement de vos images ?
Il y a toute une liste de facteurs qui influenceront le classement de vos images :
- Découvrabilité, explorabilité et indexabilité
- L’autorité de la page sur laquelle ils se trouvent
- La pertinence d’actualité de cette page
- Popularité de l’image
- Images liées
- Légendes des images
- Attributs d’image (nom de fichier, format, taille et alt)
- Temps de chargement de l’image
- Comment utiliser le schéma pour communiquer le contexte?
Nous expliquerons tout cela en détail ci-dessous.
Découvrabilité, explorabilité et indexabilité
Vous pourriez penser que nous n’avons même pas besoin de le mentionner, mais les gens se trompent tout le temps. Assurez-vous que les moteurs de recherche peuvent découvrir, explorer et indexer vos images facilement.
Aidez les moteurs de recherche à découvrir vos images avec des sitemaps XML d’image
L’inclusion d’images dans vos sitemaps XML permet aux moteurs de recherche de les découvrir facilement et de hiérarchiser l’exploration et l’indexation de vos images.
Vous pouvez créer des sitemaps XML d’image dédiés ou inclure vos images dans vos sitemaps XML existants.
Les deux méthodes sont acceptables, bien que nous vous recommandons de créer des sitemaps XML dédiés aux images si votre site contient des milliers d’images, car le fait d’avoir des sitemaps XML distincts vous donne une meilleure vue d’ensemble lorsque vous analysez les images indexées.
Quelques recommandations concernant les sitemaps XML d’image :
- Chaque balise
<url>
peut contenir jusqu’à 1.000 balisesimage:image
. En d’autres termes, vous pouvez définir 1.000 images par page - Pour définir une légende d’image, utilisez
image:caption
- Pour définir l’emplacement géographique d’une image, utilisez
image:geo_location
- Pour définir une licence d’image, utilisez
image:license
Ressources utiles
- Comment utiliser Google pour indexer votre site Web
- Consignes de Google sur les sitemaps XML et les images
Assurez-vous que vos images sont explorables et indexables
Ce qui ne peut pas être exploré ne peut pas être indexé. Assurez-vous donc qu’un fichier robots.txt mal configuré ne bloque pas l’accès des moteurs de recherche à vos images.
N’empêchez pas Googlebot-Image et Googlebot d’accéder à vos images dans vos robots.txt !
Si vous souhaitez que vos images soient indexées par les moteurs de recherche, assurez-vous qu’elles n’ont pas de directive noindex
d’en-tête HTTP X-Robots-Tag et qu’elles ne sont pas canonicalisées à l’aide de l’en-tête HTTP.
Si vous utilisez la directive robots noindex
sur une page qui contient les images, les images ne seront pas indexées non plus (sauf si elles sont également sur d’autres pages indexables).
Assurez-vous également que vos pages ne contiennent pas la directive noimageindex
, qui communique spécifiquement aux moteurs de recherche que vous ne voulez pas qu’ils indexent les images de votre page.
Lorsque vous diffusez des pages via HTTPS
, empêchez de diffuser des images via HTTP
, car les navigateurs peuvent afficher un avertissement dans la barre d’adresse indiquant que votre site n’est pas complètement sécurisé.
Et pour les moteurs de recherche, vous ne faites qu’ajouter un autre obstacle pour trouver la bonne image à classer.
John Mueller a eu la gentillesse de « confirmer nos réflexions » sur les robots noindex et son impact sur les images(ouvre un nouvel onglet) :
L’autorité de la page où se trouvent les images
Dans la section précédente, nous avons mentionné que les moteurs de recherche classeront les pages sur lesquelles se trouvent les images. Prenons un exemple pour illustrer cela. Si vous recherchez Denzel Washington dans la recherche Google images (ouvre un nouvel onglet), voici ce que vous verrez :
Les trois premiers résultats sont les suivants :
imdb.com
wikipedia.org
variety.com
Qu’ont-ils tous en commun ? Ils ont beaucoup d’autorité.
Une image bénéficie grandement ici de l’autorité de la page sur laquelle elle se trouve.
Gardez cela à l’esprit lorsque vous optimisez vos images et lorsque vous choisissez les pages sur lesquelles placer vos images.
Astuces Graines de Référenceur
Demandez aux personnes qui ont utilisé vos images de vous créditer correctement avec un lien vers la page sur laquelle se trouve chaque image. Surtout dans les niches « ennuyeuses », où il est difficile de créer des liens, c’est une excellente tactique.
Juste au cas où les gens ne vous donneraient pas le crédit approprié, assurez-vous au moins de filigraner vos images, afin que vous obteniez toujours une exposition de la marque.
La pertinence thématique de la page
Le sujet de la page sur laquelle se trouvent vos images influence énormément leur classement. Dans le cas de Wikipédia (le deuxième résultat) pour notre requête « Denzel Washington », cela aide vraiment qu’ils aient une page de 4.000 mots sur lui, car cela ajoute beaucoup de pertinence aux images de cette page pour cette requête.
Notez que WordPress crée une page dédiée « pièce jointe » pour chaque image que vous téléchargez. Cela n’ajoute aucune valeur d’un point de vue SEO, nous vous recommandons donc de le désactiver.
Lisez également : Supprimer les images hébergées sur votre site des résultats de recherche.
Cela consomme le budget de crawl et permet d’obtenir du contenu presque dupliqué.
Astuces Graines de Référenceur
Utilisez stratégiquement les images pour améliorer le contenu écrit d’une page, envoyer des signaux de mots clés plus forts aux moteurs de recherche et améliorer l’expérience de votre public.
Les images aident les utilisateurs à mieux comprendre les informations que vous essayez de transmettre et renforcent les signaux envoyés aux moteurs de recherche sur la qualité et la pertinence de votre contenu.
Google suggère d’utiliser des images pertinentes pour le texte qui les entoure, ce qui est similaire au concept de texte pré et post pertinent entourant les ancres de lien.
Popularité de l’image
Le nombre de fois que l’image est utilisée, la popularité d’une image, est également pris en compte par les moteurs de recherche. Si une image est souvent utilisée, elle doit être populaire et donc bien classée.
L’intégration d’images que d’autres sites Web utilisent déjà et que les moteurs de recherche connaissent déjà vous donne une longueur d’avance pour classer votre image.
Prenez par exemple la photo de Denzel Washington sur Wikipédia.
Lorsque vous effectuez une recherche d’image inversée dans Google, vous constaterez qu’elle est utilisée sur de nombreux autres sites Web.
Vous n’avez même pas à inclure exactement la même image.
Il peut avoir différentes dimensions, différentes tailles de fichiers et même différents formats. Google comprend que c’est la même image.
Astuces Graines de Référenceur
De nombreux référenceurs connaissent les facteurs de classement habituels de l’image : texte alternatif, légendes, texte autour de l’image, en-tête devant l’image, etc.
Mais ce que beaucoup ne considèrent pas, c’est que cela ne prend en compte que les requêtes (!) pour lesquelles l’image peut se classer. Cela ne dit rien sur la popularité de l’image, ce qui est important aussi.
Alors, comment Google mesure-t-il la popularité des images ? C’est assez simple : à quelle fréquence l’image est utilisée.
Peu importe si vous utilisez la même image physiquement (by hot linking ou liaison automatique) ou s’il s’agit d’une copie d’une image. Une copie peut même avoir une compression différente, des dimensions d’image différentes ou une taille de fichier image différente.
L’algorithme d’image de Google reconnaît les copies et les relie en conséquence. En principe, Google dit : « ces images populaires sont souvent utilisées – nous leur donnerons donc la priorité dans les résultats ».
Notre conseil : pour beaucoup de requêtes, les images les mieux classées n’ont pas de copies sur le Web. Ce sont des « images à usage unique ».
Il suffit généralement de télécharger une deuxième ou une troisième version par vous-même – si possible, sur un domaine différent avec un contenu similaire. Ou vous pouvez également amener les concurrents à utiliser l’image.
Mais attention : si Google a plusieurs sources pour la même image, alors la page qui se classe le mieux classera également le plus haut dans la recherche d’images.
Pensez-y – et vous trouverez beaucoup de pépites d’or dans la recherche 🙂 d’images Google. Bonne chance!
Images liées
Inclure des images connexes sur le même sujet, avec un contenu similaire dans les images, vous aide également à mieux classer vos images. Cela aide à devenir plus pertinent et faisant autorité.
Dans le cas de la requête denzel washington, vous devriez rassembler différentes photos de lui et les rassembler sur une seule page.
Voici un autre exemple : disons que vous essayez de vous classer pour Checklist image.
L’inclusion de différentes images contenant des checklists aide toutes ces images à mieux se classer. Veuillez noter que ces illustrations doivent montrer à peu près la même chose, dans ce cas une liste de cases à cocher.
C’est l’une des raisons pour lesquelles Pinterest a si bien réussi à générer du trafic organique à travers les images – ils hébergent des millions d’images, et leurs utilisateurs les catégorisent soigneusement aussi.
Ceci est un exemple de manuel de la façon dont l’inclusion d’images connexes vous aide à vous classer.
Astuces de Graines de Référenceur
Pour un client, nous avons entrepris une campagne d’optimisation d’image à grande échelle.
Nous avons suivi les meilleures pratiques standard telles que les balises alt et les images environnantes avec du texte, mais nous sommes arrivés à des conclusions intéressantes une fois que nous étions dans la campagne.
Nous avons réalisé que Google utilise définitivement l’apprentissage automatique pour interpréter les images.
Nous avons constaté qu’en rendant nos images plus similaires aux résultats les mieux classés, nous étions à notre tour en mesure de mieux nous classer.
Ce n’est peut-être pas facile à faire dans tous les cas, mais dans ce cas, nous essayions de classer les images de factures. Les images qui avaient plus de boîtes et de lignes fonctionnaient mieux que les factures plus jolies qui présentaient de belles images.
Une fois que nous avons trouvé la recette du succès, nous avons également doublé le nombre d’images que nous avons incluses sur la page et c’est là que nous avons vu un autre coup de pouce significatif.
Notre théorie est que si vous donnez plus de choix à Google, il est plus probable de sélectionner des images de votre site et de les afficher dans le pack d’images.
Légendes des images et texte environnant
Le texte qui se trouve à proximité des images ajoute à leur pertinence du point de vue d’un moteur de recherche, et il aide les utilisateurs à mieux comprendre le contenu.
Nous distinguons deux types de texte qui se trouvent à proximité des images ; le premier étant les légendes et le second étant le texte environnant.
Voici un exemple de légende d’image tirée de notre article sur les redirections :
Et voici un exemple d’image avec du texte environnant connexe :
Attributs d’image
Voici un exemple d’extrait HTML pour une image :
<img src="https://exemple.com/images/denzel-washington-graduating-high-school.jpeg" alt="Denzel Washington diplômé du lycée" />
Une balise d’image a un nom de fichier, un format, un emplacement où l’image peut être trouvée et des attributs qui fournissent un contexte.
C’est un autre endroit où les moteurs de recherche vont chercher des indices sur les requêtes pour lesquelles vos images sont pertinentes.
Faites attention à ne pas en faire trop. Ne bourrez pas les noms de fichiers image et les attributs alt remplis de mots-clés.
Voici une ventilation des propriétés d’une image :
- Nom du fichier image
- Format de l’image
- Chemin d’URL de l’image
- Attribut
srcset
d’image pour la diffusion d’images réactives - Attribut
alt
d’image
Nom du fichier image : Comment bien nommer des images pour le référencement?
Assurez-vous que le nom du fichier est descriptif et correspond aux requêtes pertinentes.
- Bon :
denzel-washington-diplômé-lycée
- Mauvais :
photo
Quel format d’image choisir?
Choisir le bon format pour l’image permet de réduire les temps de chargement de l’image et de maintenir une bonne qualité d’image.
- Bon :
.jpeg pour référencer une photo
- Mauvais :
.gif
pour votre capture d’écran qui est censée montrer les détails
Voici les formats d’image les plus populaires et leur meilleur utilité.
Format de l’image | Utilisé de préférence pour |
JPEG (JPG) | Photos |
.PNG |
Logos (car il prend en charge un arrière-plan transparent) et images que vous souhaitez garder nettes, telles que des captures d’écran. |
.GIF | Animations |
.SVG |
Créer des images qui peuvent évoluer sans jamais perdre en qualité (images vectorielles). Les cartes, les icônes et les logos en sont des exemples courants. |
Le WebP |
Développé par Google, WebP est une alternative au JPG et au PNG qui peut être mieux compressée. Nous pensons que WebP a beaucoup de potentiel, et nous le voyons comme l’avenir des formats d’image. Utilisez Squoosh (ouvre dans un nouvel onglet) pour convertir des images au format WebP. |
Ressources utiles
- Consultez le Site « Can I Use » (en anglais et s’ouvre dans un nouvel onglet) pour voir quels navigateurs prennent en charge quels formats d’image (et bien plus encore).
Astuces Graines de Référenceur
Nous voyons souvent que les images PNG sont mal utilisées. Bien qu’avoir des logos ou de petits dessins en PNG soit généralement acceptable, nous voyons souvent de grandes images utiliser ce format au lieu d’avoir le format JPEG ou WebP.
Cela conduit à des images PNG jusqu’à 10 fois plus grandes que la version JPEG, ce qui ralentit considérablement les sites Web.
Le plugin ShortPixel Image Optimizer a une option pour convertir automatiquement les PNG en JPEG et ne le fera que si l’image résultante est plus petite que l’original.
Cela permet à nos utilisateurs de simplement configurer le plugin, puis de l’oublier car le meilleur format d’image sera automatiquement utilisé.
Quel chemin URL pour une image ?
Vous voulez que vos images aient un chemin d’URL court et logique. Évitez d’utiliser une structure de dossiers chronologique comme celle utilisée par WordPress.
Vos images sont probablement intemporelles, alors ne faites pas croire aux gens qu’elles sont dépassées.
- Bon:
/images/denzel-washington-diplome-lycee.jpeg
- Mauvais:
/wp-content/uploads/2016/09/images/denzel-washington-diplome-lycee.jpeg
Attribut srcset d’image pour la diffusion d’images réactives
Compte tenu de l’accent mis par Google sur le mobile, du rôle de la vitesse de la page en tant que facteur de classement et du fait que Google explore principalement avec un agent utilisateur mobile, il est essentiel de servir soigneusement les bonnes tailles d’image aux bons utilisateurs.
Heureusement, vous pouvez définir les versions d’une image qui seront utilisées pour différents appareils et fenêtres.
Par exemple, si vous naviguez sur un site Web sur votre téléphone, vous n’avez pas besoin d’une image d’une largeur de 1024 px
.
Vous pouvez vous contenter d’une version qui ne fait que 400 px
de large, ce qui vous permet d’économiser beaucoup de bande passante.
Vous pouvez définir l’image à utiliser pour quelle largeur de fenêtre d’affichage à l’aide de l’attribut srcset
.
Voici un exemple :
<img src="/images/denzel-washington-diplome-lycee.jpeg" srcset="/images/denzel-washington-diplome-lycee-400.jpg 375w, /images/denzel-washington-v-800.jpg 768w" alt="Denzel Washington diplômé du lycée" />
Dans cet exemple, nous allons servir l’image avec une largeur de 400 px
aux écrans avec une fenêtre d’affichage de 375 px
de largeur et moins, l’image avec une largeur de 800 px
aux écrans avec une largeur de fenêtre d’affichage supérieure à 375 px
et jusqu’à 768 px
, et l’image par défaut à chaque appareil avec une largeur de fenêtre supérieure à 768 px
.
Si vous voulez que vos images soient très nettes sur les écrans Retina, vous pouvez servir des images avec une densité de pixels deux fois supérieure à celle d’une image normale.
Si votre image normale a des dimensions de 600 x 300
et s’appelle denzel-washington-diplome-lycee.jpeg
, alors votre image de rétine devrait avoir des dimensions de 1200 x 600
et être appelée denzel-washington-diplome-lycee@2x.jpeg
.
Astuces Graines de Référenceur
Il est important de comprendre que la même image avec différentes tailles d’image sont essentiellement des images différentes, donc si vous obtenez actuellement beaucoup de trafic de recherche d’images et modifiez la taille de vos images, attendez-vous à ce que le trafic diminue en raison du temps de réexploration.
Espérons qu’il récupère avec le temps, mais tout changement de taille d’image doit être surveillé par une expérience SEO pour suivre les changements de trafic.
—
Le référencement d’images concerne l’impact des fichiers image sur les performances globales – pas seulement dans google.com/images – et ils sont parmi les plus grands contributeurs à la lenteur des temps de chargement.
Diffusez des images via un CDN et utilisez des tailles adaptatives pour empêcher les utilisateurs de charger des images plus volumineuses que nécessaire.
Il existe de nombreux outils pour vous faciliter la tâche, même si vous n’êtes pas le plus technique.
Par exemple, Responsive Breakpoints (ouvre un nouvel onglet) peut créer le code srcset
pour les images adaptatives sans que vous ayez besoin de coder le vôtre.
Attribut alt d’image
L’attribut alt, également appelé – à tort – balise alt ou balise alternative, donne un contexte aux moteurs de recherche. C’est un attribut important à remplir d’un point de vue SEO, mais aussi d’un point de vue utilisateur.
Lorsqu’une image ne peut pas être chargée, elle affiche le texte de l’attribut alt comme solution de secours afin que les utilisateurs puissent se faire une idée du contenu de l’image.
Ceci est également utilisé par les lecteurs d’écran pour décrire ce qu’il y a dans l’image.
Remarque sur l’attribut title de l’image
À l’époque, l’attribut title était également utilisé pour fournir un contexte supplémentaire aux moteurs de recherche.
De nos jours, Google ne l’utilise plus, il n’a donc plus aucun but de référencement.
Temps de chargement de l’image
La vitesse de chargement de la page est l’un des facteurs de classement pour les moteurs de recherche (depuis mai 2021, intégré dans Core Web Vitals).
Il est donc important que les images se chargent rapidement.
En plus de cela, les images utilisent le même budget d’exploration que vos pages et autres ressources.
Pour vous assurer que vos images se chargent rapidement, assurez-vous de :
- Choisissez le bon format d’image (comme indiqué dans la section Formats d’image)
- Indiquez la bonne taille d’image (comme indiqué dans la section Attribut Image
srcset
) - Compressez vos images
Comment compresser une image?
Compressez vos images pour en réduire la taille. Il existe plusieurs options globales pour compresser les images :
- Avec perte : la taille du fichier est considérablement réduite, mais les images perdent en qualité. Cette option permet le chargement d’images le plus rapide.
- Sans perte : la taille du fichier est modérément réduite et les images ne perdent pas en qualité. Cette option ne vous aide pas beaucoup à charger les images rapidement.
- Brillant : c’est le juste milieu entre « avec perte » et « sans perte », équilibrant la diminution de la taille du fichier et la perte de qualité.
Quels outils pour compresser des images?
Voici des exemples d’outils que vous pouvez utiliser pour compresser vos images :
Applications en ligne :
Outils qui s’intègrent à WordPress :
- ShortPixel(s’ouvre dans un nouvel onglet)
- EWWW Image Optimizer(s’ouvre dans un nouvel onglet)
- Imagify(ouvre un nouvel onglet)
- Smush(s’ouvre dans un nouvel onglet)
- TinyPNG(s’ouvre dans un nouvel onglet)
Outil qui s’intègre à Magento: TinyPNG (ouvre un nouvel onglet)
Application de bureau : ImageOptim (s’ouvre dans un nouvel onglet)
Ressources utiles
Astuces Graines de Référenceur
Dernièrement, la chose la plus importante sur laquelle je me suis concentré pour le référencement d’images est les grandes images et les types d’images appropriés.
Ecraser, optimiser, rogner et utiliser mon outil préféré / projet – Squoosh (s’ouvre dans un nouvel onglet et en anglais).
C’est une grande partie des sites sur lesquels j’ai travaillé ces derniers temps et avant que nous puissions parler de la dénomination des images, du texte alternatif, des légendes et du texte très important qui entoure l’image pour le contexte – il doit se charger rapidement.
Qu’il s’agisse d’optimiser l’image avant et de télécharger directement sur leur propre site, en utilisant des plugins pour optimiser le dimensionnement / les types d’images, appliquées par programmation avant que les images n’atteignent le serveur, via un CDN ou les nombreuses autres façons, il y a une conversation à avoir dans tous les cas.
Je suis très enthousiaste à l’idée que Chrome ajoute un chargement paresseux natif (s’ouvre dans un nouvel onglet), et j’ai hâte d’essayer cela !
—
TinyPNG n’est pas un moteur de compression typique. Chaque image est analysée lorsque vous la téléchargez. Les textures, les motifs et les couleurs sont automatiquement identifiés.
L’encodeur décide en fonction de ces caractéristiques de la qualité à utiliser. Le résultat final est comparé à l’original et affiné.
Il n’y a pas de boutons à tourner, vous n’avez plus qu’à ajuster vous-même la qualité d’encodage.
Meilleures pratiques en matière de vitesse de page qui s’appliquent également aux images
Dans cette section, nous couvrirons les meilleures pratiques d’optimisation de la vitesse de la page qui vont au-delà des images, mais qui méritent d’être notées compte tenu de leur impact du point de vue du référencement et de l’utilisateur.
Diffuser des images via un CDN
L’utilisation d’un CDN tel que Cloudflare pour diffuser votre contenu, y compris les images, présente de nombreux avantages.
Étant donné qu’un CDN permet aux utilisateurs de demander votre contenu au serveur le plus proche d’eux, il réduit considérablement les temps de chargement.
Utiliser la mise en cache du navigateur
Utilisez la mise en cache du navigateur pour vous assurer que les images utilisées sur plusieurs pages sont mises en cache.
Les exemples sont les images utilisées à l’échelle du site, telles que par exemple les logos dans l’en-tête, la barre latérale et le pied de page.
Utiliser le chargement différé pour les images
Bien que l’utilisation du chargement différé ou paresseux pour les images n’accélère pas leur chargement, il est important du point de vue de l’optimisation de la vitesse de la page, et puisque nous parlons d’images, il est logique de le mentionner ici aussi.
Différez le chargement de vos images jusqu’à ce qu’elles soient nécessaires, et aussi jusqu’à ce que tous les éléments essentiels au rendu de la page soient chargés.
Il est plus important pour les utilisateurs que les pages soient rapidement utilisables que qu’elles aient l’air parfaites.
Pourquoi charger immédiatement des images qui se trouvent tout en bas sur une page, lorsque les utilisateurs commencent à lire en haut ?
Remarques importantes sur le chargement différé
Il est important de noter ici qu’il est recommandé de ne pas utiliser le chargement différé pour les images essentielles à la page.
Les moteurs de recherche n’exploreront pas et n’indexeront pas immédiatement les images incluses à l’aide du chargement paresseux, car pour que les moteurs de recherche « voient » ces images, ils doivent d’abord afficher la page.
Nous vous recommandons d’inclure toutes les images essentielles directement dans le code HTML et d’utiliser le chargement paresseux pour toutes les images non essentielles.
Il y a beaucoup de développements sur le sujet du chargement paresseux, comme Google a annoncé (ouvre un nouvel onglet et en anglais) le 6 août 2019 qu’ils ajoutent un support natif pour le chargement paresseux à partir de Chrome 76.
Nous n’avons pas attendu que d’autres navigateurs majeurs sautent dans ce train en marche, alors gardez un œil sur cette page du Site « Can I Use » (ouvre un nouvel onglet en anglais).
Cela semble prometteur cependant, car cela signifie – quand il y a suffisamment de support d’autres navigateurs – il n’est plus nécessaire d’implémenter le chargement paresseux via JavaScript.
Cela signifie que les temps de chargement des pages diminueront et que l’ensemble du processus d’exploration et d’indexation (article à venir) de vos images par les moteurs de recherche sera également accéléré.
Comment utiliser le schéma pour communiquer le contexte?
Marquez toute image représentative de votre contenu à l’aide du balisage Schema.org. Cela aide les moteurs de recherche à comprendre son contexte, et cela augmente également les chances que vous gagniez des extraits en vedette avec cette image. Avoir l’image là fait ressortir davantage l’extrait en vedette, et vous obtiendrez donc également plus de clics.
Voici un exemple d’extrait de code référençant une image :
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Article",
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "https://grainesdereferenceur.com/academie/image-seo"
},
"headline": "Image SEO: the Ultimate Guide",
"image": {
"@type": "ImageObject",
"@id": "https://grainesdereferenceur.com/academie/image-seo/#primaryimage",
"url": "https://grainedereferenceur.com/media/social-cards/og-en-grainesdereferenceur-image-seo@2x.png",
"width": 1200,
"height": 600,
"caption": "Guide SEO image"
},
"datePublished": "2022-05-17T08:00:00+08:00",
"dateModified": "2022-05-17T09:20:00+08:00",
"author": {
"@type": "Person",
"name": "GDR"
},
"publisher": {
"@type": "Organization",
"name": "Graines de Referenceur",
"logo": {
"@type": "ImageObject",
"url": "https://grainedereferenceur.com/wp-content/uploads/gdr@3x.png"
}
},
"description": "Un guide utile pour augmenter le classement de vos images"
}
</script>
Quelques conseils :
- Assurez-vous que les images référencées dans votre balisage Schema.org peuvent être analysées et indexées, comme décrit dans la section « Découvrabilité, explorabilité et indexabilité ».
- Les images doivent être pertinentes pour la page.
- Les images doivent être en .jpg, .png format GIF.
- Fournissez les images en haute résolution, avec les proportions suivantes : 16×9, 4×3 et 1×1.
Ressources utiles
Astuces Graines de Référenceur
En ce qui concerne les images, il est important de se rappeler les bases, et bien que Google fasse de grands progrès et améliorations dans la reconnaissance du contenu des images, ce n’est toujours pas un système sans faille.
Vous devez vous assurer que vous rendez la vie aussi facile que possible à Google et que vous lui donnez autant de signaux que possible pour identifier correctement les images.
De nombreuses recommandations de Google (s’ouvre dans un nouvel onglet) n’ont pas changé depuis 2012 et, bien que basiques, elles peuvent rendre vos images beaucoup plus difficiles pour votre site Web.
Quels outils pour analyser le potentiel d’optimisation des images?
Il existe plusieurs outils pour vous aider à analyser votre potentiel en matière d’optimisation d’image. Ils analyseront les images que vous utilisez actuellement et évalueront le potentiel d’optimisation. Dans la plupart des cas, vous pouvez réduire considérablement le temps de chargement de plusieurs secondes.
Liste des outils :
- Test de vitesse du site Web(s’ouvre dans un nouvel onglet)
- Google Lighthouse dans Chrome DevTools(ouvre un nouvel onglet)
- GTMetrics(ouvre un nouvel onglet)
- TinyPNG Analyzer(ouvre un nouvel onglet) – Cet outil vous montre non seulement la taille actuelle de vos images, mais il les compresse également en temps réel afin que vous puissiez voir directement combien vous pouvez économiser.
Veuillez noter qu’il s’agit d’outils automatisés et que vous devez prendre le résultat avec beaucoup de vigilance.
Ne prenez pas le résultat comme les points d’action les plus importants. Comme pour tout en SEO, restez toujours critique et mettez les choses en perspective.
Pour conclure, ne pensez pas seulement aux images comme un moyen de parvenir à une fin d’un point de vue SEO.
Avoir des images attrayantes ajoute également beaucoup de valeur du point de vue de l’optimisation du taux de conversion. Surtout pour le commerce électronique.
Prenez par exemple Google Shopping – où l’une des batailles de contenu les plus féroces est menée tous les jours, H24 ! Avoir de bonnes pages de produits fait toute la différence. V
ous ne pouvez pas utiliser n’importe quelle image pour cela, il existe des directives strictes et des meilleures pratiques (ouvre un nouvel onglet) à respecter.