Comment optimiser ses images pour une meilleure expérience utilisateur?

Que vous soyez un blogueur ou que vous écriviez des articles pour un magazine ou un journal en ligne, il est probable que vous vous demandiez si votre article a besoin d’une image ou non.

La réponse est toujours “oui”.

Et cela parce que les images donnent vie à un article et peuvent également contribuer au référencement de votre site Web.

Dans cet article, je vous explique comment optimiser une image pour le référencement et je fournis quelques conseils sur l’utilisation des images pour la meilleure expérience utilisateur.

Toujours utiliser des images

Les images, lorsqu’elles sont utilisées convenablement, aideront les lecteurs à mieux comprendre votre article.

C’est encore plus vrai lorsque vous devez accompagner un texte de 1000 mots avec un graphique ou créer des publications sur les réseaux sociaux qui soient plus attrayantes.

Et comme la recherche des contenus graphiques (images, infographie, illustrations) devient de plus en plus importante, elle pourrait constituer une source alternative de trafic.

Ce qui veut aussi dire que si vous avez vous avez du contenu visuel original et surtout bien optimisé, votre référencement se portera mieux.

Trouver la bonne image 

Il est évident qu’utiliser des images originales est toujours préférable.

Une image originale est une image que vous avez prise ou créée vous-même (ou un des membres de votre équipe).

C’est image unique et exclusive qui a plus de chance d’être “vue” par les moteurs de recherche et qui a donc plus de chance d’être mieux référencée.

En plus cette image doit être adaptée au sujet de l’article.

Vous devez être conscient que si vous choisissez une photo quelconque juste pour égayer le design, l’expérience utilisateur en sera diminué.

Une image doit toujours refléter le sujet du message ou avoir un objectif clair et surtout compréhensible.

Et pour plus d’impact, essayez toujours de placer la dite image près du texte concerné.

C’est pour aider à comprendre la signification et du coup à parfaire l’expérience utilisateur.

Mais si pour une raison ou pour une autre, vous n’avez pas la possibilité de créer vos propres images, il existe des alternatives.

Les Alternatives

Si vous ne disposez d’aucune image, il existe d’autres façons d’en trouver.

Il existe plusieurs bibliothèques d’images gratuites et payantes.

Ces bibliothèques sont très riches et présentent d’innombrables thématiques.

Vous en connaissez surement quelques-unes comme Flickr, Pixabay ou Shutterstock qui sont très populaires.

Cependant, il y a certaines conditions à remplir pour pouvoir utiliser ce genre de bibliothèques.

Vous devez avoir les droits d’attributions pour pouvoir les utiliser.

Il y a des images libres de droits et utilisables à volonté, comme il en existe d’autres qu’on ne peut utiliser qu’en mentionnant le photographe qui les a prises.

Préparer une image pour votre article

Une fois que vous avez trouvé la bonne image, qu’il s’agisse d’une illustration, d’un graphique ou d’une photo, la prochaine étape consiste à l’optimiser pour votre site Web.

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

Bien Choisir le nom de l’image

Le référencement d’image commence par son nom.

Vous voulez que Google sache de quoi parle l’image sans même la regarder, alors utilisez votre mot clé dans le nom du fichier image.

C’est simple : si votre image montre un lever de soleil à Paris sur la tour Eiffel, le nom du fichier ne doit pas être DN5463.jpg, mais tour-eiffel- -lever-de-soleil.jpg.

Le mot clé principal serait tour-eiffel, car c’est le sujet principal de la photo et c’est pourquoi on le positionne au début du nom du fichier.

Choisir le bon format

Pour les images, le bon format n’existe pas !

Cela dépend du type d’image et de la façon dont vous souhaitez l’utiliser.

Mais en général :

  • Choisissez le format JPEG pour des photos ou des illustrations plus grandes: il vous donnera de bons résultats en termes de couleurs et de clarté avec une taille de fichier relativement réduite.
  • Utilisez le format PNG si vous souhaitez conserver la transparence de l’arrière-plan.
  • Vous pouvez utilisez le format WebP au lieu de JPEG et PNG. Il produira des résultats de haute qualité avec des tailles de fichier très réduites. Vous devrez cependant utiliser des outils plus spécifiques pour convertir vos images vers ce format relativement récent.
  • Utilisez le format SVG pour les logos et les icônes. Ce format permet de redimensionner les images sans perte de qualité.

Optimiser vos images pour le Web

Vous avez choisi l’image et vous lui avez donner le nom idéal ?

Il ne reste plus qu’à l’optimiser pour le référencement.

1-Réduire le poids de l’image

L’un des critères pour une bonne expérience utilisateur est la vitesse de chargement d’un site.

Personne n’aime attendre plusieurs secondes qu’une page s’affiche !

Plus le site est rapide, plus il est facile de le visiter et mieux il est indexé dans les moteurs de recherche.

Les images peuvent avoir un impact important sur les temps de chargement, en particulier lorsque vous utilisez une image de grande taille avec un poids conséquent.

Et bien que certains éditeurs comme WordPress aident en fournissant automatiquement des miniatures en plusieurs tailles pour l’affichage,  cela ne signifie pas que le poids du fichier est également optimisée, c’est juste la taille d’affichage de l’image.

Pour faire simple : une page contenant une image de 200 Ko s’affiche nettement plus rapidement qu’une page avec une image de 1 Mo.

Il existe plusieurs méthodes pour réduire le poids d’une image.

  • Des plugins WordPress.
  • Des logiciels graphiques.
  • Des sites spécialisés.

Des outils comme i Love Img, Kraken.Io ou JpegMini sont très pratiques et agencent au mieux optimisation et qualité d’image.

2-Utilisez des images responsives

Une image responsive est une image qui s’adapte à tous les affichages possibles.

On parle des différentes résolutions PC, des tablettes et des mobiles.

C’est essentiel pour une bonne expérience utilisateur et en toute évidence pour un bon référencement.

C’est très simple de transformer l’affichage d’une image (ou de tout un article) en mode responsive puisque les CMS ajoutent automatiquement les attributs nécessaires pour un affichage adaptatif, vous n’avez donc pas à coder.

Vous pouvez même tester votre site grâce à des outils en ligne comme Responsinator.

Ajouter L’image dans votre article

Bien que Google soit devenu très performant pour reconnaître tous les attributs d’une image, vous devez quand même l’aider.

Cette aide consiste à fournir les informations de base concernant l’image.

Ces informations sont :

  • Le texte alternatif (soit l’attribut alt) de l’image qui est très important aux yeux de Google.
  • La légende qui accompagne chaque image.

Ces informations auront pour rôle d’affiner la pertinence du sens donné aux images pour que les moteurs de recherche lui donnent plus d’importance.

Conclusion

Le référencement d’une image est l’aboutissement d’un certain nombre d’éléments.

Et avec Google qui améliore chaque jour le traitement des données graphiques, il est logique de s’assurer que l’image et tous ses éléments contribuent à une bonne expérience utilisateur ainsi qu’à un bon référencement.

Il serait vraiment stupide de ne pas optimiser ses images surtout que c’est très simple de le faire.

ARTICLES SIMILAIRES

Commentaires

LAISSER UN COMMENTAIRE

S'il vous plaît entrez votre commentaire!
S'il vous plaît entrez votre nom ici

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

LES DERNIERS ARTICLES