Erreurs de référencement des images WordPress et comment les corriger

1. 1. Le guide ultime de la gestion des images WordPress
2. 2. 3 conseils de gestion d’images moins connus dans WordPress
3. 3. Lecture en cours : Erreurs de référencement des images WordPress et comment les corriger

Tout ce que nous avons appris dans les deux derniers articles échouerait si nous ne mettons pas en œuvre une stratégie de référencement d’image appropriée. Le référencement d’images joue un rôle important dans votre stratégie globale de référencement et est crucial pour les sites qui partagent des tutoriels. Pensez à tout le trafic que vous perdriez si vos images n’étaient pas mal nommées, n’avaient pas de balises « alt » ou pire, étaient hébergées sur différents serveurs.

Erreurs de référencement des images WordPress

Nous passerons en revue les principales erreurs en matière de référencement d’images et recommanderons les contre-mesures appropriées.

Vous n'utilisez pas d'images pertinentes

Rencontrez Ronald et compagnie

Imaginez que vous et vos amis discutiez sérieusement du mode de transport à prendre pour votre prochain voyage. Le bus interétatique et le vol semblent être de bonnes options, mais vous êtes coincé dans le débat budget/temps. Il y a deux équipes – dirigées par Ronald et Jeremy. Ronald veut prendre un vol pour ne pas avoir à reprogrammer ses réunions du vendredi. Jeremy, quant à lui, étant un admirateur de la Terre Mère, n'hésite pas à échanger son emploi du temps pour profiter de la beauté des paysages qui l'attendent lors du voyage en bus interétatique. Bien sûr, chaque membre du groupe de voyage choisit son camp : ceux qui ne veulent pas faire un voyage en bus de dix heures sont aux côtés de Ronald dans le combat. L’autre équipe qui veut admirer la beauté de Dame Nature trouve absolument nécessaire de prendre le bus.

Les deux parties font de leur mieux pour convaincre l’autre de prendre leur parti. Au milieu de ce qui semblait être l'une des discussions les plus critiques de leur vie, Ron a commis l'erreur de prononcer les mots suivants :

RON : Hé les gars, je suis d'accord avec les deux modes de transport. Qui doit garder mon chat pendant le week-end ?
JEREMY : Quoi ? Vous pourriez le laisser chez Emily ! Attendez, pourquoi en parlons-nous ?
TYPE DE L'ÉQUIPE DE JEREMY : Ouais, tu ne vois pas que nous sommes au milieu d'une conversation importante ?
MEC DE L'ÉQUIPE DE ROLAND : Allez, mec !
ROLAND :C'est quoi ce bordel, Ron ! Ne voyez-vous pas que nous sommes au milieu d’une crise ici ?
RON (un peu paniqué) : D'accord, d'accord, je laisse Sarah avec Emily. Bon sang.
COLLECTIVEMENT : Merde, Ron ! Tu fais toujours ça…

Et le débat reprend.

Tu ne veux pas être Ron maintenant, n'est-ce pas ? C'est la même chose avec la pertinence. Les images valent mille mots. Mais si vous ne faites pas attention, vous risquez de perdre l’attention de la personne dans un autre courant de pensée.

Vous pensez probablement à New York en ce moment

L'une des premières règles concernant l'ajout d'une image à votre message est d'améliorer la façon de communiquer votre idée. Les images sont conçues pour offrir de la valeur.

C'est pourquoi les didacticiels de WPExplorer sont remplis de captures d'écran et les listes de thèmes se concentrent sur l'affichage des meilleurs éléments/démos de chaque thème.

Cette valeur pourrait être (a) de nature informative, (b) avoir un impact visuel ou émotionnel ou (c) un mélange des deux. Les meilleures images sont le plus souvent une combinaison des trois.

Exemple de page de destination de Github – Une illustration d'un développeur à son bureau de travail

Cela étant dit, cela ne sert à rien d’utiliser une image pour en ajouter une. De telles actions sont souvent contre-productives. D’un autre côté, la bonne image pourrait apporter de multiples avantages à vos conversions.

