Optimisation SEO de l'image WordPress

Optimisation du référencement des images avec WordPress

Au plus tard depuis les Google Core Web Vitals et le facteur de classement vitesse de chargement, tu devrais prendre au sérieux le thème du référencement des images. Il existe différentes possibilités d'optimiser tes images dans WordPress. Voici notre aperçu des principaux conseils et outils.

Les images, photos, infographies et autres illustrations font désormais partie intégrante de la rédaction d'articles de qualité. Elles ne se contentent pas d'alléger le texte ou d'illustrer certains processus mieux que ne le feraient des mots. Avec une bonne approche, tu peux rendre ton site web encore plus rapide, mais aussi encore plus facile à trouver dans les moteurs de recherche.

Textes WordPress SEO

Je te montre comment préparer tes articles de blog et tes pages de renvoi pour les moteurs de recherche dans mon guide Optimiser les textes pour les moteurs de recherche. Avec cet article, tu as ainsi les indications les plus importantes pour ton référencement WordPress.

De plus, Google lui-même ainsi que les concurrents des services de recherche plus petits proposent une recherche d'images. Les internautes peuvent ainsi accéder à ton site web. Alors, pourquoi laisser passer la grande opportunité du référencement d'images avec WordPress ?

Comment le référencement d'images influence-t-il ta visibilité ?

Considérons tout d'abord le référencement des images indépendamment de WordPress. Si tu intègres des images de qualité dans un article, tu peux attirer l'attention de nombreux visiteurs. Les moteurs de recherche ne sont pas les seuls à jouer un rôle dans ce domaine. Si tu prépares tes images de manière appropriée, cela peut influencer différents aspects.

D'une part, tu augmentes considérablement ta visibilité, car tes images elles-mêmes peuvent naturellement être trouvées dans les moteurs de recherche - et pas seulement tes textes. Quelqu'un pourrait ainsi trouver le chemin de ton site web. Un petit exemple ?

La recherche d'images sur Google

J'utilise la recherche Google et saisis le terme "recette de pâtes". Mais comme je ne veux pas seulement une recette sous forme de texte, je passe à la recherche d'images. De beaux plats de pâtes s'affichent alors :

Images Search Google
Trouver une recette avec Google Recherche d'images

J'aime beaucoup la troisième photo en partant de la gauche. Les pâtes ont l'air vraiment délicieuses. C'est pour cette raison que je clique sur l'image et que j'arrive sur la page correspondante qui a fait des efforts en matière de référencement d'images.

Donc, si tu utilises correctement l'optimisation pour les moteurs de recherche pour les images, tu peux attirer beaucoup de personnes supplémentaires. Mais ce n'est qu'un exemple parmi tant d'autres.

Les médias sociaux

Car les images n'influencent pas seulement les moteurs de recherche, mais aussi les gens. Et où les gens sont-ils actifs au quotidien ? Sur les réseaux sociaux comme Facebook, Twitter, Instagram, Pinterest, LinkedIn & Co.

Poursuivons l'exemple ci-dessus. Imaginons que vous teniez un blog alimentaire. Ce serait génial si les visiteurs qui ont trouvé votre recette partageaient l'article correspondant sur les médias sociaux. Ils cliquent donc sur le bouton de partage pour Facebook, par exemple. Et s'il n'y a pas d'image de contribution correcte ou si elle n'est pas correctement intégrée, ils verront une image très triste, à savoir aucune image.

Sous cette forme, une contribution n'invite pas à cliquer ou à partager. Au contraire, le post se perdra dans l'immensité du réseau social - et ne sera pas pris en compte. Ce n'est que lorsqu'une image appropriée est affichée à côté du texte que l'attractivité augmente nettement :

Partager sur Facebook Image
Exemple d'images intégrées dans le partage Facebook

Pour un blog alimentaire, par exemple, tu ne devrais pas utiliser des images qui se composent principalement de contenu textuel. On s'attend à y trouver une recette toute prête. Cependant, il m'arrive de choisir des images texte. Je t'expliquerai pourquoi dans la prochaine section.

Où se procurer des images de qualité ?

Il y a souvent un petit problème avec les images de haute qualité. Un problème de nature juridique. Tu sais certainement que tu n'as plus le droit, depuis longtemps, d'utiliser simplement Google Recherche d'images pour copier des images. Celles-ci sont en effet protégées par le droit d'auteur. Tu as donc les possibilités suivantes :

  • Utiliser des plateformes payantes
  • Utiliser des images libres de droits
  • Créer ou photographier soi-même des images

Tous les sites web ne disposent pas d'un budget leur permettant d'acquérir des images stock coûteuses. Par exemple de Fotolia ou de Shutterstock. Les images libres de droits (par exemple sur Unsplash ou Pexels) présentent le risque de ne pas toujours être téléchargées par leurs auteurs. Certains rapports font même état d'escroqueries sophistiquées qui peuvent se révéler coûteuses.

