Optimisation de l'image WordPress SEO

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 sujet du SEO des images. Il existe différentes façons d'optimiser tes images dans WordPress. Voici notre aperçu des conseils et des outils les plus importants.

Les images, les photos, les infographies et autres illustrations sont devenues une partie intégrante de l'écriture d'articles de qualité. Elles ne font pas qu'égayer le texte ou illustrer certains processus mieux que ne le feraient des mots. Avec la 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 destination pour les moteurs de recherche dans mon guide Optimiser les textes pour les moteurs de recherche. Avec cet article, tu as les conseils les plus importants pour ton SEO WordPress.

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

Comment les images SEO affectent-elles ta visibilité ?

Considérons 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. Mais les moteurs de recherche ne sont pas les seuls à jouer un rôle. 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 - 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 je tape 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. J'y vois maintenant de beaux plats de pâtes :

Images Search Google
Trouver une recette avec la recherche d'images de Google

J'aime beaucoup la troisième image à partir 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 je me retrouve 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 des 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 chaque jour ? Sur les réseaux sociaux comme Facebook, Twitter, Instagram, Pinterest, LinkedIn & Co.

Poursuivons l'exemple ci-dessus. Disons que tu gères un blog alimentaire. Ce serait super si les visiteurs qui ont trouvé ta recette sur ton site 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 correctement intégrée, ils verront une image très triste, c'est-à-dire aucune.

Sous cette forme, un post 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 considérablement :

Partager sur Facebook Image
Exemple d'images intégrées pour le partage sur 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 la recette toute prête. Cependant, il m'arrive de choisir des images de texte. Je t'expliquerai pourquoi dans la prochaine section.

Où se procurer des images de qualité ?

Avec les images de haute qualité, il y a souvent un petit problème. Un problème de nature juridique. Tu sais certainement que tu ne peux plus utiliser 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 des images soi-même

Tous les sites web ne disposent pas d'un budget qui leur permette d'acheter des images de stock coûteuses. Par exemple de Fotolia ou Shutterstock. Les images libres de droits (par exemple sur Unsplash ou Pexels) risquent de ne pas toujours être téléchargées par leurs auteurs. Il existe même des rapports sur des escroqueries sophistiquées qui peuvent alors se révéler coûteuses.

Des plateformes comme Pixabay indiquent 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. Mon conseil est donc le suivant : fais une capture d'écran de la licence lors du téléchargement. Pour les raisons mentionnées ci-dessus, j'ai opté pour des images que j'ai créées moi-même et pour lesquelles je travaille beaucoup avec du contenu textuel. Je peux les publier en toute bonne conscience sans conséquences juridiques. Si tu as un site qui utilise beaucoup plus d'images, tu devrais peut-être choisir une autre voie.

Utiliser efficacement les images SEO

