4. Optimiser ses images avec SEO YOAST pour WordPress

Cet article fait partie d'une série sur les avantages clés du plugin WordPress SEO Yoast

Une partie souvent négligée de WordPress SEO est la façon dont vous manipulez vos images.

En faisant des choses comme écrire de bonnes balises alt pour les images et penser à la façon dont vous nommez les fichiers, vous pouvez obtenir un peu de trafic supplémentaire à partir des différents moteurs de recherche d’images.

À côté de cela, vous aidez vos lecteurs moins habiles qui parcourent votre site dans un lecteur d’écran, à donner un sens à ce qui leur est caché.

L’utilisation des attributs alt appropriés pour les images est également vérifiée dans la fonctionnalité d’analyse de page du plug-in Yoast SEO.

SEO des images est la somme d’un certain nombre d’éléments.

Avec Google étant capable de mieux reconnaître les éléments de l’image tous les jours, il est logique de s’assurer que l’image et tous les éléments contribuent à l’expérience utilisateur ainsi que le référencement qui consiste à une optimisation de certains mots mais comment affiner la stratégie d’optimisation? Il serait insensé d’essayer de tromper Google.Tenez compte de ces éléments lorsque vous ajoutez une image à un article :

  • Utilisez une image pertinente qui correspond à votre texte
  • Choisissez le bon nom de fichier pour votre image
  • Assurez-vous que la dimension de l’image correspond à la taille de l’image telle qu’elle est affichée.
  • Réduire la taille des fichiers pour un chargement plus rapide
  • Ajouter une légende pour faciliter la numérisation de la page
  • Utiliser un texte d’image, le texte de titre est facultatif
  • Ajouter des tags OpenGraph et Twitter Card pour l’image
  • Ne brisez pas la ligne de lecture gauche en utilisant une image
  • Utiliser des images dans vos sitemaps XML
  • En plus de contribuer au référencement et à l’expérience utilisateur, les images peuvent également jouer un rôle important dans la conversion !

Lorsque vous optimisez une image, réduisez au maximum sa taille de téléchargement en utilisant la compression d’image appropriée. L’optimisation d’une image permet d’avoir le bon nom et le bon texte alt, donc son optimisation est utile pour les moteurs de recherche.

Besoin d’images pour illustrer vos articles, utilisez le plug-in Yoast SEO

Votre article a besoin d’une image ayant le même sujet que votre article.

Si vous voulez utiliser une image juste pour utiliser une image et obtenir une puce verte dans notre plug-in Yoast SEO, vous faites une erreur.

L’image doit refléter le sujet du post, ou avoir un but illustratif dans l’article, bien sûr.

Il y a une simple raison SEO d’image pour cela : une image qui est entourée de texte apparenté se classe mieux pour le mot-clé pour lequel elle est optimisée.

S’il n’y a pas moyen d’utiliser vos propres images, il y a d’autres façons de trouver des images uniques et de ne pas utiliser de photos en stock. Faire aussi une optimisation.

Flickr.com est une belle source d’images par exemple, comme expliqué dans cet article : Comment utiliser les images Creative Commons de Flickr.

J’aime aussi les images fournies par des sites comme freeimages. com (anciennement connu sous le nom de sxc. hu). Cliquez ici pour plus de ressources d’images.

Vous devriez rester loin des photos de stock évidentes, et plutôt choisir ceux qui regardent (ok, juste un peu) plus authentique. On dirait presque que les images avec des gens ressemblent toujours à des photos de stock, à moins qu’elles ne soient prises par vous-même. En fin de compte, c’est toujours la meilleure idée.

Les alternatives évidentes pour les photos pourraient être des illustrations, comme nous utilisons, ou des graphiques, bien sûr.

Une mention honorable devrait aller aux GIF animés, car ceux-ci semblent devenir de plus en plus populaires de nos jours.

Image SEO : GIF animés sont populaires de nos jours

Même si les GIF animés sont très populaires de nos jours, ne vous emballez pas.

Cela rendra votre message moins attrayant à lire, car votre lecture sera interrompue par le mouvement de l’image, bien sûr. Comme dans le post où j’ai trouvé l’image ci-dessus.

Préparation d’images à utiliser dans votre article avec le plug-in Yoast SEO

Lorsque vous avez trouvé la bonne image à utiliser, qu’il s’agisse d’une illustration, d’un graphique ou d’une photo, l’étape suivante consiste à l’optimisation de cette image pour l’utiliser sur votre site Web.

