Review: SEO for Images – 11 conseils d’optimisation d’image

Que sont les images SEO? Vous êtes-vous déjà demandé?

En tant que blogueur, nous oublions souvent d’optimiser les images téléchargées dans un article. On le télécharge simplement sans se soucier de sa taille, de ses tags, etc. On essaie de se concentrer sur les écritures, mais on oublie finalement à quel point les images sont importantes. Les images sont le visage d’un article de blog. Nous avons souvent cette idée fausse selon laquelle seuls les mots clés sont importants dans un article de blog. Mais ce n’est pas vrai! Du point de vue du lecteur, un article n’a de valeur qu’avec un contenu précieux. Nous devrions d’abord essayer d’écrire pour nos fidèles lecteurs, puis intelligemment pour les moteurs de recherche. Avec des images SEO et des écrits en profondeur, vos articles de blog brilleront à coup sûr.

Pourquoi l’optimisation de l’image est importante pour le référencement

En une seule phrase, les images SEO sont celles qui contribuent non seulement à améliorer la vitesse de chargement des pages, mais également à booster le classement SEO des sites Web et à améliorer l’expérience utilisateur. Environ 60% d’un site Web comprend des images. Et évidemment, si elles ne sont pas correctement optimisées, ces images alourdiront le chargement d’un site.

Près de 50% des internautes adorent lire les sites Web qui se chargent en moins de 2 secondes. Il ne fait aucun doute que l’hébergement joue un rôle critique dans cette vitesse de chargement, mais vos images ont un grand impact sur elle. Si nous sommes en mesure de réduire la taille de ces images sans réduire la qualité de l’image, cela aura un impact positif direct sur la vitesse de chargement des pages et l’expérience utilisateur des visiteurs de votre site Web.

Voici 11 conseils d’optimisation d’image pour maîtriser l’optimisation d’image pour le référencement,

1. Optimisation des balises alt d’image

La balise alt est la description réelle de l’image sous une forme courte. Les navigateurs affichent un texte alternatif en cas de problème de rendu des images.

Ce que Google en dit et comment il est utilisé pour montrer à quoi ressemble une balise alt bien écrite.!

Google utilise du texte alternatif avec des algorithmes de vision par ordinateur et le contenu de la page pour comprendre le sujet de l’image. […] Lors du choix du texte alternatif, concentrez-vous sur la création d’un contenu utile et riche en informations qui utilise les mots-clés de manière appropriée et s’inscrit dans le contexte du contenu de la page. Évitez de remplir les attributs alt avec des mots clés (bourrage de mots clés) car cela entraîne une expérience utilisateur négative et peut faire en sorte que votre site soit considéré comme du spam.

Assurez-vous d’ajouter un texte alternatif à chaque image que vous utilisez et assurez-vous que le texte alternatif inclut la phrase clé SEO pour cette page (le cas échéant). Plus important encore, décrivez ce qu’il y a dans l’image pour que les moteurs de recherche et les gens puissent en comprendre le sens. Plus les informations entourant une image sont pertinentes, plus les moteurs de recherche jugent cette image importante.

2. Optimiser les images avec une taille compressée sans perte de qualité

Comme indiqué précédemment, environ 60% d’un site Web comprend des images. Et évidemment, si elles ne sont pas correctement optimisées, ces images alourdiront le chargement d’un site.

Essayez de réduire la taille des images par sa valeur minimale sans perdre leur qualité. Essayez de le faire avec des éditeurs d’images de bureau comme Photoshop plutôt qu’avec des plugins gratuits. Les plugins fonctionnent dans certaines règles prédéfinies. Leur façon de travailler peut détruire la qualité de vos images. L’une des meilleures façons de réduire la taille du fichier sans affecter la qualité consiste à utiliser la fonctionnalité «Enregistrer pour le Web» d’Adobe Photoshop.

Dans Photoshop, vous pouvez redimensionner l’image avant de l’enregistrer, ce qui rend la taille du fichier plus adaptée à l’expérience utilisateur. Photoshop a préréglé pour que vous puissiez choisir la qualité d’image, allant de 1,38 Mo à 86 Ko. Généralement, quelque part au milieu n’affectera pas la résolution ou n’augmentera pas la vitesse de chargement de la page.

3. Nommer les images pour le référencement

Google n’est pas un humain. Vous devez faire tout ce qui est en votre pouvoir pour les aider à comprendre vos images. Une dénomination appropriée d’une image aidera Google à comprendre le sujet. Essayez de faire de votre nom de fichier une bonne description du sujet de l’image. Par exemple, Bluehost-hébergement-review.jpg plutôt que Capture d’écran123.jpg. Le premier contient beaucoup plus d’informations sur le sujet.