La capture d'écran ci-dessus est l'une des nombreuses pages de destination de Github. Examinons l'image. Tout d’abord, vous remarquerez que cette image est en réalité une illustration vectorielle. L’illustration surmonte toutes les barrières raciales/ethniques. De plus, la couleur bleue qui est en harmonie avec la palette de couleurs globale de la page annule tout profilage subconscient. Un excellent exemple de l'utilisation correcte d'une image – associée à une copie et un CTA étonnants – pour créer une excellente page de destination.

Vous ne vous concentrez pas sur le nom du fichier image

Je comprends : créer des tutoriels de qualité est un travail difficile. Chaque étape doit être documentée de manière articulée et pourtant pas si descriptive que vos lecteurs la prennent comme une insulte à leur intelligence.

Lorsque vous avez travaillé sur un didacticiel de 1 800 mots et couvert plus d’une douzaine de captures d’écran, il est très facile de se laisser convaincre et d’utiliser des noms tels que capture d’écran-1, capture d’écran-17, etc.

Mais en réalité, cela nuit absolument à votre référencement.

Paramètres des permaliens WordPress

Pensez-y : si quelqu'un recherchait quelque chose en rapport avec l'image ci-dessus, utiliserait-il "screenshot-1" ou "image-1" ou est-il plus susceptible de rechercher "comment désactiver les permaliens dans WordPress »

Dans le même ordre d'idées, si vous souhaitez vous consacrer à 100 % au référencement des images, ajoutez également un attribut TITLE aux images. La valeur de cette balise TITLE pourrait être le nom de fichier de votre image.

Vous ne définissez pas les balises ALT

Les balises ALT représentent le texte alternatif d'une image. Il doit être utilisé dans chaque image, quelle que soit sa dimension, sa priorité ou autre. En termes très simples, les balises ALT sont une description de votre image. Que représente votre image au sens littéral ?

Les balises ALT sont utilisées par les moteurs de recherche pour explorer votre image. Si l'image ne peut pas être rendue, la balise ALT de l'image est utilisée à sa place. Les balises ALT sont également utilisées par les lecteurs d’écran pour les personnes ayant perdu la vue.

Par exemple, la balise ALT ou le texte descriptif de notre capture d'écran précédente pourrait être :

Screenshot of the WordPress dashboard showing the permalinks settings, with the default option checked.

Écrire des balises ALT détaillées peut être une véritable déception, mais les efforts portent leurs fruits. Malheureusement, je n'ai pas trouvé d'étude récente montrant une croissance du trafic organique due à l'optimisation des balises ALT. La plupart d'entre eux sont des commentaires sur des forums. Si vous tombez sur de telles études, partagez-les avec nous !

Vous remplissez vos balises TITLE et ALT par mots-clés

Le bourrage de mots-clés revient essentiellement à ajouter tous vos mots-clés populaires juste pour obtenir un peu de jus de référencement du dernier kilomètre. Cependant, en réalité, c’est comme utiliser une huile de mauvaise qualité dans votre voiture en construction bien huilée. Google devient de plus en plus intelligent chaque jour, ce qui signifie qu'il sait quand vous essayez de le déranger. Résultat? Votre référencement est pénalisé.

Un exemple typique de balise ALT remplie de mots clés serait :

Screenshot of the WordPress dashboard showing the permalinks settings, with the default option checked BEST FREE AND PREMIUM WORDPRESS THEMES WPEXPLORER

Mon conseil? Ne prenez pas le raccourci. Vous avez travaillé dur pour définir vos balises ALT – les fruits de votre travail suivront.

Vous n'utilisez pas de légendes d'image

Le problème avec les balises ALT et TITLE, c’est qu’elles ne sont pas vraiment visibles pour le lecteur/visiteur. Les moteurs de recherche l’adorent, mais en tant que personne lisant votre article, je ne survole vraiment pas l’image pour voir votre texte alternatif, et encore moins j’ouvre l’image dans un nouvel onglet juste pour pouvoir voir le nom du fichier. (Bien sûr, si je devais enregistrer une image, un joli nom de fichier descriptif ferait certainement ma journée !)

Nous avons établi que les balises ALT et TITILE, aussi cruciales soient-elles pour le référencement, ne jouent pas vraiment un rôle majeur dans l’expérience de lecture du visiteur.

