Optimisation de l'image SEO : Le guide ultime pour 2021. Convivialité de WordPress

Qu'est-ce que le référencement des images ?

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.

Google results seo
Les images sont souvent affichées dans les résultats de recherche.

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.

L'expérience utilisateur devrait être au cœur de votre stratégie de référencement

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.

Pourquoi l'optimisation des images pour les moteurs de recherche est-elle importante ?

Image SEO Matters

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 :

Impact de l'optimisation de l'image pour les moteurs de recherche

  • La recherche d'images représente environ 30 % de toutes les requêtes générées sur le Web aux États-Unis (Source Moz) ;
  • Plus d'un tiers de tous les mots-clés de recherche contiennent maintenant des résultats issus de Google Images. La statistique monte à un sur deux, lorsque les images sont dans les 10 premiers résultats (source SeoClarity) ;
  • Chaque jour, plus d'un milliard de requêtes sont effectuées dans Google Images (Source Google) ;
  • Il y a plus de 600 millions de recherches sur Pinterest chaque mois (source Pinterest) ;
  • Des images sont proposées par Google pour 34% des résultats de recherche (source Econsultancy) ;
  • Les tweets avec des images reçoivent 150% de retweets en plus (source d'Crazzy eggs) ;

Augmentez vos taux de conversion grâce au référencement des images

  • Les contenus avec des images optimisées augmentent l'engagement de l'utilisateur de 90% (source Buffer) ;
  • Les tweets avec des images reçoivent 150 pour cent de retweets en plus (source d'oeufs fous) ;
  • En moyenne, les gens oublient environ 90 % des informations 72 heures après y avoir été exposés. L'ajout d'une belle image peut drastiquement améliorer cela (source MGAdvertising) ;
  • Environ 70 % des clients affirment que la qualité des images de la fiche produit est un point déterminant dans le choix et l'achat du produit ;
  • Les annonces Pinterest avec des images ont un taux de conversion supérieur de 85% (source Heap Analytics) ;
  • etc, etc, etc, etc, etc.

Cela signifie que l'optimisation de vos images augmentera à la fois votre trafic organique (optimisation SEO) et vos ventes (optimisation UX).

Optimisation des attributs HTML des images pour les moteurs de recherche

Dans ce chapitre, je vais passer en revue tous les attributs HTML qui comptent pour le référencement des images, c'est-à-dire

1. Nom de l'image

HTML

Le nom de votre fichier image est l'un des facteurs les plus importants pour le référencement des images.

2. Attribut de texte Alt

HTML

L'attribut texte alternatif aidera les robots de Google à comprendre le contenu de vos images.

3. Titre Texte Attribut

HTML

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.

4. Étiquette de légende

Tesla noir transportant de l'électricité sur un parking
Je ne fais pas toujours le plein de ma voiture, mais quand je le fais, c'est avec de l'électricité !

Bon ok, c'est pas vraiment ma voiture..

HTML

La balise figcaption est souvent affichée sous une image, pour fournir plus d'informations à son sujet.

Plongeons dans les étiquettes et les attributs des images

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 !

Lesnoms des images sont importants

Comment nommer les images pour le référencement ?

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.

“ Les noms d'images et les textes alt sont meilleurs lorsqu'ils sont courts, mais descriptifs. ”

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.

Conseil SEO : la meilleure longueur pour les noms d'images

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.

Éviter le bourrage de mots-clés dans le référencement des images

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.

N'essayez pas de piéger Google !

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!

Comment rédiger des textes alternatifs d'images pour le référencement ?

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.

Qu'est-ce qu'un texte alternatif ?

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.

À quoi sert le texte alternatif ?

Les textes de l'ALT remplissent trois fonctions.

  1. Accessibilité: les utilisateurs malvoyants ou aveugles utilisant des lecteurs d'écran pourront lire le contenu du texte alt, ce qui permettra à l'image d'être accessible aux personnes souffrant de handicaps visuels.
  2. Sauvegarde: Les balises ALT sont affichées à la place de l'image dans les navigateurs lorsque le fichier ne peut pas être chargé.
  3. SEO: Il aide les moteurs de recherche à déterminer le contenu de l'image et à améliorer le sens sémantique de votre page. C'est pourquoi il est important que l'image soit bien classée dans Google Image, mais elle aura aussi un impact positif sur l'ensemble de votre stratégie d'optimisation pour les moteurs de recherche.

Comment écrire un texte alt optimisé pour le SEO ?

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.

Exemples de tags ALT

  1. "Voiture sur un parking"
  2. "Tesla noir chargeant avec de l'électricité sur un parking"
  3. "photo d'un Tesla noir garée"

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.

Les 3 commandements du texte alternatif

  • Soyez bref mais descriptif
  • Faites preuve d'innovation, évitez le bourrage de mots-clés
  • N'utilisez pas des termes comme "image de" ou "photo de..." pour décrire l'image. Les lecteurs d'écean s'en charge déjà.

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.

Images décoratives ?

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=””>.

La vérité sur l'image Titre du texte

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.

Qu'est-ce qu'un texte de titre et à quoi servent-ils ?

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.

La puissance de l'optimisation pour les moteurs de recherche (SEO) de la légende de l'image

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.

Figure et légende : définition et structure

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
HTML

Les chiffres et les légendes sont-ils importants pour le référencement ?

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.

La figuration est la cerise sur le gâteau

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.

Comment tirer le meilleur parti de la figuration

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.

HTML

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.

Comment optimiser les attributs HTML des images sur WordPress ?

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.

Image SEO Plugin WordPress

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 !

Optimisation de l'image : Les utilisateurs d'abord !

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.

Comment choisir vos images ?

Les images doivent être uniques et originales

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.

Dois-je utiliser le format PNG ou JPEG pour le référencement ?

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.

Meilleures pratiques de référencement pour JPEG ou JPG

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.

Meilleures pratiques de référencement pour la PNG

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.

Meilleures pratiques de référencement pour les GIF

En 2020, la seule raison justifiant l'utilisation du GIF sur Internet est l'art simple et les animations.

Conservez votre GIF pour vos conversations avec votre employeur. Ils sont mauvais pour le référencement

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.

Meilleures pratiques de référencement pour les SVG

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.

Comment créer un SVG ?

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.

Meilleures pratiques de référencement pour le WebP

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.

Comment convertir une photo en WebP ?

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.

Récapitulatif sur le format d'optimisation d'image pour SEO

Format de l'imageRecommandations SEO
JPG / JPEGDonner la priorité à l'utilisation du WebP.
PNGN'utilisez PNG que lorsque vous avez besoin de transparence ou pour de très petites images.
GIFN'utilisez le GIF que lorsque vous avez besoin d'animer une image.
SVGUtilisez SVG aussi souvent que possible, mais ne téléchargez pas SVG à partir de sites Web auxquels vous ne faites pas confiance.
WebPVous 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.

Impact des métadonnées EXIF sur le référencement des images

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.

” C'est quelque chose que Google est capable d'analyser et je pense que nous nous réservons le droit de l'utiliser dans le classement !
Les données EXIF questions de données pour le référencement a déclaré Matt Cutt

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.

DONNÉES EXIF SEO GIMP

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.

Lesdonnées IPTC / EXIF peuvent être extrêmement pertinentes pour le référencement local.

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 !

Où trouver de bonnes images pour le référencement ?

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.

Optimiser les temps de chargement des images pour le référencement

La vitesse des sites web est un facteur important de classement SEO

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.

Utiliser des images réactives

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.

Configurez l'attribut SRCSET sur vos images

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.

HTML

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.

HTML

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.

Astuce de référencement : Chargez vos images paresseusement

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.

Compression d'images : Réduire la taille 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.

Compression d'images Comment ça marche ?

Compression sans perte ou sans perte ?

Il existe deux techniques principales de compression d'image : Compression sans perte et compression avec perte.

  1. Compression sans perte d'image : la qualité d'image reste largement la même ;
  2. Compression d'image avec perte : une certaine perte de qualité se produit, même si elle n'est presque jamais perceptible pour l'œil humain.

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.

Outils et plugins de compression d'images

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 :

  • il offre la possibilité de supprimer (ou non) des données EXIF ;
  • Les options de réglage sont cool ;
  • Il peut convertir votre JPEG en WebP ;
  • Les résultats de compression d'image sont totalement satisfaisants.

Si vous n'aimez pas les ShortPixel, Imagify, Smush sont également d'excellentes alternatives pour la compression et l'optimisation des images sur WordPress.

Aidez Google à indexer votre contenu avec des images Sitemaps

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.

Qu'est-ce qu'un plan 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.

Comment rédiger un plan de site en images ?

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.

XML

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.xml

Quel est le meilleur plugin SEO pour les plans de site d'images ?

Tous 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.

Réflexions et conclusion sur l'optimisation du référencement d'image

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!

Notre outil de référencement augmentera votre trafic

Pourquoi avez-vous négligé l'optimisation SEO des images ?

Essayez gratuitement !