Ne faites pas de bourrage de mots clés. Gardez simplement vos noms de fichiers descriptifs et simples.

4. Légende descriptive

La légende est le texte qui apparaît – généralement dans une zone grise – sous l’image, expliquant ce que vous voyez sur l’image. Bien que les mots de votre article ne soient pas lus, il y a de fortes chances que le texte sous votre image soit lu.

Les légendes sont bénéfiques car toutes les images ne sont pas comprises tout de suite, et la fonction ajoute du contexte à l’image afin de fournir plus de contexte aux moteurs de recherche à comprendre (en dehors de votre texte alternatif). Selon Poynter Research, les sous-titres voient jusqu’à 16% plus de lecteurs que le texte, ce qui peut s’avérer utile pour les lecteurs.

5. Utilisez l’image appropriée

Une image doit être capable de transmettre le message du sujet original. Le téléchargement inutile d’une image avec bourrage de mots clés ruinera l’avenir de votre contenu. En utilisant une image et en utilisant la bonne image, les deux sont différents. Si votre contenu a besoin de l’image pour représenter le message avec précision, veuillez ajouter. Mais n’ajoutez aucune image juste pour le plaisir de le faire.

L’utilisation d’images d’archives est également une mauvaise pratique. Les images de la banque ne sembleront pas originales, car de nombreux autres sites Web utiliseraient probablement les mêmes images. Essayez toujours d’ajouter un caractère unique à vos images. Vous pouvez obtenir l’aide de votre concepteur, et si vous n’en avez pas, vous pouvez utiliser d’excellents outils en ligne tels que Canva, Pixlr, etc.

6. Utilisez le format d’image correct

Les formats d’image les plus couramment utilisés sont JPEG, PNG et GIF. Ces trois formats d’image représentent 95% du total des images sur les sites Web. Mais vous devez utiliser ces formats selon leur cas d’utilisation spécifique pour obtenir le maximum d’avantages.

Le format d’image JPEG est une spécification de compression avec perte et convient le mieux aux photographies capturées. La compression des images JPEG fonctionne en calculant la moyenne des couleurs des pixels voisins. Mais si vos images contiennent des textes ou des lignes, JPEG ne serait pas un choix judicieux.

PNG est un format d’image sans perte et convient le mieux aux textes, logos ou graphiques. Les images PNG semblent plus nettes que JPEG. GIF est également un format d’image sans perte et est principalement utilisé pour afficher des animations. Choisir le bon format d’image peut être d’une grande utilité pour optimiser les images de votre site Web.

7. Utiliser le plan du site d’image XML

Avant d’ajouter quoi que ce soit, vérifions ce que Google en dit,

En outre, vous pouvez utiliser les extensions d’image Google pour les sitemaps afin de fournir à Google plus d’informations sur les images disponibles sur vos pages. Les informations du plan du site d’image aident Google à découvrir des images que nous ne trouverions peut-être pas autrement (telles que les images que votre site atteint avec le code JavaScript) et vous permettent d’indiquer les images de votre site que vous souhaitez que Google explore et indexe.

Maintenant, vous vous demandez peut-être comment créer des sitemaps d’images XML. Si vous êtes un utilisateur de WordPress, je recommanderais Yoast SEO à cet effet.

Le plan de site d’image est un type de plan de site XML qui informe Google de toutes les images du site Web. Si votre site contient des milliers d’images, y compris des galeries JavaScript, des images flash ou des images HTML5, alors un plan de site image est le meilleur moyen de faire connaître vos photos à Google. L’ajout d’images à vos sitemaps XML aide Google à indexer vos images, alors assurez-vous de le faire pour un meilleur référencement des images.

8. CDN a un effet négatif sur le référencement d’image

Tous ceux qui utilisent CDN (Content Delivery Network) savent à quelle vitesse un site Web se charge après l’avoir utilisé. Comme nous l’avons indiqué précédemment, 60% de la taille d’un site Web est constituée d’images. Et si 60% est chargé à partir du CDN, votre site se chargera automatiquement plus rapidement.

Mais, bSi vous placez vos images sur un CDN, vous supprimez probablement l’image de votre domaine et la placez sur le domaine du CDN. Ainsi, lorsque quelqu’un établit un lien vers votre image, il établit un lien vers le domaine CDN.

