Erreurs de référencement d’image WordPress et comment les corriger

Erreurs courantes de référencement d'image WordPress
  1. 1. Le guide ultime de la gestion d’images WordPress
  2. 2. 3 conseils de gestion d’images moins connus dans WordPress
  3. 3. En train de lire: Erreurs de référencement d’image WordPress et comment les corriger

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


Erreurs de référencement d’image WordPress

Nous allons visiter les principales erreurs en matière de référencement d’image – et recommander les contre-mesures appropriées.

Vous n’utilisez pas d’images pertinentes

Rencontrez Ronald et l’entreprise

Imaginez que vous et vos amis discutiez sérieusement du mode de transport à utiliser pour votre prochain voyage. Le bus inter-États 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 à reporter ses réunions de vendredi. Jeremy, d’autre part, étant un admirateur de la Terre Mère, ne se soucie pas d’échanger son calendrier de réunions pour profiter de la beauté des paysages qui nous attend dans le voyage en bus inter-États. Bien sûr, chaque membre du groupe de voyage choisit son camp – ceux qui ne veulent pas un long trajet en bus de dix heures sont avec Ronald dans le combat. L’autre équipe qui veut admirer la beauté de Mère 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 fait l’erreur de prononcer les mots suivants:

RON: Hé les gars, je vais bien avec les deux modes de transport. Qui devrait garder mon chat le week-end?
JEREMY: Quelle? Vous pourriez le laisser chez Emily! Attendez, pourquoi discutons-nous même de cela?
GUY DE L’ÉQUIPE DE JEREMY: Ouais, tu ne vois pas qu’on est au milieu d’une conversation importante?
GUY SUR L’ÉQUIPE DE ROLAND: Allez mec!
ROLAND: Que diable Ron! Vous ne voyez pas que nous sommes en pleine crise ici?
RON (paniqué un peu): D’accord, d’accord, je laisse Sarah à Emily. Jeez.
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 pareil avec 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 pour ajouter une image à votre message est d’améliorer la façon vous communiquez 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 morceaux / 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 sur son bureau

Cela étant dit, il est inutile d’utiliser une image pour en ajouter une. De telles actions sont souvent contre-productives. D’un autre côté, la bonne image pourrait offrir plusieurs 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 fait une illustration vectorielle. L’illustration surmonte toutes les barrières raciales / ethniques. De plus, la couleur bleue qui est en accord avec le jeu de couleurs global de la page annule tout profilage subconscient. Un excellent exemple de l’utilisation correcte d’une image – couplé avec une copie incroyable et un CTA – faisant 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 clairement documentée et pourtant pas si descriptive que vos lecteurs la prennent comme une insulte à leur intelligence.

Lorsque vous avez travaillé sur un didacticiel de 1800 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 de permalien WordPress

Pensez-y – si quelqu’un cherchait quoi que ce soit à distance lié à l’image ci-dessus – utiliserait-il “capture d’écran-1” ou “image-1” ou est-il plus susceptible de rechercher “comment désactiver les permaliens dans WordPress “

Sur une note connexe, si vous souhaitez lui donner votre 100% pour le référencement d’image, ajoutez également un attribut TITLE aux images. La valeur de cette balise TITLE peut être le nom de fichier de votre image.

Vous ne définissez pas de 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 tout autre élément similaire. Les balises ALT sont très simplement 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 qui ont perdu la vue.

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

Capture d'écran du tableau de bord WordPress montrant les paramètres des permaliens, avec l'option par défaut cochée.

L’écriture de balises ALT détaillées peut être une vraie perte, mais les efforts sont payants. Malheureusement, je n’ai pas pu trouver une étude récente qui montre la croissance du trafic organique en raison de l’optimisation des balises ALT. La plupart d’entre eux sont des commentaires dans les forums. Si vous rencontrez de telles études, partagez-les avec nous!

Votre mot clé remplit vos balises TITLE et ALT

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

Un exemple typique d’une balise ALT bourrée de mots clés serait:

Capture d'écran du tableau de bord WordPress montrant les paramètres des permaliens, avec l'option par défaut cochée MEILLEURS THÈMES WORDPRESS GRATUITS ET PREMIUM 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 truc 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 pas vraiment l’image pour voir votre texte alternatif, encore moins ouvrir l’image dans un nouvel onglet juste pour que je puisse voir le nom du fichier. (Bien sûr, si je sauvegardais une image, un joli nom de fichier descriptif ferait certainement ma journée!)

Nous avons établi que les balises ALT et TITILE, quelle que soit leur importance pour le référencement, ne jouent pas vraiment un rôle majeur dans l’expérience de lecture du visiteur.

C’est ici que légendes entrer. Selon un Etude Kissmetrics, il a été constaté que les légendes d’images sont lues 300% de plus que la copie réelle du corps. 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 continue à lire et à lire 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 écriture descriptive du contenu de l’image
  • La légende est destinée au lecteur. Il s’agit d’un mélange des balises TITLE et ALT conçues pour améliorer l’expérience de lecture du visiteur.