Il y a un certain nombre de choses auxquelles vous devriez penser :

Choisissez le bon nom de fichier, toujours avec Yoast SEO

Le référencement d’image commence par le bon nom de fichier. Bien sûr, c’est le premier endroit à utiliser ce mot-clé. Sans même regarder l’image réelle, vous voulez que Google sache de quoi il s’agit.

C’est simple : si votre image est un lever de soleil à Paris montrant Notre Dame, le nom de fichier ne devrait pas être DSC4536. jpg, mais notre-dame-paris-sunrise. jpg. Le mot-clé principal serait Notre Dame, puisque c’est le sujet principal de la photo, c’est pourquoi j’ai ajouté cela au début du nom de fichier.

Échelle pour le référencement d’images avec Yoast SEO

Les temps de chargement sont importants pour UX et SEO.

Plus le site est rapide, plus il est facile de visiter et d’indexer une page.

Les images peuvent avoir un impact énorme sur les temps de chargement, en particulier lorsque vous chargez une image énorme et que vous la montrez vraiment petite, comme si vous utilisiez une image de 2500×1500 pixels et que vous la montriez à une taille de 250×150 pixels.

L’image entière doit encore être chargée. Ajustez la taille de l’image à la taille que vous souhaitez afficher. WordPress SEO aide en fournissant l’image en plusieurs tailles après téléchargement déjà.

Malheureusement, l’optimisation n’est pas faite sur la taille du fichier, c’est seulement la taille de l’image.

Utiliser des images réactives

Celui-ci est également essentiel pour le référencement. Les images pourraient ruiner l’expérience mobile et augmenter le taux de rebondissement.

Allez voir l’exposé de Bruce Lawson à WordCamp London (2015) sur les images réactives et l’utilisation de l’attribut image.

Il a également attiré mon attention sur ce plug-in en tant qu’alternative : RICG Responsive Images For WordPress.

Le plug-in ajoute l’attribut secret à vos images, ce qui permet de servir une image différente par largeur d’écran.

Notez que WordPress ajoute ce comportement par défaut à partir de la version 4.4 et ils vous invitent à mettre à jour le plug-in RICG dans la dernière version de ce même article.

Si nous pouvons automatiser ce processus de cette façon, ce pourrait être l’avenir des images web, IMHO. Je l’aime bien.

Réduire la taille des fichiers

L’étape suivante dans le référencement d’image devrait être de s’assurer que l’image mise à l’échelle est servi dans la plus petite taille de fichier possible.

Il y a des outils pour cela. Bien sûr, vous pourriez simplement exporter l’image et tester quel pourcentage de qualité est acceptable, mais je préfère (surtout avec la rétine et les écrans similaires) utiliser des images 100 % de qualité.

Image SEO : optimisation de la taille du fichier image en utilisant JPEGMini

Vous pouvez toujours réduire la taille du fichier de ces images en supprimant, par exemple, les données EXIF. Nous recommandons l’utilisation d’outils comme ImageOptim ou de sites web comme JPEGMini, PunyPNG ou Kraken. io.

En plus d’utiliser des outils comme ceux mentionnés ci-dessus, veuillez utiliser des outils comme YSlow pour vérifier si votre optimisation d’image a réussi.

Ajouter l’image à votre article

Ne le fourre pas juste quelque part. J’ai déjà mentionné l’ajout d’un contenu textuel similaire. Cela aide beaucoup. Il s’assure que le contenu est pertinent pour l’image aussi bien, que c’est le contraire. Optimiser vos descriptions d’image.

Légendes

La légende de l’image est le texte qui accompagne l’image. Si vous regardez les images de cet article, c’est le texte dans la zone grise en dessous.

Pourquoi ce texte est-il important pour le référencement d’images ?

Les gens utilisent ce texte pour scanner un article. À côté des titres, les gens ont tendance à numériser l’image et à inclure la légende dans cette numérisation.

En 2012, KissMetric a même déclaré que « les légendes sous images sont lues en moyenne 300 % de plus que la copie du corps du texte », donc ne pas les utiliser, ou ne pas les utiliser correctement, signifie manquer une occasion d’engager un grand nombre de potentiel

Ajoutons-nous des légendes à toutes les images ? Non.

Comme on l’a dit, les images servent parfois à autre chose.

Décidez si l’image à portée de main est une image que vous voulez utiliser pour le référencement ou non.

En gardant à l’esprit la sur-optimisation, je dirais que vous devriez ajouter une légende si cela a du sens pour le visiteur si cette légende est ajoutée.