C'est là qu'interviennent les légendes. Selon une étude de Kissmetrics, il a été constaté que les légendes des images sont lues 300 % de plus que le corps du texte. C’est beaucoup plus de globes oculaires que prévu.

Conception réactive. Ceci est un exemple de légende d'image !

Si vos sous-titres sont accrocheurs, il y a de fortes chances que le lecteur reste fidèle et lise ce que vous avez à dire. Pensez-y de cette façon:

• La balise TITLE est un nom de fichier succinct pour le fichier image
• La balise ALT est une description descriptive du contenu de l'image
• La légende est destinée au lecteur. Il s’agit d’un mélange de balises TITLE et ALT conçues pour améliorer l’expérience de lecture du visiteur.

Vous n'avez pas soumis de plan de site d'image

Un site Web est essentiellement un ensemble de pages HTML interconnectées. Un plan du site est un document contenant des informations sur la façon dont toutes les pages de votre site Web sont structurées. Ceux-ci ne contiennent généralement pas d’informations sur les images de votre site Web.

C'est là qu'interviennent les plans de site d'images. Le plan de site Udinra All Image est le plugin parfait pour ce travail. Le plugin prend en charge les plugins de curseur d'image tels que NextGen Gallery et Envira Gallery ; Plugins de commerce électronique tels que WooCommerce, Easy Digital Downloads et plugins de création de pages tels que Visual Composer, Site Origin, etc.

Optimisation des performances des images

La performance globale d’un site est un facteur crucial en matière de référencement. En matière d’optimisation des performances, rien n’est parfait : il y a toujours place à l’amélioration. Prenons un exemple récent où Google a réduit son logo de 14 000 octets à 305 octets et continue d'évoluer.

Voici quelques conseils d’optimisation d’image que nous avons partagés dans nos articles précédents.

Vous n'optimisez pas vos images

• L'un des meilleurs moyens d'optimiser vos images est d'utiliser des outils tels que TinyPNG pour réduire et optimiser la taille du fichier.
• Vous devez également définir une taille maximale pour toutes vos images et redimensionner toutes les images plus grandes que la taille maximale.
• Mais avant de commencer avec ce qui précède, vous devrez apprendre le format correct pour enregistrer une image.

Je suppose que vous avez déjà cela en place. Si ce n’est pas le cas, veuillez consulter notre premier message – c’est tout ce dont nous parlons !

Vous n'utilisez pas d'images réactives