Vous n’avez pas soumis de sitemap pour images

Un site Web est essentiellement une collection d’un tas de pages HTML interconnectées. Un plan du site est un document contenant des informations sur la structure de toutes les pages de votre site Web. 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. Plan du site Udinra All Image est le plugin parfait pour le 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, téléchargements numériques faciles et plugins de création de page tels que Visual Composer, Site Origin, etc..

Optimisation des performances d’image

Les performances globales d’un site sont un facteur crucial du 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 précédents articles.

Vous n’optimisez pas vos images

  • L’une des meilleures façons 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 supérieures à la taille maximale..
  • Mais avant de commencer avec ce qui précède, vous devrez apprendre la format correct pour enregistrer une image.

Je suppose que vous l’avez déjà en place. Sinon, veuillez consulter notre premier post – 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 essentiel 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 réellement si votre site Web n’est pas adapté aux mobiles.)

Voyons maintenant les images réactives. Avec WordPress 4.4, la propriété responsive images est activé 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 srcset attribut. 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 réduit potentiellement la bande passante et accélère les temps de chargement des pages dans le processus.

Si pour une raison quelconque, vous n’avez pas mis à jour vers WordPress 4.4, vous utilisez le Images réactives RICG plugin 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 module Jetpack très populaire. Nous aimons Jetpack pour de nombreuses raisons et Photon n’est que l’un d’entre eux. Si vous vous demandiez ce qu’est Photon – c’est un service gratuit d’image CDN de WordPress. 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 en chargeant des images

Chat puant, chat paresseux, qu’est-ce qu’ils te nourrissent?

Lorsque le chargement différé est activé, les images sont chargées lorsqu’elles apparaissent dans votre fenêtre. Par exemple, supposons que vous lisez un article de 2000 mots sur les meilleures solutions de podcasting pour WordPress. Vous n’avez pas besoin de regarder toutes les images avant d’avoir atteint la fin de l’article. L’activation du chargement paresseux 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 commencer en un seul clic.

Cependant, d’un autre côté, il existe des pièges potentiels en ce qui concerne les images à chargement paresseux. Si vous ne faites pas attention, vous risquez de nuire à vos scores SEO. Soyez assuré que si vous utilisez les plugins recommandés, vous serez trié. De plus, si vous utilisez d’autres plugins de connexion paresseuse, essayez le Récupérer en tant que Google pour les sites Web pour vous assurer que tout votre contenu peut être correctement exploré 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 directives 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 la même image d’un responsable du support client qui vous sourit dans le Nous contacter page. Ou une photo évidente de modèles dans un À propos de nous ou pire, Rejoignez-nous page. 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 – ayez une excellente photo de l’équipe d’assistance ou soyez simple – faites un formulaire de contact utile. Mais n’utilisez pas (pour l’amour de Dieu) une image dans vos pages À propos de nous, Rejoignez-nous ou Contactez-nous. Aujourd’hui, ils causeront certainement plus de mal que de bien.

Utilisez des GIF lorsque cela est possible

Le bonheur, c’est Nicolas Cage. Source: GIPHY

Avec la popularité croissante des GIF à partir de 4chan vers 9GAG vers tous les principaux réseaux sociaux (oui, je regarde directement votre Facebook et Twitter) et claviers le soutenant; on ne peut nier le fait 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 le fait), GIPHY est un excellent endroit pour trouver de bonnes images GIF!

Utilisez les licences avec précaution – # CC0

Ils disent qu’on ne peut jamais être aussi prudent. Non, je ne vous demande pas de commencer à construire votre bunker post-apocalyptique. Mais en ce qui concerne les licences d’images, il est préférable d’opter pour celles CC0 qui sont gratuites à télécharger et à utiliser. Si vous avez un bon budget marketing, allez-y et achetez un abonnement Shutterstock et téléchargez de superbes photos libres de droits pour votre blog et vos newsletters.

Conclusion

Pour conclure cette série de publications, passons en revue ce que nous avons appris jusqu’à présent:

  1. Utilisez le format d’image correct
  2. Conseils pour télécharger des photos de stock vers des articles de blog
  3. Optimisation d’image – taille, dimensions, qualité et économie pour le Web
  4. Gestion des images lorsque l’URL du site WordPress change
  5. Importation d’images externes dans WordPress
  6. Empêcher le hotlinking d’images dans WordPress
  7. Erreurs courantes dans le référencement d’image WordPress
  8. Chargement d’images paresseuses
  9. Sitemaps d’images dans WordPress
  10. Images réactives dans WordPress

Que pensez-vous de cette série d’articles? Manquent-ils d’un conseil essentiel? Faites-le nous savoir dans les commentaires ci-dessous.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me