Pensez d’abord au visiteur, n’ajoutez pas une légende juste pour le SEO de l’image.

Texte alternatif et texte de titre

Le texte alt (ou balises alt) est ajouté à une image pour qu’il y ait un texte descriptif lorsque l’image ne peut pas être affichée pour une raison quelconque.

Je ne peux pas le dire mieux que Wikipédia :” Dans les situations où l’image n’est pas disponible pour le lecteur, peut-être parce qu’ils ont désactivé des images dans leur navigateur Web ou parce qu’ils utilisent un lecteur d’écran à cause d’une déficience visuelle, le texte alternatif assure qu’aucune information ou fonctionnalité n’est perdue.

Assurez-vous que le texte alt inclut le mot-clé SEO pour cette page et se rapporte à/décrit l’image.

Lorsque vous survolez une image, IE affiche le texte alt sous forme d’info-bulle.

Chrome affiche le texte du titre comme prévu.

Le titre du texte des images est similaire et beaucoup de gens qui les utilisent copient simplement le texte alt. De plus en plus de gens les oublient.

C’est pour quoi faire ?

L’attribut title peut être très utile, mais ce n’est pas un moyen sûr de fournir des informations cruciales.

Au lieu de cela, il offre un bon moyen de fournir des informations non essentielles, par exemple, l’humeur de l’image, ou ce que cela signifie dans le contexte. » il est agréable d’avoir des informations en effet, et n’est pas pris en compte pour l’image SEO.

Cartes OpenGraph et Twitter

J’ai parlé d’utiliser l’image pour le partage social. Si vous ajoutez la balise image de droite à votre section <head> comme ceci :

<meta property=” og : image » content=” http://example.com/link-to-image.jpg »/>

Cela vous permettra de vous assurer que l’image est incluse dans votre partage sur Facebook (et OpenGraph est également utilisé pour Pinterest, par exemple).

Prévisualisation sociale pour le partage Facebook

Notre plug-in WordPress SEO dispose d’une section Social où vous pouvez définir et même prévisualiser votre message Facebook lorsque vous utilisez SEO Yoast Premium.

Assurez-vous d’utiliser une image de haute qualité, comme l’image originale que vous utilisez dans le post, car les images de meilleure qualité/plus grandes ont tendance à être utilisées plus souvent par les plateformes sociales.

Si vous avez configuré cela correctement, et que cela ne fonctionne pas, essayez de vider le cache de Facebook dans l’URL Debugger.

Les Twitter Cards font de même pour Twitter et sont également générés par notre plug-in.

Alignement

Soyons honnêtes, c’est une de mes bêtises.

Les images ne doivent pas dépasser la ligne de lecture gauche.

Je suis sûr qu’il y a des études à ce sujet, mais j’en prends la pleine responsabilité moi-même : je n’aime pas vraiment quand le texte commence à droite d’une image, pour ensuite sauter en dessous de l’image :

Maintenir la ligne de lecture gauche ; ne pas aligner les images vers la gauche

Si une image est utilisée qui a la même largeur que votre colonne textuelle, cela ne pose aucun problème. Cela aidera même à mettre davantage en valeur l’image.

Notez que cela n’a absolument rien à voir avec l’image SEO, mais j’ai vu une occasion d’exprimer mon opinion et l’ai utilisé 🙂

Je pense que c’est mauvais pour l’expérience utilisateur. Juste pour me faire plaisir : non. Merci beaucoup pour ça.

Sitemaps XML image XML

Si vous êtes un développeur web, vous vous posez des questions sur les images XML sitemaps.

Je préfère dire des images dans les sitemaps XML. Google est assez clair à ce sujet :

Pour fournir à Google des informations sur les images de votre site, vous devez ajouter des balises spécifiques à l’image à un sitemap.

Vous pouvez utiliser un sitemap séparé pour lister les images, ou vous pouvez ajouter des informations d’image à un sitemap existant. Utilisez la méthode qui vous convient !

De temps en temps, les gens nous posent des questions sur les images XML sitemaps.

Nous ne générons pas ces images dans notre plug-in Yoast SEO, mais comme Google le dit, ces images sont incluses dans la page ou post sitemaps.

Faites simplement défiler vers le bas dans notre sitemap de posts et découvrez que nous avons ajouté des images à tous nos derniers posts (il y a une colonne qui vous le dit).

L’ajout d’images à vos sitemaps XML aide Google à indexer vos images, alors assurez-vous de le faire pour une meilleure image SEO.