Voulez-vous savoir comment optimiser les images dans WordPress et obtenir plus de trafic organique à partir de la recherche d'images ?
Chaque jour, plus d'un milliard de recherches sont effectuées sur Google Images, ce qui en fait une excellente opportunité pour vous aider à vous classer et à gagner en visibilité dans les recherches.
C'est pourquoi nous avons décidé de créer une liste de conseils sur la meilleure façon d'optimiser vos images dans WordPress afin d'améliorer le classement et d'augmenter le trafic vers votre site web.
Comme il s'agit d'une liste exhaustive, vous pouvez cliquer sur ces liens rapides pour accéder directement aux différentes sections :
- Qu'est-ce que le référencement d'images ?
- Comment optimiser vos images sur WordPress
- 1. Utiliser le bon outil de référencement d'images
- 2. Utiliser des noms de fichiers image descriptifs
- 3. Rédiger un texte alt favorable au référencement
- Ajouter un texte Alt dans l'éditeur de blocs de WordPress
- 4. Utiliser la légende de l'image si nécessaire
- Ajouter des légendes d'images dans l'éditeur de blocs de WordPress
- 5. Pensez à votre titre et à votre description pour l'optimisation des moteurs de recherche
- 6. Désactiver les pages de pièces jointes
- 7. Définir les dimensions de l'image
- 8. Choisir le bon format d'image
- 9. Créer un plan du site des images
- 10. Utiliser les données structurées de l'image pour se classer dans les Rich Snippets
- 11. Ajouter des vignettes Facebook et des cartes Twitter
- 12. Compression des images pour réduire la taille des fichiers
- 13. Chargement paresseux des images
- 14. Utiliser des images réactives
- 15. Installer un plugin de cache
- 16. Servez vos images via un CDN d'images
- 17. Rendre votre site web compatible avec les téléphones portables
- 18. Se préparer à la recherche visuelle dans Google Lens
Qu'est-ce que le référencement d'images ?
Le référencement d'images, également appelé optimisation d'images, consiste à optimiser les images de votre site web afin de faciliter la recherche et le classement de vos images par Google.
En d'autres termes, il aide Google et d'autres moteurs de recherche à comprendre votre contenu et à afficher vos images dans les résultats de la recherche d'images.
Pour ce faire, vous devez optimiser vos images pour le web, ce que nous allons vous montrer. Mais tout d'abord, voyons pourquoi vous devriez utiliser des images dans votre contenu.
Pourquoi utiliser des images dans votre contenu ?
Commençons par le commencement : Pourquoi utiliser des images dans votre contenu ?
Vous devriez utiliser des images parce qu'elles ajoutent de la valeur à votre contenu et attirent l'attention des gens.
Si elles sont utilisées correctement, les images peuvent susciter l'intérêt des internautes et les inciter à cliquer sur votre site, ce qui améliore votre classement dans les résultats de recherche.
En fait, la recherche d'images représente environ 20,45 % de toutes les recherches sur Google et d'autres sites populaires.
Cela devrait vous faire comprendre pourquoi il est judicieux d'ajouter des images à votre contenu et de les optimiser pour le référencement.
La première chose à laquelle vous devez penser est de savoir si vos images sont pertinentes par rapport au sujet de votre page. Plus important encore, si elles ajoutent de la valeur à votre contenu.
Vous devriez également placer l'image la plus importante en haut de votre page et essayer d'utiliser des photos originales qui sont propres à votre blog ou site web.
Mais ce n'est pas tout...
...il y a d'autres choses que vous devez faire si vous voulez figurer dans la recherche d'images de Google et améliorer votre classement, et c'est ce que nous allons vous montrer maintenant.
Comment optimiser vos images sur WordPress
Pour optimiser vos images dans WordPress, vous devez veiller à ajouter des informations supplémentaires sur vos images, afin que les moteurs de recherche puissent comprendre de quoi il s'agit.
Les moteurs de recherche deviennent de plus en plus intelligents. Ils peuvent reconnaître et classer les images assez bien. Mais ils ont besoin que vous fournissiez le contexte de l'image et que vous optimisiez vos images pour qu'elles soient bien classées dans la recherche d'images.
1. Utiliser le bon outil de référencement d'images
L'une des premières étapes pour s'assurer de réussir le référencement de ses images est d'utiliser le bon outil de référencement d'images.
Et il n'y a pas mieux que All In One SEO (AIOSEO).
AIOSEO est un puissant plugin WordPress SEO utilisé par plus de 3 millions de sites web. Les marketeurs avisés l'utilisent pour générer du trafic et se classer dans les SERP. Avec AIOSEO, vous avez accès à tous les outils de référencement avancés dont vous avez besoin pour faire passer vos efforts de référencement au niveau supérieur sans avoir besoin d'être un expert en référencement.
L'une des fonctionnalités les plus appréciées du plugin est le module Image SEO. Il s'agit d'un module puissant qui facilite l'optimisation de vos images. Par exemple, vous pouvez optimiser les métadonnées de vos images :
- Définition d'un format (similaire aux formats de titre/description SEO)
- Suppression de la ponctuation
- Conversion de l'enveloppe
- Et plus encore
Pour utiliser cette fonctionnalité, rendez-vous dans votre tableau de bord AIOSEO " Apparence de la recherche " Image SEO.
Vous pouvez ensuite optimiser les métadonnées de l'image en cliquant sur l'onglet correspondant (Titre, Balise Alt, Légende, Description ou Nom de fichier). Vous pouvez également choisir les pages sur lesquelles vous souhaitez appliquer ces optimisations :
En optimisant vos images de cette manière, il est plus facile pour les moteurs de recherche de comprendre de quoi il s'agit, car cela permet d'ajouter du contexte. Elle améliore également l'expérience de l'utilisateur.
Consultez ce guide d'installation pour obtenir des instructions détaillées sur l'installation d'AIOSEO sur votre site.
2. Utiliser des noms de fichiers image descriptifs
Vous devez toujours donner à vos images des noms de fichiers aussi descriptifs que possible.
Voici ce que dit Google à propos des noms de fichiers d'images :
"Le nom de fichier peut donner à Google des indices sur le sujet de l'image. Par exemple, mon-nouveau-chien-noir.jpg est préférable à IMG00023.jpg".
Pour vous donner un autre exemple, voici la photo d'un chaton noir enjoué. Au lieu de la nommer IMG00021.jpg, nous l'avons nommée chaton-noir-enjoué.jpg, ce qui décrit mieux l'image.
Essayez d'être précis. Par exemple, big-eyed-playful-black-kitten.jpg est préférable à black-kitten.jpg.
Pensez également aux mots-clés que les utilisateurs tapent sur Google pour trouver votre image.
3. Rédiger un texte alt favorable au référencement
Le texte Alt ou texte alternatif est essentiel pour le référencement des images. Il aide Google à comprendre le contenu de l'image. Il s'agit d'un attribut HTML ajouté à la balise image, qui est utilisée pour afficher les images sur une page.
Il peut ressembler à ceci en code HTML simple :
<img src="img_playful-black-kitten.jpg" alt="Playful black kitten" width="500" height="600">Comme nous l'avons mentionné, le texte alt est utilisé pour décrire votre image. Et si votre image ne peut pas être affichée, les utilisateurs peuvent toujours comprendre de quoi il s'agit en lisant le texte.
C'est une bonne chose pour les personnes qui utilisent des lecteurs d'écran ou qui ont des connexions à faible bande passante. Les textes Alt sont également utiles comme textes d'ancrage si vous créez des liens vers des images.
Ne vous contentez pas d'un ou deux mots pour rédiger votre texte alt. Imaginez plutôt comment vous décririez votre image à une personne aveugle.
Par exemple, au lieu de "chocolat", utilisez "muffins au chocolat noir et à la banane". Cela aidera également Google à classer votre image, car il utilise une combinaison de textes alt, d'algorithmes de vision par ordinateur et du contenu de votre page pour comprendre le sujet de votre image.
Mais ne bourrez pas votre texte alt de différents mots clés en pensant que cela vous aidera à mieux vous classer dans la recherche d'images. En fait, cela peut avoir l'effet inverse et Google peut considérer votre site comme du spam.
Il n'est pas nécessaire d'ajouter un texte alt aux images décoratives. Pour en savoir plus, consultez notre guide sur la gestion des images décoratives pour le référencement.
Ajouter un texte Alt dans l'éditeur de blocs de WordPress
Il est très facile d'ajouter un texte alt à vos images en utilisant l'éditeur de blocs de WordPress.
Il vous suffit de faire défiler l'article ou la page que vous éditez vers le bas et de cliquer sur votre image pour qu'elle soit marquée d'un cadre bleu. Ensuite, allez dans les paramètres de l'image dans la colonne de droite de votre éditeur et tapez votre texte alt dans le champ Alt Text (texte alternatif) .
Les textes Alt ne sont pas visibles sur votre site, tandis que les légendes sont affichées sous vos images, ce que nous verrons plus loin.
4. Utiliser la légende de l'image si nécessaire
Les légendes d'images rendent votre contenu lisible. Les gens ont tendance à parcourir les titres, les images et les légendes lorsqu'ils parcourent rapidement une page.
Cependant, elles peuvent donner à votre contenu un aspect encombré et ne sont pas vraiment nécessaires puisque vous expliquez l'image dans le contenu lui-même.
Néanmoins, les légendes peuvent être utiles :
- Photos de famille ou d'événements
- Photos nécessitant une explication supplémentaire décrivant une histoire de fond
- Et des galeries d'images de produits
Ajouter des légendes d'images dans l'éditeur de blocs de WordPress
Pour ajouter la légende de votre image dans l'éditeur de blocs de WordPress, il vous suffit de faire défiler l'article ou la page que vous éditez vers le bas et de cliquer sur votre image, de façon à ce qu'elle soit marquée par le cadre bleu. Saisissez ensuite la légende de votre image dans le champ Caption situé sous l'image, et elle est ajoutée !
5. Pensez à votre titre et à votre description pour l'optimisation des moteurs de recherche
Google utilise également le titre et la description SEO de votre page pour décider de la description à afficher sous votre image dans les résultats de recherche.
Voici ce que dit Google :
"Google Images génère automatiquement un titre et un extrait pour expliquer au mieux chaque résultat et son rapport avec la requête de l'utilisateur... Nous utilisons un certain nombre de sources différentes pour ces informations, notamment des informations descriptives dans le titre et les balises méta."
Pour mieux illustrer cela, voici un exemple de résultats de recherche d'images sur Google pour "savoureux muffins au chocolat" :
Comme vous pouvez le constater, toutes les images sont accompagnées d'une description. Google utilise le titre et la description SEO de votre page pour générer ces descriptions.
C'est pourquoi vos images doivent être en rapport avec votre titre et votre description. Si vous voulez savoir comment modifier facilement votre titre SEO, veuillez consulter notre guide sur la façon de modifier le titre SEO dans WordPress.
6. Désactiver les pages de pièces jointes
WordPress crée une page pour toutes les images que vous téléchargez dans vos articles et vos pages. C'est ce qu'on appelle une page de pièces jointes.
La seule chose que fait cette page est de montrer une version plus grande de votre mage, ce qui, en fait, peut nuire à votre référencement. Les moteurs de recherche considèrent les pages contenant peu ou pas de texte comme des pages de faible qualité ou "à faible contenu".
Heureusement, il est facile de désactiver les pages de pièces jointes sur votre site WordPress. Et la façon la plus simple de le faire est d'installer et d'activer le meilleur plugin WordPress SEO du marché, All in One SEO (AIOSEO).
La désactivation des pages de pièces jointes aux images est également un excellent moyen d'éliminer les paramètres URL inutiles sur votre site. L'élimination de ces paramètres est un excellent moyen d'améliorer l'efficacité du crawl sur votre site.
Une fois que vous avez activé AIOSEO, il désactive automatiquement les URL de pièces jointes. Vous pouvez également les désactiver manuellement en visitant All in One SEO " Search Appearance et en cliquant sur l'onglet Media.
Assurez-vous que l'option Redirect Attachment URLs est réglée sur Attachment, et c'est tout !
7. Définir les dimensions de l'image
Vous devez redimensionner vos images pour les adapter au contenu du blog de votre page. Même si votre site web occupe toute la largeur de l'écran, la section blog a une largeur maximale définie. L'utilisation d'images plus grandes ralentira le chargement de votre page et aura un effet négatif sur votre référencement.
Par exemple, si la largeur maximale de votre blog est de 706 px, vos images ne seront jamais affichées à une largeur supérieure à 706 px. Et si vous avez un site web réactif, le navigateur redimensionnera les images dont la largeur est supérieure à 706px pour les adapter à l'écran.
Au moins, cela donne une bonne image de votre site, n'est-ce pas ?
Mais il y a un problème...
...lorsque vous utilisez des images de grande taille, le navigateur doit encore charger votre image en taille réelle. Pire encore, les grandes images sont lourdes en termes de taille de fichier et réduisent la vitesse de chargement de votre page.
C'est pourquoi vous devez redimensionner et télécharger vos images en fonction de la largeur maximale de votre blog ou de votre page. Heureusement, il est facile de le vérifier.
Pour commencer, accédez aux paramètres de Web Developer dans votre navigateur et cliquez sur l'outil Inspecteur . Il vous suffit ensuite de passer la souris sur la colonne que vous souhaitez vérifier, et une boîte noire contenant les dimensions apparaîtra.
Comme vous pouvez le voir, la largeur du blog d'AIOSEO est de 706px, ce qui est la largeur maximale pour laquelle nos images doivent être téléchargées afin de ne pas ralentir le chargement de nos pages.
8. Choisir le bon format d'image
Comme nous venons de l'expliquer, les images rendent souvent votre site web trop lourd et trop volumineux. Votre site ne se chargera pas assez rapidement pour que les visiteurs l'attendent.
Au lieu de cela, ils choisiront un autre site qui se charge plus rapidement, et vous perdrez du trafic et des clients potentiels. Cela nuira également à votre classement dans les moteurs de recherche, car votre taux de rebond augmentera.
Selon le format d'image que vous utilisez, la taille de votre fichier image sera plus ou moins importante. Cela aura également un impact sur la qualité de vos images.
Les types de fichiers image les plus courants sont JPG, PNG et GIF. Chacun d'entre eux a sa raison d'être en fonction des images que vous créez ou téléchargez sur votre site :
- Le format JPG est idéal pour les graphiques de sites web qui présentent de nombreuses nuances de couleurs.
- Le format PNG est préférable lorsque vous souhaitez obtenir une qualité optimale et que la taille n'est pas un problème.
- GIF est destiné aux animations ou aux images en mouvement
Les JPG sont généralement moins volumineux que les PNG et les GIF. Toutefois, le format PNG est préférable pour les images de haute qualité, telles que les captures d'écran, les dessins et les images contenant du texte, pour lesquelles la qualité de l'image doit être préservée.
9. Créer un plan du site des images
Vous pouvez aider Google à indexer et à explorer vos images plus rapidement en créant un sitemap d'images.
Avec AIOSEO, la création d'un sitemap XML d'images est un jeu d'enfant. En effet, toutes les images de votre site sont automatiquement incluses dans le sitemap XML. C'est ce que l'on appelle un Image Sitemap.
Il vous suffit d'activer AIOSEO pour qu'il crée automatiquement un sitemap pour vous. Vous pouvez vérifier qu'il est activé en naviguant vers Sitemaps dans le menu All in One SEO et en cliquant sur l'onglet General Sitemap.
Cela ouvrira la fenêtre Plan du site général, dans laquelle vous pouvez voir que l'option Activer le plan du site est activée.
C'est aussi simple que cela !
Si vous souhaitez savoir comment personnaliser votre sitemap et exclure certaines images ou certains contenus, vous pouvez consulter notre guide sur la création d'un sitemap dans WordPress.
Assurez-vous également que vos images ne sont pas bloquées par votre fichier robots.txt. Si vous ne souhaitez pas que Google explore vos images, vous pouvez les interdire à l'aide du fichier robots.txt. Pour plus de détails, veuillez consulter notre guide sur la manière de modifier facilement un fichier robots.txt dans WordPress.
10. Utiliser les données structurées de l'image pour se classer dans les Rich Snippets
Si vous ajoutez des balises de schéma ou des données structurées à votre site, Google Images peut afficher vos images sous forme de résultats enrichis avec un badge bien visible indiquant le sujet de votre page.
Voici un exemple de l'ajout du balisage Recipe schema à votre site :
Comme vous pouvez le voir, elle présente un badge bien visible avec une fourchette et un couteau indiquant qu'il s'agit d'une recette. Les utilisateurs disposent ainsi de plus d'informations sur votre page, ce qui augmente votre CTR (taux de clics) et génère davantage de trafic organique vers votre site.
Google Images prend en charge les balises de schéma pour :
- Produits
- Vidéos
- Recettes
Vous pouvez facilement ajouter des balises de schéma à votre site et obtenir ces beaux résultats riches en utilisant AIOSEO. Pour savoir comment procéder, vous pouvez consulter notre guide sur l'ajout de rich snippets sur WordPress.
11. Ajouter des vignettes Facebook et des cartes Twitter
L'utilisation de vos profils de médias sociaux est un autre moyen d'augmenter le trafic vers votre site. La première étape consiste à s'assurer que les bonnes images sont affichées lorsqu'elles sont partagées sur les médias sociaux.
Avec AIOSEO, vous pouvez optimiser vos images et contrôler leur apparence lorsque votre contenu est partagé sur Twitter et Facebook. Vous pouvez facilement le faire en ajoutant des cartes Twitter et des vignettes Facebook à votre site.
Par exemple, voici à quoi ressemble l'un de nos articles après avoir choisi la vignette utilisée lorsqu'il est partagé sur Facebook :
Et voici une Twitter Card lorsque l'article d'OptinMonster est partagé sur Twitter :
Découvrez comment mettre cela en place facilement en visitant comment réparer une mauvaise vignette Facebook et comment ajouter des cartes Twitter dans WordPress.
12. Compression des images pour réduire la taille des fichiers
Comme nous l'avons mentionné, la vitesse du site est cruciale pour le référencement. Google a confirmé qu'il s'agit d'un facteur de classement, tant pour les ordinateurs de bureau que pour les téléphones portables. Cela vaut également pour la recherche d'images.
À partir de mai 2021, Google intégrera la vitesse de chargement des sites web dans ses "Core Web Vitals". Il s'agit de facteurs que Google considère comme importants pour offrir aux utilisateurs la meilleure expérience possible lorsqu'ils visitent votre site. Par exemple, il examinera la vitesse de votre site, sa réactivité et la rapidité de chargement de différents éléments tels que les images et les polices.
La première étape de l'optimisation de vos images pour la vitesse du site consiste à les compresser. Vous pouvez utiliser des services gratuits, tels que :
- TinyPNG pour les fichiers PNG et JPG
- CompressJPEG pour les fichiers JPG
- Optimizilla pour les fichiers PNG et JPG
Cela peut réduire la taille de votre fichier image de 70 % ou plus, ce qui a un impact positif sur la vitesse de votre site.
13. Chargement paresseux des images
Si vous avez beaucoup d'images et de contenu sur votre site, il est toujours bon d'utiliser le chargement paresseux.
Le chargement paresseux n'affiche les images de votre page que lorsqu'elles sont visibles par l'utilisateur lorsqu'il fait défiler votre contenu. La communication entre votre site et le serveur est ainsi plus efficace, ce qui accélère le chargement de votre page.
Voici ce que dit Google à propos du lazy-loading :
"Le chargement paresseux permet d'accélérer considérablement le chargement des pages longues qui comprennent de nombreuses images en dessous du pli, en les chargeant soit au fur et à mesure, soit lorsque le contenu principal a fini de se charger et de s'afficher.
Devinez quoi...
...si vous utilisez WordPress 5.4 ou une version plus récente, vos images seront chargées par défaut. Vous n'avez donc pas besoin d'installer un plugin de chargement paresseux.
Cependant, si vous souhaitez ajouter le chargement paresseux pour d'autres éléments HTML tels que les iframes, les vidéos et les images d'arrière-plan, vous pouvez utiliser un plugin de chargement paresseux comme WP Rocket pour accélérer encore plus le chargement de votre page.
14. Utiliser des images réactives
L'utilisation d'images réactives permet à votre site d'afficher une image plus grande et de meilleure résolution sur votre ordinateur de bureau. Elle permet également aux sites mobiles d'afficher une image zoomée sur le mobile et de réduire la taille de l'image, ce qui augmente la vitesse de chargement de la page.
Si vous utilisez WordPress, vous n'avez pas à vous en préoccuper. WordPress rend automatiquement vos images réactives après les avoir téléchargées et les affiche en différentes tailles sur votre site.
Cela dit, si vous voulez savoir comment vos images affectent la vitesse de votre site, vous pouvez le tester à l'aide de l'outil PageSpeed Insights de Google.
15. Installer un plugin de cache
La mise en cache du navigateur peut contribuer à accélérer votre site web en stockant certains des fichiers les plus volumineux de votre site, y compris les images, localement dans le navigateur web de l'utilisateur.
Un plugin de cache fait une copie de votre page après le chargement de la première page, puis sert cette version en cache aux autres utilisateurs.
Par exemple, WP Rocket offre un ensemble complet d'outils pour accélérer votre site web, tels que la mise en cache des pages et le préchargement.
Si vous souhaitez connaître d'autres options, vous pouvez consulter notre article sur les meilleurs plugins de cache WordPress que nous recommandons.
16. Servez vos images via un CDN d'images
Si vous voulez accélérer encore plus votre site, vous devriez utiliser un CDN (Content Delivery Network).
Il sélectionne une version en cache de votre image sur le serveur le plus proche de votre emplacement géographique. Cela accélère votre site web car cela limite le nombre de sauts Internet nécessaires pour afficher votre image à partir de votre serveur d'origine (votre fournisseur d'hébergement web).
Pour en savoir plus sur le CDN et comment connecter votre site, vous pouvez consulter le guide de WPBeginner sur l'installation et la configuration du CDN de WordPress.
17. Rendre votre site web compatible avec les téléphones portables
Pourquoi cela est-il important pour le référencement des images ?
En effet, l'essor des appareils mobiles a fait de l'absence de référencement mobile une véritable condamnation à mort. Google n'affichera pas votre contenu dans la recherche d'images si votre site n'est pas optimisé pour les mobiles. En fait, Google dispose désormais d'un index "mobile-first" et classe mieux les sites adaptés aux mobiles.
La façon la plus simple de rendre votre site adapté aux mobiles est d'utiliser un thème WordPress responsive qui s'adapte à différentes tailles d'écran et d'appareils. Pour trouver un thème responsive, veuillez consulter l'article de WPBeginner sur les 44 meilleurs thèmes WordPress responsive.
18. Se préparer à la recherche visuelle dans Google Lens
Si vous gérez, par exemple, une boutique de commerce électronique ou un restaurant, vous devez vous préparer à la recherche visuelle par Google Lens.
Google Lens est le nouvel outil de reconnaissance d'images de Google. Il permet aux utilisateurs de toucher et de maintenir une image dans l'application Google ou le navigateur Chrome sur Android pour trouver l'endroit où ils peuvent acheter un produit ou commander un repas.
Cette fonctionnalité sera bientôt ajoutée à l'application Google sur iOS. Il peut donc être judicieux d'optimiser vos images pour Google Lens.
Cela vous a-t-il donné l'impression d'être dépassé par les événements ?
C'est en fait plus facile qu'il n'y paraît...
...si vous utilisez tous ces conseils pour optimiser vos images dans WordPress, vous serez sur la bonne voie.
Nous espérons que cet article vous a aidé à comprendre pourquoi le référencement d'images est important et comment vous pouvez tirer parti du référencement d'images pour améliorer votre classement sur Google Images et générer plus de trafic vers votre site.
Vous pouvez également consulter notre guide ultime de référencement WordPress ou notre liste de contrôle de référencement des articles de blog pour apprendre comment améliorer encore plus les classements.
Vous voulez essayer AIOSEO gratuitement ?
Entrez l'URL de votre site WordPress pour installer AIOSEO Lite.
Divulgation : Notre contenu est soutenu par les lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, il se peut que nous recevions une commission. Nous ne recommandons que des produits dont nous pensons qu'ils apporteront une valeur ajoutée à nos lecteurs.