Des plateformes comme Pixabay indiquent certes les possibilités d'utilisation. Mais il y a déjà eu des litiges qui se sont terminés au détriment des propriétaires de sites web. D'où mon conseil : lors du téléchargement, fais une capture d'écran de l'indication de la licence. Pour les raisons susmentionnées, j'ai opté pour des images que j'ai créées moi-même et pour lesquelles je travaille beaucoup avec des contenus textuels. Je peux les publier en toute bonne conscience sans conséquences juridiques. Pour un site web qui mise nettement plus sur les images, tu devrais, le cas échéant, emprunter une autre voie.

Utiliser efficacement les images SEO

Comment optimiser les images pour le référencement ? J'aimerais tout d'abord te donner quelques procédés courants pour que tes images ou ton site web soient plus visibles. Dans la section suivante, je te montrerai comment mettre en œuvre ces processus pour ton référencement d'images avec WordPress. Car l'installation de plugins WordPress n'est pas toujours la solution au problème.

Les images non optimisées dégradent ton classement

La plupart des personnes qui possèdent un site web pensent que l'optimisation des images pour les moteurs de recherche a pour seul but d'améliorer l'affichage dans les recherches ou les aperçus des réseaux sociaux. Mais ce n'est pas le cas. Les images doivent également être améliorées en fonction des Google Core Web Vitals mentionnés au début. Il s'agit ici de la convivialité de ton site web, voir cet article sur le nouveau facteur de classement. De plus, ton groupe cible surfe de plus en plus souvent sur Internet avec son smartphone.

Ainsi, lorsque les sites web proposent des images volumineuses et non optimisées, le site web se charge lentement et l'utilisateur doit faire preuve de patience. Mais qui veut attendre des images non optimisées ? Le résultat sera un moins bon classement Google à partir de mai 2021.

La taille de l'image