Comme nous le savons tous, à quel point ces backlinks naturels sont importants et plus vous avez de backlinks, meilleur est votre site dans les moteurs de recherche.

9. Afficher une image réactive

Supposons que vous ayez inséré une image avec une largeur de 720px. Si quelqu’un visite sur un appareil mobile avec un écran beaucoup plus petit, par exemple 320 px de large, alors son navigateur doit toujours charger l’image 720 px. Cette image aura l’air parfaitement bien. Mais il en serait de même pour une image de 320 pixels de large.

Voyez-vous le problème? Le chargement de l’image 720px est un gaspillage de bande passante et ne sert qu’à ralentir la vitesse de chargement de la page. Ce n’est pas bon pour le référencement.

La solution est d’utiliser srcset.

Il s’agit d’un morceau de code HTML magique qui indique au navigateur de charger différentes versions d’une image pour différentes résolutions d’écran.

Voici la syntaxe,

Dans ce contexte, je préfère utiliser WordPress. Il s’occupe de tout ce qui concerne cela. Pour chaque image que vous téléchargez, WordPress crée ces versions par défaut:

La vignette: Un cadrage carré (150 px par 150 px).
Moyen: Redimensionné de sorte que le côté le plus long ait une largeur ou une hauteur de 300 pixels.
Moyen large: Redimensionné à 768 pixels de large.
Grand: Redimensionné pour que le côté le plus long soit de 1024 pixels de large ou de haut.
Plein: Image originale.

10. Utiliser la fonction de chargement différé

Le chargement différé est l’endroit où le navigateur reporte le chargement des images (ou de tout autre objet – vidéo, etc.) jusqu’à ce qu’elles doivent être affichées à l’écran. Les autres images sont chargées au fur et à mesure qu’elles doivent être chargées, c’est-à-dire au fur et à mesure que vous faites défiler. Finalement, cela accélère le chargement des pages, ce qui est bon pour le référencement.

Voyons ce que Google dit à propos du Lazy Loading,

Le chargement différé peut considérablement accélérer le chargement sur de longues pages qui incluent de nombreuses images sous le pli en les chargeant au besoin ou lorsque le contenu principal a terminé le chargement et le rendu.

Pagespeed Insights, qui appartient également à Google, recommande également le chargement différé.

Si vous utilisez WordPress, vous pouvez utiliser l’un des nombreux plugins disponibles pour Lazy Loading.

11. Optimisez vos images sur les réseaux sociaux

Si vous fournissez un contenu et des informations précieux à votre public, ils partageront le contenu sur les réseaux sociaux. De Facebook à Twitter, le contenu est partagé et les liens sont distribués.

Lorsque vous avez configuré le code HTML pour Open Graph (OG) et les cartes Twitter (qui se trouvent dans le plugin Yoast de WordPress), vous pouvez garantir que l’image apparaîtra sur les plateformes sociales à chaque fois que votre lien est partagé.

Pour les balises OG, vous pouvez définir l’image de votre choix dans WordPress, mais également créer votre propre méta-propriété en HTML. Ajoutez la balise à la section de votre page, pour qu’elle ressemble à ceci:

Pour les utilisateurs de WordPress, le plugin Yoast SEO a une section sociale où vous pouvez définir et même – dans la version Premium – prévisualiser vos publications Facebook et Twitter. Assurez-vous d’utiliser une image de haute qualité, comme l’image originale que vous avez utilisée dans le message, car les plateformes sociales utilisent le plus souvent des images de meilleure qualité / plus grandes. Si vous l’avez configuré correctement et que cela ne fonctionne pas, essayez de vider le cache de Facebook dans le débogueur d’URL. Les cartes Twitter font de même pour Twitter et sont également générées par ce plugin.

Conclusion

En écrivant un article en profondeur, nous avons tendance à négliger les images utilisées. Cette erreur joue non seulement un rôle vital dans le référencement, mais entrave également la génération de trafic.

Avec Google de mieux en mieux reconnaître les éléments dans les images chaque jour, il est logique de s’assurer que l’image et tous ses éléments contribuent à une bonne expérience utilisateur ainsi qu’au référencement.

Le référencement d’image est un sujet difficile à couvrir. J’oublierai peut-être de mentionner quelques conseils importants dans l’article. N’hésitez pas à partager vos réflexions sur la section commentaires ci-dessous

Vous aimerez peut-être lire: Ping Sites pour une indexation plus rapide de votre site

Leave a Reply

Your email address will not be published. Required fields are marked *