Nous utilisons tous des sites Web réactifs. Il est absolument crucial d’avoir un site Web adapté aux mobiles de nos jours. Si vous ne le faites pas, vous risquez de perdre des clients, sans parler du score SEO. (Oui, Google vous pénalisera si votre site Web n'est pas adapté aux mobiles.)

Parlons maintenant des images réactives. Avec WordPress 4.4, la propriété des images réactives est activée par défaut. Lorsque vous téléchargez une image, WordPress en crée plusieurs versions, pour différentes tailles d'écran.

Avec la nouvelle prise en charge des images réactives, WordPress inclut toutes les tailles disponibles d'une image dans un attribut srcset. Cela permet au navigateur Web de choisir parmi les options et de télécharger la dimension d'image la plus appropriée, en fonction de la taille de l'écran de l'appareil. Le navigateur ignore les autres, ce qui permet d'économiser potentiellement de la bande passante et d'accélérer les temps de chargement des pages.

Si, pour une raison quelconque, vous n'avez pas mis à jour WordPress 4.4, vous utilisez le plugin RICG Responsive Images pour obtenir le même ensemble de fonctionnalités. Si vous utilisez la dernière version de WordPress, vous n’avez en fait pas besoin de ce plugin.

Vous n'utilisez pas de CDN gratuit

La deuxième façon d'améliorer les performances consiste à utiliser un CDN gratuit tel que Photon du très populaire module Jetpack. Nous aimons Jetpack pour de nombreuses raisons et Photon n'est que l'une d'entre elles. Si vous vous demandez ce qu'est Photon, il s'agit d'un service CDN d'images gratuit de WordPress. Le module Photon de Jetpack prend toutes les images de votre site et les stocke dans le réseau mondial de distribution de contenu de WordPress.com. Les images sont déchargées de votre serveur, chargées plus rapidement et vous économisez sur les coûts de bande passante. Que pourriez-vous vouloir d'autre ?

Vous n'êtes pas paresseux pour charger des images

Chat malodorant, chat paresseux, qu'est-ce qu'ils vous nourrissent ?

Avec le chargement différé activé, les images sont chargées lorsqu'elles apparaissent dans votre fenêtre. Par exemple, disons que vous lisez un article de 2 000 mots sur les meilleures solutions de podcasting pour WordPress. Vous n’avez pas besoin de regarder toutes les images avant d’atteindre la fin de l’article. L'activation du chargement différé réduit considérablement les temps de chargement et économise à la fois votre bande passante et celle du visiteur.

Le plugin BJ Lazy Load est votre réponse. Avec plus de 50 000 installations actives, vous ne pouvez pas vous tromper. Téléchargez et activez le plugin et laissez la magie opérer en un seul clic.

Cependant, d’un autre côté, le chargement paresseux des images présente certains pièges potentiels. Si vous ne faites pas attention, vous risquez de nuire à vos scores SEO. Rassurez-vous, si vous utilisez les plugins recommandés, vous serez trié. De plus, si vous utilisez d'autres plugins de connexion paresseux, essayez Fetch as Google pour les sites Web pour vous assurer que tout votre contenu peut être exploré correctement par les moteurs de recherche.

Quelques conseils sur l'utilisation des images

Les conseils suivants ne doivent pas être considérés comme des erreurs, mais plutôt comme des lignes directrices générales qui peuvent améliorer la qualité de votre contenu.

Évitez les photos génériques

Quelle est la première chose qui vous vient à l’esprit lorsque vous voyez cette image ?

Rien n'est plus rebutant que la même image d'un responsable du support client vous souriant sur la page Contactez-nous . Ou une photo évidente de modèles dans une page À propos de nous ou pire, Rejoignez-nous . Tout le monde y est tellement habitué que nous pouvons les reconnaître presque instantanément. Si vous souhaitez qu'un prospect ou un client vous contacte – que ce soit en ayant une superbe photo de l'équipe d'assistance ou en étant simple – créez un formulaire de contact utile. Mais n’utilisez pas (pour l’amour de Dieu) une image de stock dans vos pages À propos de nous, Rejoignez-nous ou Contactez-nous. Aujourd’hui, ils causeront très certainement plus de mal que de bien.

Utilisez des GIF lorsque cela est possible

Avec la popularité croissante des GIF allant de 4chan à 9GAG sur tous les principaux réseaux sociaux (oui, je regarde bien votre Facebook et Twitter) et les claviers qui les supportent ; il est indéniable que les GIF sont là pour rester. Si vous envisagez d'utiliser des GIF dans vos publications (et que vous avez fait la paix avec cela), GIPHY est un excellent endroit pour trouver de bonnes images GIF !

Utilisez les licences avec précaution – #CC0

On dit qu’on ne peut jamais être trop prudent. Non, je ne vous demande pas de commencer à construire votre bunker post-apocalyptique. Mais lorsqu’il s’agit de licences d’images, il est préférable d’opter pour celles CC0 qui sont gratuites à télécharger et à utiliser. Si vous disposez d'un bon budget marketing, achetez un abonnement Shutterstock et téléchargez de superbes photographies libres de droits pour votre blog et vos newsletters.

Conclusion

Pour conclure cette série d'articles, passons en revue ce que nous avons appris jusqu'à présent :

1. Utilisez le bon format d'image
2. Conseils pour télécharger des photos d’archives sur des articles de blog
3. Optimisation des images – taille, dimensions, qualité et sauvegarde pour le Web
4. Gestion des images lorsque l'URL du site WordPress change
5. Importer des images externes dans WordPress
6. Empêcher le hotlinking d’images dans WordPress
7. Erreurs courantes dans le référencement d’images WordPress
8. Chargement paresseux des images
9. Plans de site d'images dans WordPress
10. Images réactives dans WordPress

Que pensez-vous de cette série d'articles ? Manque-t-il un conseil essentiel ? Faites-le-nous savoir dans les commentaires ci-dessous.