Optimiser les images pour le référencement

L'un des moyens les plus simples d'optimiser le contenu d'une page consiste à se concentrer sur les images. La plupart des pages contiennent des images, qu'il s'agisse de photographies, d'illustrations ou d'icônes. Avec quelques ajustements simples, ils peuvent aider votre classement et vous attirer des visiteurs supplémentaires.


Optimiser les images? Mais pourquoi?

Le gros problème ici est que les moteurs de recherche ne peuvent pas voir les images. Attends, laisse-moi reformuler ça; ils peuvent voir qu'il y a une image, ils peuvent même reconnaître les images en termes de pixels, mais ils ne peuvent pas évaluer le contenu en se basant uniquement sur l'image.


Google fait de son mieux pour exploiter les images trouvées sur le Web, mais il a besoin de votre aide…

Supposons que Google rencontre l'image suivante (je suis un peu comme une tête d'essence, alors j'ai utilisé cette image d'une Ford GT40 de Sumlin à titre d'exemple):

Les moteurs de recherche savent qu'il y a une image parce que nous avons utilisé le code HTML tag, mais la seule information dont ils disposent à ce sujet est l’URL. Les humains peuvent facilement voir que c'est une image de voiture, mais les moteurs de recherche n'ont pas cette compréhension. Cependant, nous pouvons aider les moteurs de recherche à mieux comprendre les images via le attribut alt et un bon nom de fichier.


Attribut alt

L'attribut alt spécifie un texte de remplacement si l'image ne peut pas être affichée (peut-être à cause d'une erreur, d'une connexion lente, d'un lecteur d'écran, etc.)

Cet attribut est utile non seulement pour les visiteurs, mais également pour les moteurs de recherche. Cela leur donne un indice sur le contenu de l'image. C’est pourquoi il est judicieux d’utiliser des informations importantes. mots clés dans la description alt (encore une fois; n'allez pas pour le bourrage de mots clés).

Si vous inspectez le code de notre précédente image, vous aurez déjà une alt-description:

Ford GT40 aux couleurs du Golfe

Via cet attribut alt, nous avons fourni aux moteurs de recherche deux informations importantes:

  • C'est une photo d'une Ford GT40.
  • C'est dans les couleurs du Golfe.

Désormais, si quelqu'un utilise "GT40 Gulf Colors" ou une requête similaire dans Google Images Search, il y a de fortes chances que notre image apparaisse..

Comme vous pouvez le voir; L'ajout d'une alt-description est très simple, il vous suffit d'accéder au balisage HTML de l'image..


Le gestionnaire de médias dans WordPress

Certains systèmes de gestion de contenu tels que WordPress vous permettent de spécifier une alt-description lorsque vous téléchargez une image..


Nom de fichier

Si vous souhaitez optimiser davantage vos images, vous pouvez modifier le nom du fichier. En utilisant un nom de fichier descriptif nous pouvons aider les moteurs de recherche.

Une photo typique d'un appareil photo numérique porte le nom 'DSC0123.jpg'. Si nous mettons en ligne cette photo et l’utilisons sur notre page, les moteurs de recherche en disent très peu, car le nom du fichier n’est pas très informatif. Bien sûr, nous pourrions utiliser l'attribut alt, mais nous pouvons faire encore plus en modifiant le nom du fichier..

Ainsi, au lieu d'appeler notre photo "DSC0123.jpg", nous pourrions l'appeler "basket-of-red-apple-apple.jpg" par exemple. Si vous avez lu notre article sur la création d'une structure d'URL conviviale pour le référencement, vous savez déjà qu'il vaut mieux utiliser traits d'union diviser des mots. L'utilisation d'autres séparateurs, tels que les traits de soulignement (_), les signes plus (+) ou l'absence de séparateurs, doit être évitée. En utilisant des traits d'union, les moteurs de recherche sont capables de reconnaître les pièces composites en tant que mots individuels.


Ne pas oublier la taille du fichier!

