Lorsque les gens s'occupent d'optimisation des images pour les moteurs de recherche (SEO), ils ne choisissent que les petits fruits qui pendent : optimisation du temps de chargement et textes alternatifs. Le référencement des images est une véritable science et va bien au-delà.
Leréférencement des images a un impact sur la façon dont vos images sont classées dans Google images, mais pas seulement. Il affecte également votre potentiel de recherche organique dans son ensemble : l'optimisation de vos images pour les moteurs de recherche aura également un impact positif sur le classement de votre page.
Ce guide de référencement vous fournira tous les conseils et informations nécessaires pour optimiser parfaitement vos images pour les moteurs de recherche.
D'une part, si vous remplissez attributs HTML de l'image vous renforcez correctement votre page sur le plan sémantique et vous aidez les moteurs de recherche à comprendre votre contenu.
D'autre part, l'optimisation des images améliorera le temps de chargement de vos pages et votre l'expérience de vos utilisateurs : il n'y a pas de bon article sans bonnes images.
Dans ce guide, je ferai un large tour d'horizon de ce que vous devez savoir pour tirer le meilleur parti de vos images pour les moteurs de recherche, mais aussi pour vos utilisateurs. Le guide de démarrage de Google SEO est très clair à ce sujet !
Toutes les astuces et tous les hacks que je mentionnerai dans le guide visent d'une manière ou d'une autre à améliorer le référencement et l'expérience de l'utilisateur.
Les faits sont indéniables: la puissance marketing et SEO des images est incroyable. Vraiment.
Avant de créer notre plugin WordPress pour l'Image SEO, j'ai passé au peigne fin toutes les études SEO et Marketing existante sur l'impact des images sur les moteurs de recherche et les comportements des clients. Voici un résumé de ce que j'ai découvert :
Cela signifie que l'optimisation de vos images augmentera à la fois votre trafic organique (optimisation SEO) et vos ventes (optimisation UX).
Dans ce chapitre, je vais passer en revue tous les attributs HTML qui comptent pour le référencement des images, c'est-à-dire
Le nom de votre fichier image est l'un des facteurs les plus importants pour le référencement des images.
L'attribut texte alternatif aidera les robots de Google à comprendre le contenu de vos images.
L'attribut texte title est moins important que le nom de fichier et l'attribut texte alternatif lorsqu'il s'agit de référencement.
L'attribut texte title améliore l'expérience de l'utilisateur lorsque vous faites défiler une image.
Bon ok, c'est pas vraiment ma voiture..
La balise figcaption est souvent affichée sous une image, pour fournir plus d'informations à son sujet.
Je vais utiliser la même photo pour aborder chaque attribut HTML de l'image et vous aider à comprendre les différences entre eux.
Je suis sûr que vous vous êtes déjà demandé quelle était la différence entre la balise ALT et la balise TITLE, n'est-ce pas ? Alors, commençons !
Commençons par le plus évident et le plus simple : le nom de l'image. Le référencement et le SEO en général consistent à aider les robots des moteurs de recherche à comprendre votre contenu et comment vos utilisateurs interagissent avec lui. Le nom de votre image devrait refléter cela.
Cette citation vient de Matt Cutts qui travaille pour Google depuis janvier 2000. Les noms des images doivent donc être une combinaison de quelques mots-clés pertinents.
Les noms des images doivent être courts mais descriptifs. D'après les données que nous avons traitées depuis la création de notre plugin, les images les plus performantes ont une longueur d'environ 12 caractères .
Nous vous conseillons de conserver la longueur de votre image entre 8 et 16 caractères. Ni plus, ni moins.
Cette longueur correspond à 2 ou 3 mots-clés. Elle suffit pour aider Google à comprendre vos photos et vous évitera de faire du bourrage de mots-clés.
Depuis que Google domine le marché des moteurs de recherche, le bourrage de mots-clés est devenu inutile ou pire encore : Google pénalise de plus en plus de sites web qui utilisent le bourrage de mots-clés et les compétences en matière de SEO.
Nous vous conseillons fortement d'appliquer nos conseils et nos bonnes pratiques lorsqu'il s'agit de remplir les attributs HTML des images pour le référencement.
Vous pouvez utiliser des astuces de black hat SEO, mais à vos risques et périls!
Les gens ont souvent du mal à comprendre comment écrire de façon optimisée textes alternatifs parce qu'ils ne comprennent pas ce qu'est un texte alternatif et à quoi il sert.
Parlons d'abord de la terminologie : Texte alternatif, alt, balise ALT, attribut ALT: c'est la même chose. Point final.
Bien que le terme le plus correct soit "attribut de texte alternatif", ils se réfèrent tous à la même chose : une alternative textuelle à l'image.
La balise ALT doit décrire ce qui se trouve sur une image (= le contenu) et la fonction de cette image sur la page.
Chaque fois qu'une image a un but sur votre page, elle devrait avoir un texte alternatif.
Les textes de l'ALT remplissent trois fonctions.
Lestextes de l'ALT devraient reposer sur deux piliers : Le contenu et la fonction. Votre ALT doit décrire votre image (= contenu) et expliquer pourquoi vous l'utilisez pour (= fonction).
Le contexte de votre page doit être le lien logique entre le contenu et la fonction de votre image.
La meilleure alternative à l'image dans cette situation est "Tesla noir chargeant avec de l'électricité sur un parking".
Pourquoi ? Parce qu'elle donne juste la bonne quantité d'informations à une personne ayant un handicap visuel pour comprendre ce dont il s'agit.
Les textes alternatifs peuvent (et doivent) être plus longs que vos textes alternatifs. Il n'y a pas de règles à ce sujet : Essayez d'écrire le moins de mots-clés possible pour décrire l'image à quelqu'un qui ne peut pas la voir.
J'ai écrit un article détaillé sur la façon de rédiger parfaitement des textes alternatifs avec des exemples. Vous devriez y jeter un coup d'œil.
You don’t need to add an alternative text on decorative images. You can let them blank of add a null alt tag: <img alt=””>.
Nous avons vu plusieurs plugins WordPress offrant la génération automatique de balises de titre pour le référencement : LA BALISE TITRE N'A PAS D'IMPORTANCE POUR LE RÉFÉRENCEMENT.
Ils ne sont pas indexés par les moteurs de recherche. Période. Ceci étant dit, les textes des titres ne sont pas totalement inutiles.
Les textes des titres sont affichés lorsque l'utilisateur passe la souris sur une image ou une photo. Cela peut être agréable pour l'expérience de l'utilisateur. Nous vous recommandons de ne pas passer beaucoup de temps sur l'optimisation des textes de titre. Ils ne sont pas importants pour le référencement.
Figure et figcaption sont probablement les plus sous-estimées SEO et les armes de marketing. Les utilisateurs se concentrent 60% plus sur les textes des figcaptions que sur les paragraphes qui entourent les images. C'est de la folie.
Le chiffre représente une unité de contenu, facultativement avec une légende, qui est autonome, qui est généralement référencée comme une unité unique du flux principal du document, et qui peut être éloignée du flux principal du document sans affecter la signification du document.
Source W3C : HTML : Le langage de balisage (un langage de référence HTML)
Les textes des légendes (figcaption) doivent être écrits à l'intérieur d'un élément figure.
L'élément figcaption représente une légende ou une légende pour une figure.
Source W3C
Ce que je vais dire pour la légende est également vrai pour les paragraphes qui entourent vos photos.
Pour les moteurs de recherche, le contenu qui entoure vos images est plus susceptible d'être en rapport avec elles. Il est donc important d'utiliser les mots clés que vous ciblez dans la légende de la photo ou juste avant ou après les images.
Comme je l'ai déjà dit, les gens font clairement plus attention à la légende. Vous devez profiter de cette occasion pour mettre en valeur vos mots-clés, votre appel à l'action ou vos arguments de vente. Cela peut aussi être de l'humour.
Les résultats des tests que j'ai effectués sont clairs comme de l'eau de roche : les images avec une légende sont mieux classées lorsqu'elles sont entourées d'une légende optimisée.
Les noms des images doivent être courts ; les textes alternatifs (alt) doivent être descriptifs, les textes des titres peuvent être laissés en blanc mais les légendes des illustrations doivent être accrocheuses.
Utilisez, en une phrase, votre meilleur slogan, si possible en utilisant des mots-clés optimisés pour le référencement, mais pensez d'abord à UX.
Dans cet exemple, j'ai d'abord optimisé UX avec une (mauvaise) blague, mais j'ai aussi optimisé le référencement en utilisant des mots-clés tels que "voiture", "électricité", "recharge" et Tesla.
Sans plugins, l'optimisation SEO des images sur WordPress est un véritable casse-tête. Par exemple, vous ne pouvez pas renommer vos images après les avoir téléchargées.
Nous espérons avoir développé un plugin SEO utilisant l'intelligence artificielle pour aider les gens à faire face à ce problème.
Plugin SEO pour les images utilise l'IA pour remplir automatiquement les textes alterna tifs et réécrire les noms des images. Vous pouvez optimiser vos images lors du téléchargement ou regrouper l'ensemble de votre bibliothèque.
Le plugin Image SEO Optimizer est un gain de temps incroyable.
Il existe une version freemium pour les blogueurs occasionnels (10 optimisations d'images par mois). Sinon, vous pouvez vous abonner à un plan mensuel à partir de 4,99€ ou acheter un pack d'images.
Ce plugin permet de gagner beaucoup de temps !
Les images sont le meilleur atout pour l'expérience utilisateur car elles rendent votre page utile et attrayante.
Cependant, les images peuvent aussi être votre pire cauchemar car elles augmentent le temps de chargement de votre page. Elles peuvent aussi briser votre design web ou véhiculer un mauvais message.
Cela signifie que vous ne devez pas abuser des images. Cela signifie aussi qu'il faut être très pointilleux dans le choix des images ou des photographies.
Dans cette section du guide, je vais utiliser les conseils de photographes professionnels pour vous aider à choisir vos images.
Les clients aiment les contenus originaux et nouveaux. Ils sont plus susceptibles de fermer une page web contenant des informations ou un produit qu'ils ont déjà vu ailleurs.
Pourtant, quelles sont les premières choses que les yeux des utilisateurs obtiennent lorsqu'ils atterrissent sur une page ? Son image principale. Peut-être le titre.
Cela signifie que la première image de votre page doit être accrocheuse et originale. Ceci est essentiel et peut réduire considérablement le taux de rebond de votre page.
Imaginons que votre page soit un profil Tinder : vous devez d'abord utiliser VOTRE meilleure photo si vous voulez que des filles ou des garçons continuent à faire défiler votre profil. Il devrait en être de même pour une page web : utilisez d'abord VOTRE meilleure image si vous voulez que les gens continuent à défiler vers le bas.
J'insiste vraiment sur ce point : pour être optimisée, la première photo de votre page doit être unique. Les gens n'aiment pas les faux contenus ou les contenus dupliqués, et Google non plus.
Les images uniques sont en effet plus susceptibles d'être mieux classées dans les résultats de recherche et c'est là que vous voulez que vos images soient exactes ?
Il est donc préférable que l'image présentée ne provienne pas d'un site internet de photos en libre accès.
J'ai passé beaucoup de temps sur Reddit et Quorum avant d'écrire ce guide pour comprendre ce que les gens demandaient sur l'optimisation SEO des images. " Il est préférable d'utiliser le png ou le jpeg pour le référencement ? " était une question du top 5.
Malheureusement, il n'y a pas de bonne réponse à cette question : le format de l'image doit toujours être adapté à l'objectifde l'image.
JPEG (Joint Photographic Experts Group) est le format d'image le plus courant sur Internet. Vous devez l'utiliser pour les images dont la qualité est importante : photographie, fiche produit, etc.
Les fichiers JPEG peuvent être extrêmement comprimés, ce qui permet d'obtenir des images de qualité avec des tailles de fichier relativement petites. Vous devez toujours compresser votre image.
Alerte au spoiler : les WebP sont meilleurs que les JPEG pour le référencement.
LePNG (Portable Network Graphics) a été créé pour remplacer le GIF. Les images PNG ont une meilleure qualité et une meilleure taille que les GIF. Les fichiers PNG supportent la transparence, ce qui les rend très utiles pour les graphiques ou les icônes.
Vous ne devez pas utiliser de PNG pour les photos ou les images car le rapport qualité/taille est bien meilleur avec le JPEG.
En 2020, la seule raison justifiant l'utilisation du GIF sur Internet est l'art simple et les animations.
Si elles ne sont pas vraiment bonnes pour le référencement, les images GIF ont un pouvoir marketing incroyable et il peut être agréable de mettre un GIF sur une page d'accueil.
LeSVG (Scalable Vector Graphics) est un format très intéressant pour le référencement pour deux raisons : il est léger et réactif. Les images SVG sont également géniales sur un écran de rétine.
Les images SVG et leurs comportements sont définis dans des fichiers texte XML, ce qui signifie qu'elles peuvent être créées et éditées avec n'importe quel éditeur de texte. Vous devriez essayer d'utiliser les images SVG aussi souvent que possible pour l'optimisation de votre référencement.
Toutes les images ne peuvent pas être converties en SVG. Pour obtenir votre fichier SVG, vous devez télécharger Adobe Illustrator ou utiliser un convertisseur d'images en ligne. Faites attention au fichier SVG ou au code que vous trouvez sur Internet. Ils pourraient ouvrir une faille de sécurité pour votre site web.
Je reçois personnellement mon dossier SVG sur Flaticon. La plus grande base de données d'icônes gratuites disponible en SVG.
Comme le JPEG ou le PNG, le WebP est une méthode de compression avec perte qui peut être utilisée pour les photos ou les images. Une étude comparative réalisée par Google a récemment démontré que les fichiers WebP atteignent en moyenne une compression de 30 % supérieure à celle du JPEG sans perte de qualité de l'image.
Vous devez donc privilégier l'utilisation de WebP par rapport à celle de JPEG ou de PNG. Cela aura un impact positif sur votre temps de chargement.
Notez également que le format WebP a été développé par Google et ce n'est pas un secret que Google a tendance à favoriser ses propres produits.
Toutes les informations sont disponibles sur le site de Google. Notez que vous devrez être à l'aise pour écrire des commandes dans le terminal de votre système d'exploitation.
Ce n'est pas de la science-fusée, mais si vous rencontrez des difficultés, envoyez-moi un message à aurelio@imageseo.io et j'écrirai un article à ce sujet.
Vous pouvez également utiliser un convertisseur d'images en ligne (voir ci-dessus) ou un plugin comme Imagify.
| Format de l'image | Recommandations SEO |
|---|---|
| JPG / JPEG | Donner la priorité à l'utilisation du WebP. |
| PNG | N'utilisez PNG que lorsque vous avez besoin de transparence ou pour de très petites images. |
| GIF | N'utilisez le GIF que lorsque vous avez besoin d'animer une image. |
| SVG | Utilisez SVG aussi souvent que possible, mais ne téléchargez pas SVG à partir de sites Web auxquels vous ne faites pas confiance. |
| WebP | Vous devriez toujours essayer d'utiliser WebP sur d'autres formats lorsque vous n'êtes pas limité par la transparence ou l'animation. |
WebP format est un effort pertinent pour l'image SEO.
Lesmétadonnées EXIF sont utilisées par les appareils photo pour stocker des informations dans les photos, lors de la compression des images. Elles intègrent des données telles que la date, l'heure, le modèle et les paramètres de l'appareil photo, la géolocalisation, etc. Elles sont parfois utilisées par la police pour savoir où une photo a été prise. Ils sont utiles pour les algorithmes de Google car ils réalisent des données spécifiques sur votre photo.
L'optimisation desdonnées EXIF ne devrait pas être votre priorité lorsque vous optimisez le référencement de vos images. Vous devez d'abord vous concentrer sur les noms des images, les textes alternatifs et la compression.
Cela dit, il vaut vraiment la peine de passer du temps à optimiser les données EXIF de quelques images. C'est peut-être le facteur de classement qui vous permettra de dépasser vos concurrents.
Notez que les données Exif et IPTC sont également importantes pour Google Lens.
Pour éditer et optimiser vos données EXIF pour le référencement, vous n'avez besoin que de GIMP, mais vous pouvez aussi le faire avec Adobe Photoshop ou Adobe Lightroom.
Le chemin est : Image > Métadonnées > Modifier les métadonnées.
Ensuite, sélectionnez les champs vides que vous voulez mettre à jour et cliquez sur "Write Metadata".
N'ajoutez que des données pertinentes telles que 2 ou 3 mots-clés (pas plus), l'auteur et le lieu, surtout si votre image concerne une entreprise locale.
N'oubliez pas de cocher les trois cases Données Exif, Données XMP et Données IPTC lorsque vous exportez votre image.
Je sais que les photographes sont vraiment intéressés par ce sujet. Si vous possédez un site web de photos, consultez mon ultime guide de référencement pour les photographes. Vous allez l'aimer !
Quand je ne prends pas les photos moi-même (rappelez-vous ce que j'ai dit sur l'importance des critères d'originalité pour l'optimisation du référencement des images), je les obtiens sur deux sites dédiés au partage gratuit de photos de stock : UnSplash et Pixabay. Ils ont beaucoup de photos étonnantes libres de droits.
Vous pouvez également utiliser Canva pour créer des illustrations étonnantes.
Si vous avez lu jusqu'ici dans le guide, vous savez que le temps de chargement des pages peut avoir un impact considérable sur votre classement dans les SERP. Si vous ne les optimisez pas, les images peuvent par conséquent avoir un impact négatif sur votre référencement en raison de leur taille.
Google a déclaré que la vitesse du site est l'un des facteurs les plus importants utilisés par son algorithme pour classer les sites web.
Les pages dont le temps de chargement est long sont également mauvaises pour l'expérience de l'utilisateur. Cela peut avoir des conséquences importantes : baisse du taux de rebond, critiques négatives, réduction de la conversion, etc.
L'une des erreurs les plus courantes en matière de référencement des images est de télécharger une grande image, puis de l'afficher très petite. Dans ce cas, la grande image est toujours téléchargée. Il est donc important que vous preniez le temps de redimensionner les images de la manière dont vous souhaitez les afficher.
Notez que WordPress fournit automatiquement des images en plusieurs tailles et des images réactives après le téléchargement. Si vous n'utilisez pas WordPress, vous devez le faire vous-même avec GIMP, Sketch, Photoshop ou Illustrator.
Une fois que vous avez créé votre image en plusieurs tailles, vous devez y ajouter un attribut srcset. Cela permettra aux navigateurs de sélectionner la source de fichier appropriée pour chaque appareil.
Vous pouvez définir la taille par la largeur de l'image (w) ou par la densité de l'image (x). Ne mélangez pas les deux comme dans notre exemple. Je l'ai fait pour vous montrer la structure.
Il n'y a pas de preuve que vous devriez utiliser l'un sur l'autre mais comme je suis un maniaque du contrôle , je vous recommande d'utiliser la largeur, plutôt que la densité.
La largeur est moins susceptible de briser votre dessin ou quoi que ce soit d'autre.
Lazy-loading est une technique Javascript qui diffère le chargement des images, les laissant "hors écran" jusqu'à ce que vous en ayez besoin. Le chargement paresseux n'entre en action que lorsque les utilisateurs accèdent à votre contenu au fur et à mesure qu'ils font défiler la page.
Lechargement paresseux de vos images n'empêchera pas qu'elles soient indexées par les robots de Google. C'est une victoire rapide pour le référencement et l'UX. Mais attention : vous ne devez pas charger paresseusement toutes vos images. Seulement celles qui ne sont pas critiques.
Si vous utilisez WordPress, il existe un excellent plugin d'optimisation de la vitesse appelé WP-Rocket qui peut implémenter le Lazy-Loading sur les images pour vous.
Si ce n'est pas le cas, je vous invite à lire les directives de Google sur l'implémentation de Lazy loading ou le guide sur le chargement paresseux de CSS-Trick.
Edition : la dernière version de WordPress met en œuvre nativement le chargement paresseux des images.
La compression d'image est le fruit de l'optimisation du référencement d'image : vous devez l'attraper. Il améliorera les performances de vos pages et votre expérience utilisateur.
Vous ne devez jamais avoir peur de compresser vos images: la plupart du temps, l'utilisateur ne peut pas voir la qualité perdue.
Il existe deux techniques principales de compression d'image : Compression sans perte et compression avec perte.
J'ai déjà mentionné l'importance de EXIT et des métadonnées pour le référencement. La méthode de compression d'image sans perte consiste presque uniquement à se débarrasser de ces métadonnées. C'est pourquoi j'ai dit que vous ne devriez optimiser les données EXIF que pour vos images les plus importantes.
Dans la méthode de compression avec perte d'image, les données numériques ne sont pas décompressées à 100% de l'original. Cela signifie que lorsque vous utilisez la compression avec perte, votre image perdra quelques pixels et donc une certaine qualité.
À ce stade, vous vous demandez probablement : dois-je utiliser une compression avec ou sans perte pour mes images ? La plupart des guides et blogs de référencement parlant d'optimisation d'images disent qu'il s'agit de trouver un bon compromis entre la taille du fichier et la qualité de l'image. C'est vrai, mais pas complètement.
Le référencement consiste à trouver un bon compromis, MAIS lorsqu'il s'agit de compression d'images, nous pouvons tromper l'œil humain et c'est pourquoi vous devez privilégier la compression à la qualité . Dans une certaine mesure, bien sûr.
Vous pouvez compresser vos images à l'aide de logiciels (GIMP, Photoshop, Illustrator, etc.) ou de services de compression en ligne tels que Image Optim.
Si vous utilisez WordPress, je vous recommande d'utiliser ShortPixel parce que :
Si vous n'aimez pas les ShortPixel, Imagify, Smush sont également d'excellentes alternatives pour la compression et l'optimisation des images sur WordPress.
Pour que les images de votre site soient incluses dans le SERP, il faut qu'elles figurent dans l'index de Google.
L'indexation de vos images par Google est déterminée par des algorithmes, mais vous pouvez influencer le processus et aider les moteurs de recherche en créant plans de site en images.
Un sitemap est un fichier XML dans lequel vous fournissez des informations sur les pages, les vidéos et les images de votre site, ainsi que sur les relations entre elles. Il aide les moteurs de recherche à explorer votre site.
Si votre lien interne est optimisé et que votre site est petit, vous ne devriez pas avoir besoin de sitemaps. Cependant, dès que vos sites deviennent plus grands, les robots d'indexation peuvent ignorer votre contenu et en sauter une partie. C'est pourquoi les sitemaps et les sitemaps d'images sont importants pour le référencement : ils peuvent garantir que tout votre contenu est indexé par Google.
Vous pouvez utiliser un plan de site séparé pour lister les images, ou vous pouvez ajouter des informations d'image à un plan de site existant. Cet exemple montre une entrée de plan de site pour la page http://imagesitemap.com/page.html, qui contient trois images.
Lorsque vos plans de site d'images sont prêts, n'oubliez pas de les envoyer à Google à l'aide de l'outil Sitemaps de la console de recherche. Pour tous les autres moteurs de recherche, ajoutez la ligne de code suivante dans votre fichier robots.txt :
Sitemap: http://mysitemap.com/sitemap_location.xmlTous les principaux plugins SEO disponibles sur WordPress ont une fonction de création de sitemaps en images. Je recommande d'utiliser SEOPress plutôt que Yoast et RankMath.
Pourquoi ? Parce que j'ai travaillé avec des gens du SEOPress dans le passé et que leur soutien est vraiment réactif.
J'ai travaillé quotidiennement sur le référencement d'images au cours des 10 derniers mois et si j'avais un commentaire supplémentaire à faire, ce serait : l'avenir du web est visuel. Vous devriez vraiment faire attention au référencement d'image parce que le retour sur investissement des actions de référencement d'image est très bon.
Nous arrivons à la fin de ce guide sur l'optimisation du référencement des images. Si vous avez une question ou un commentaire, n'hésitez pas à m'envoyer un message sur Twitter!