Comment optimiser les images pour le référencement ? Pour commencer, je vais te donner quelques procédures courantes pour que tes images ou ton site web soient plus visibles. Dans la section suivante, je te montrerai comment ces processus peuvent être mis en œuvre 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 : l'optimisation des images pour les moteurs de recherche consiste uniquement à être mieux affiché dans les recherches ou dans les aperçus des réseaux sociaux. Mais ce n'est pas le cas. Les images doivent également être améliorées en ce qui concerne les Google Core Web Vitals mentionnés au début. Il s'agit ici de la facilité d'utilisation 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 de grandes images 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 classement Google moins bon à 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 lors de sa création, sans pour autant perdre en qualité d'image. Si tu crées tes propres images, tu peux les contrôler via ton programme de traitement d'images. Les formats adaptés au site Web (c'est-à-dire la largeur et la hauteur en pixels, selon le thème WordPress pour les images des articles) se sont également avérés très efficaces. Ainsi, WordPress n'a pas besoin de redimensionner les images inutilement.

Si tu as pris une photo avec un appareil photo professionnel, elle pourrait contenir des milliers de pixels. La plupart du temps, le contenu d'une page web est limité 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 les images avec des éléments transparents, par exemple, 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 un peu. Entre-temps, il existe d'autres formats pour WordPress, AVIF et WebP, qui sont destinés à l'avenir. Ils te donneront 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'informations que le site web place dans le code source afin que les services de recherche puissent attribuer les données.

Google, le 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 mettrais toujours à disposition. Cela ne nuit pas à ton site web et, grâce aux phrases et aux mots supplémentaires, tu as une chance d'être trouvé avec ces derniers.

D'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 une 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 sont simplement insérées dans le code source des images 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 à cause 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 à ce que le contenu soit parlant (sites web accessibles). La balise title des images (à ne pas confondre avec la balise title de la page web !) sert à afficher des informations supplémentaires 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 d'édition d'images comme Gimp ou Photoshop, tu devrais renoncer à une solution dans WordPress. Il est plus simple et plus économe en ressources d'effectuer l'optimisation directement dans le programme. Voici un exemple à partir 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, c'est en partie pareil, selon l'image.

Si tu réduis encore la résolution des images, c'est-à-dire que tu les adaptes au thème WordPress, tu peux créer des tailles de fichiers encore plus petites. Par exemple, sur mon propre blog, les images de couverture ont une taille de 720×360 pixels. Cela dépend du thème et peut être différent pour 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 également le bon flux de travail pour ce travail important.

Trouver la taille de l'image dans WordPress

Une petite remarque sur les tailles 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 des médias dans WordPress
Les paramètres des médias dans WordPress Tableau de bord

Ici, tu peux définir les tailles par défaut utilisées par WordPress. Lors d'un téléchargement, WordPress génère donc des images supplémentaires dans ces tailles. Cependant, tu ne changeras pas les tailles telles qu'elles apparaissent 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 faire un clic droit sur une image, par exemple l'image d'un article. Tu trouveras alors le sous-menu "Afficher les informations graphiques".

Si le champ "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, la taille par défaut est différente de celle que tu as recadrée.

Définir les indications Meta dans WordPress

Les images jouent un rôle important dans l'optimisation des moteurs de recherche, pas seulement parce qu'elles améliorent 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 le potentiel, tu as besoin des indications méta mentionnées précédemment. Comme décrit précédemment, tu dois donner aux images un nom de fichier optimisé pour le SEO avant 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 en écrivant, 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 en cliquant sur le bouton du même nom et la télécharger.

"*" indique les champs requis

Je souhaite m'abonner à la newsletter pour être informé des nouveaux articles de blog, des ebooks, des fonctionnalités et des nouvelles de WordPress. Je peux retirer mon consentement à tout moment. Merci de prendre connaissance de notre politique de confidentialité.
Ce champ sert à la validation et ne doit pas être modifié.

Une fois le téléchargement réussi, un bouton "Modifier" apparaît et tu cliques dessus. WordPress ouvre alors le fichier média et affiche les informations les plus importantes. Ici, tu peux maintenant remplir les parties marquées en rouge dans 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 les images plusieurs fois. 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 un article spécifique.

Lazy Loading pour les images dans WordPress

Pour 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 le contenu qui est nécessaire à ce moment-là. 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 le chargement paresseux (lazy loading ). C'est-à-dire le chargement retardé 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 Autoptimize ou WP Optimize (seulement à partir de Premium), ceux qui ont installé au moins WordPress 5.5. peuvent se réjouir.

Car 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 doivent 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 Mise en cache

Tu obtiendras une augmentation significative des performances de WordPress en utilisant un cache. On peut faire la distinction entre la mise en cache du navigateur, qui ne stocke que certains fichiers sur le terminal, et la mise en cache du serveur. Dans ce dernier cas, le contenu généré dynamiquement par WordPress est également mis à disposition dans des fichiers statiques sur le serveur.

Ainsi, le site web n'a pas besoin de faire appel aux bases de données à chaque fois qu'il est consulté. En effet, de tels accès augmentent d'une part la vitesse de chargement et d'autre part la charge que doit supporter ton serveur. Cela peut être un moyen efficace d'économiser des ressources, en particulier pour les grands sites Web avec de nombreux visiteurs.

L'inconvénient : tu ne peux pas faire en sorte que certains contenus de page soient créés de manière dynamique. Par exemple, si tu as différentes bannières publicitaires, tu dois 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 les plugins très complets comme WP Rocket, qui est payant et offre de nombreux paramètres, 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 qui s'y trouve devient actif avant que WordPress ne prenne les commandes. Ainsi, les pages web peuvent être livrées sans que WordPress ne soit ralenti. Un autre avantage : tu n'as plus besoin d'un plugin de mise en cache WordPress et tu n'as pas besoin de t'occuper des réglages complexes.

Optimiser les performances de WordPress

Tu veux savoir quels sont les principaux leviers de ta performance WordPress ? Alors lis notre guide à ce sujet. Tu peux également consulter notre e-book sur les performances pour mesurer correctement la vitesse des pages web.

Conclusion sur le référencement des 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 fait de plus en plus attention aux temps de chargement, il est judicieux de ne pas se concentrer uniquement sur les métadonnées. Fournis les images dans le bon format de fichier, compressées et avec des tailles exactes. Tes visiteurs te remercient, car la page fournit rapidement les informations souhaitées. Si en plus le contenu est bon, rien ne t'empêche de réussir.

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 des images avec WordPress

Quelles questions as-tu sur le sujet ? 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. Les champs obligatoires sont marqués d'un *.