C'est pourquoi tu dois essayer de réduire au maximum la taille de l'image dès sa création, sans pour autant perdre en qualité d'image. Les personnes qui créent elles-mêmes leurs images peuvent le faire via leur programme de traitement d'images. Les formats adaptés au site web (c'est-à-dire la largeur et la hauteur en pixels, pour les images de contribution selon le thème WordPress) se sont également avérés très efficaces à cet égard. Ainsi, WordPress n'a pas besoin de redimensionner inutilement les images.

Si tu as pris une photo avec un appareil professionnel, elle pourrait comporter des milliers de pixels. La plupart du temps, les contenus d'un site web sont limités en largeur. Il serait donc judicieux de ne télécharger l'image que dans cette largeur. D'autant plus que la taille de l'image peut rapidement atteindre plusieurs Mo, ce qui n'est plus nécessaire dans le design web moderne - et tue tes temps de chargement.

Format & compression

Le format de tes images est souvent lié à la compression et à quelques autres facteurs. Alors que, par exemple, les images contenant des éléments transparents sont plutôt enregistrées au format PNG, le format JPG est plus adapté aux graphiques riches en couleurs.

Le JPG permet une compression plus élevée et peut donc réduire considérablement la taille du fichier. En revanche, la qualité de l'image en pâtit quelque peu. Entre-temps, il existe encore d'autres formats, AVIF et WebP pour WordPress, qui sont destinés à l'avenir. Ils te donnent des résultats encore meilleurs.

Remplir correctement les métadonnées

La plupart des moteurs de recherche se basent encore sur ce que l'on appelle les métadonnées. Il s'agit en fait d'indications que le site web dépose dans le code source afin que les services de recherche puissent attribuer les données.

Google, en tant que plus grand fournisseur, est techniquement très avancé et n'a pas besoin des métadonnées de manière aussi détaillée que les petits moteurs de recherche. Néanmoins, je les déposerais toujours. Cela ne nuit pas à ton site web et, grâce aux phrases et aux mots supplémentaires déposés, cela te donne une chance d'être trouvé avec ces derniers.

Par ailleurs, les métadonnées n'ont rien à voir avec le nom des fichiers image. Tu dois les nommer de manière parlante - c'est-à-dire avec une description du contenu - avant même de les télécharger. Revenons à l'exemple du blog alimentaire. Un plat de pâtes avec sauce à la viande hachée devrait donc s'appeler "plat de pâtes avec sauce à la viande hachée à cuire.jpg". Les métadonnées des images sont simplement insérées dans le code source en tant que HTML - WordPress le fait pour toi si tu ajoutes les données correspondantes aux images lors de leur téléchargement, nous y reviendrons plus tard.

Le code source d'une image correctement équipée pourrait par exemple ressembler à ceci :

<img src=“domain.de/Nudel-Teller-mit-Hackfleischsauce-zum-Kochen.jpg“ alt=“Nudel Teller mit Hackfleischsauce“ title=“Nudel Teller mit Hackfleischsauce“ />

La balise alt représente une désignation (texte) alternative qui peut être affichée si l'image ne s'affiche pas. Par exemple en raison d'un navigateur obsolète ou d'un lien défectueux, etc. Mais c'est aussi important pour les personnes qui utilisent un lecteur d'écran. C'est aussi pour cette raison que tu dois veiller ici à ce que les contenus soient parlants (sites web accessibles). La balise title des images (à ne pas confondre avec la balise title du site web !) sert à afficher des informations plus détaillées sur l'image lors du passage de la souris.

Optimisation des images en dehors de WordPress

Si tu crées ou modifies toi-même tes images avec un programme de traitement d'images comme Gimp ou Photoshop, tu devrais renoncer à une solution dans WordPress. Il est plus simple et plus économe en ressources de procéder à l'optimisation directement dans le programme. Voici un exemple tiré de Photoshop :

Compression d'image Photoshop
Compression d'images dans Photoshop

Le fichier original de l'image de la contribution à ce texte est passé de plus de 4 Mo à un fichier JPEG de 340 Ko, avec une taille d'image de 2560×1440. Et cela avec des restrictions à peine visibles. Pour le PNG, la situation est en partie similaire, selon l'image.

Si tu réduis encore la résolution des images, c'est-à-dire si tu les adaptes au thème WordPress, tu peux créer des fichiers de taille encore plus petite. Dans mon propre blog, les images de couverture ont par exemple une taille de 720×360 pixels. Cela dépend du thème et peut être différent chez toi.

Plugins WordPress pour la compression d'images

Tu veux compresser tes images directement dans WordPress, au lieu de la variante externe ou en plus ? Alors lis notre comparatif 5 plugins populaires pour la compression d'images. Il te montre en outre le bon flux de travail pour ce travail important.

Trouver la taille de l'image dans WordPress

Une petite remarque sur les dimensions des images dans WordPress. Tu peux facilement les trouver, mais elles n'ont rien à voir avec les indications de médias dans les paramètres généraux de WordPress :

Paramètres média dans WordPress
Les paramètres des médias dans WordPress Dashboard

Ici, tu peux définir les tailles standard utilisées par WordPress. Lors d'un téléchargement, WordPress génère donc des images supplémentaires dans ces tailles. Cependant, cela ne modifie pas les tailles telles qu'elles sont affichées dans ton thème WordPress.

Certains thèmes te donnent la possibilité de le faire dans les paramètres, d'autres non. Dans ce cas, il te suffit d'aller sur ton site web dans le navigateur et de cliquer avec le bouton droit de la souris sur une image, par exemple l'image d'un article. Tu trouveras alors le sous-menu "Afficher les informations graphiques".

Si la rubrique "Dimensions" indique que l'image a été redimensionnée à une taille différente, tu devrais en fait adapter à nouveau les images correspondantes. Car dans le thème WordPress, une autre taille que celle que tu as recadrée est prédéfinie à cet endroit.

Définir les métadonnées dans WordPress

Les images jouent un rôle important dans l'optimisation pour les moteurs de recherche, pas seulement parce qu'elles valorisent les textes. Mais plutôt parce qu'elles te rendent visible. Et parce que tu peux montrer à Google & Co. ce que tu écris sur ton site web.

Considère donc les images comme un complément nécessaire au contenu. Pour que les moteurs de recherche mentionnés reconnaissent leur potentiel, tu as besoin des métadonnées mentionnées précédemment. Comme décrit précédemment, tu dois attribuer aux images un nom de fichier optimisé pour le référencement avant même de les télécharger. Nomme donc les images de manière très précise. Le titre doit refléter ce que l'on voit sur l'image.

WordPress te propose d'entrer les métadonnées des images directement lors du téléchargement. Je te conseille toutefois de ne pas ajouter les images directement lors de la rédaction, mais de passer par la galerie de médias. Pour ce faire, clique simplement sur Médias -> Ajouter un fichier dans le backend de WordPress sur le côté gauche. Tu peux ensuite sélectionner une image de ton ordinateur et la télécharger en cliquant sur le bouton du même nom.

Une fois le téléchargement réussi, un bouton "Editer" apparaît, sur lequel tu cliques. WordPress ouvre alors le fichier média et affiche ses données les plus importantes. Tu peux maintenant remplir les parties marquées en rouge sur l'image :

Métadonnées pour les images dans WordPress
Insérer des métadonnées pour les images dans WordPress

Si tu ajoutes l'image plus tard dans l'éditeur Gutenberg , elle recevra automatiquement les métadonnées correspondantes. Evite toutefois d'utiliser plusieurs fois les mêmes images. Télécharge-les plutôt à nouveau, avec un nouveau nom de fichier et de nouvelles métadonnées. En effet, ces données sont généralement optimisées pour une contribution bien précise.

Lazy Loading pour les images dans WordPress

Afin d'obtenir un site web aussi rapide que possible et qui résiste aux nouveaux Core Web Vitals de Google, il convient de ne charger que les contenus qui sont actuellement nécessaires. Les images qui s'affichent dans la partie inférieure d'un long article n'ont pas besoin d'être affichées ou chargées au début.

C'est là qu'intervient ce que l'on appelle le lazy loading. Il s'agit du chargement différé des images qui ne se trouvent pas dans la zone "above-the-fold" - la zone que le lecteur voit directement. Alors que cette fonction n'était jusqu'à présent possible qu'avec certains plugins WordPress, par exemple avec Autoptimize ou WP Optimize (seulement à partir de Premium), ceux qui ont installé au moins WordPress 5.5. peuvent se réjouir.

En effet, le Lazy Loading y est désormais pris en compte au cœur du code. Depuis WordPress 5.7, même le Lazy Load pour les iFrames. Ceux qui ont installé une version plus ancienne devraient absolument faire une mise à jour.

Lazy Loading iframes dans WordPress
Les explications sur le Lazy Loading pour iFrames sur WordPress.org

Hébergement WordPress Images Caching

L'utilisation d'un cache permet d'améliorer considérablement les performances de WordPress. On peut faire la différence entre une mise en cache du navigateur, qui ne dépose que certains fichiers sur le terminal, et une mise en cache côté serveur. Dans ce dernier cas, les contenus générés dynamiquement par WordPress sont également mis à disposition sur le serveur dans des fichiers statiques.

Ainsi, le site web ne doit pas solliciter les bases de données à chaque appel. En effet, de tels accès augmentent d'une part la vitesse de chargement et d'autre part la charge que ton serveur doit supporter. Cela peut être un bon moyen d'économiser des ressources, en particulier pour les grands sites web avec de nombreux visiteurs.

L'inconvénient : tu ne peux pas faire créer certains contenus de page de manière dynamique. Celui qui utilise par exemple différentes bannières publicitaires devrait les exclure de la mise en cache. Ou accepter qu'elles ne changent pas dans un article. Même pour les boutiques en ligne avec WooCommerce , tu dois tenir compte de certaines exceptions pour que le processus de commande fonctionne correctement.

Outre des plugins très complets comme WP Rocket, qui est payant et offre de nombreux réglages, tu peux aussi réaliser une mise en cache avec des plugins gratuits comme WP Optimize ou W3 Total Cache. Raidboxes propose pour cela sa propre mise en cache côté serveur dans son hébergement WordPress. Le cache NGINX y est activé avant que WordPress ne prenne le relais. Les pages web peuvent ainsi être livrées sans que WordPress ne soit ralenti. Autre avantage : tu n'as plus besoin d'un plugin de mise en cache WordPress et tu n'as pas non plus à te soucier de réglages compliqués.

Optimiser les performances de WordPress

Tu veux savoir quels sont les principaux leviers de performance de ton WordPress ? Alors lis notre guide à ce sujet. Tu peux également consulter notre e-book sur la performance, sur le thème de la mesure correcte de la vitesse des pages web.

Conclusion sur le référencement d'images avec WordPress

Optimiser WordPress en matière d'images peut s'avérer très rentable. Non seulement tu augmentes ton classement, mais tu peux aussi attirer du trafic supplémentaire. D'un autre côté, cela demande un peu de travail. Surtout au début, lorsque le sujet est encore nouveau pour toi. Mais avec le temps, cela devient plus facile et tu obtiens de bons résultats.

En particulier parce que Google est de plus en plus attentif aux temps de chargement, il est judicieux de ne pas se contenter des métadonnées. Mets à disposition les images dans le bon format de fichier, comprimées et avec des tailles exactes. Tes visiteurs te remercient, car la page met rapidement à disposition les informations souhaitées. Si, en plus, le contenu est correct, rien ne s'oppose plus à ton succès.

D'autres articles sur le thème du SEO sur wp unboxed, qui t'aideront sur Google & Cie :

Tes questions sur le référencement d'images avec WordPress

Quelles questions as-tu sur ce thème ? Et quelle astuce peux-tu recommander ? N'hésite pas à utiliser la fonction commentaire. Tu veux d'autres articles sur le thème WordPress et SEO ? Alors suis-nous sur Twitter, Facebook, LinkedIn ou via notre newsletter.

As-tu aimé cet article ?

Tes évaluations nous permettent d'améliorer encore plus notre contenu.

Laisse un commentaire

Ton adresse e-mail ne sera pas publiée.