Comme vous l'avez peut-être déjà entendu Google a incorporé la vitesse du site dans les classements de recherche. Cela signifie que le temps de chargement des pages est l’un des facteurs de classement; La montée en puissance des smartphones et de l'internet mobile joue un rôle important à cet égard. Sans surprise, car un site lent n'est pas très convivial.

La taille du fichier image est l’un des éléments qui déterminent le temps nécessaire au chargement d’une page donnée. Optimiser vos images peut donc améliorer les performances. Cela peut ne pas être visible sur une page avec une ou deux images, mais si vous devez charger des dizaines d'images, cela peut faire une énorme différence..

La taille du fichier dépend en grande partie de la résolution de l'image. Les fichiers à haute résolution sont généralement plus gros, ce qui signifie que nous devons équilibre qualité et taille du fichier.

Afin de prendre une décision éclairée, nous devons examiner les différents types de fichiers image et leurs avantages..

JPG, PNG et GIF sont les trois types de fichiers les plus couramment utilisés sur le Web:

  • JPG est un type de fichier image avec un degré de compression réglable. En comprimant une image, il supprime certaines informations que l'œil est le moins susceptible de remarquer. Pour cette raison, les images JPG sont fréquemment utilisées sur les sites Web..
  • PNG sont souvent utilisés car ils supportent la transparence (contrairement aux fichiers JPG). Le format PNG est une alternative sans perte au format GIF..
  • GIF les images sont sans perte pour les images de 256 couleurs ou moins. Ce format prend également en charge les animations, raison pour laquelle il est toujours utilisé sur certains sites Web..

Il est impossible de dire quel type de fichier image est le meilleur. Les fichiers JPG, PNG et GIF sont tous utiles dans des situations spécifiques. Si vous souhaitez optimiser vos images, je vous suggère de choisir un type de fichier avec une qualité acceptable et une taille de fichier minimale. En cas de doute, essayez simplement différents types et comparez-les.

N'oubliez pas qu'il est préférable de ne pas utiliser HTML pour redimensionner les images. Le téléchargement d'une grande image (par exemple 800 x 600 px) et son affichage dans une résolution plus faible (par exemple 400 x 300 px) via des attributs HTML de largeur et de hauteur entraîneront une perte de bande passante. Avec l'essor de Responsive Web Design, les images sont souvent chargées dans une page Web, puis affichées en fonction de la taille de l'élément qui les contient, mais c'est un tout autre jeu de balle et l'optimisation d'image dans ces circonstances en est encore à ses balbutiements.

Si vous souhaitez analyser les performances de vos images, vous pouvez utiliser YSlow ou Google Page Speed ​​Insights. Les techniques d'optimisation suivantes peuvent également s'avérer utiles:

  • Techniques d'optimisation PNG intelligentes
  • Optimisation JPEG
  • Optimiser les images GIF

Remarques de clôture

L'un des avantages de l'optimisation de vos images pour le référencement est qu'elles peuvent apparaître dans Google Recherche d'images, attirant potentiellement des visiteurs supplémentaires..

La recherche d’image n’aide pas toutes les entreprises, mais elle peut parfois vous générer un trafic extrêmement pertinent. Cela peut être très utile, en particulier pour les recettes, les produits et les produits numériques (icônes, photos de stock, etc.). De toute façon: l'optimisation ne fait pas mal!

Si vous avez terminé d'optimiser vos images, n'oubliez pas de soumettre un sitemap pour images. Cela aidera les moteurs de recherche à trouver et à indexer vos images..


Conclusion

L'optimisation des images pour le référencement dépend de trois facteurs: le nom de fichier, la taille du fichier et, plus important encore, l'attribut alt. Le nom du fichier ne doit pas être une chaîne aléatoire de lettres et de chiffres, mais un ou plusieurs mots-clés descriptifs. La taille du fichier doit être aussi basse que possible pour améliorer la vitesse de votre site (l'un des facteurs de classement de Google). Et le dernier mais non le moindre: n'oubliez pas d'ajouter une alt-description à vos images. C'est l'un des moyens les plus simples d'optimiser vos images pour le référencement.