Comment optimiser les images de votre site pour le rendre plus rapide et plus performant

Vous êtes sur le point de lancer un site web personnel ou d'augmenter les performances d'un site existant ? Rappelez-vous toujours que l'optimisation de l'image est la clé du classement du site et des premières positions.

Lorsque nous travaillons sur un site Web, nous avons souvent tendance à nous concentrer sur le contenu, les textes optimisés, les photos et les couleurs, et d'autres petits choix stylistiques pour l'adapter à nos goûts et à nos produits. Mais nous ne nous soucions souvent pas autant de l'optimisation de l'image - ou nous négligeons son importance.

Ce que signifie optimiser les images

Essentiellement, optimiser les images signifie les compresser et les rendre moins lourdes pour améliorer la vitesse et les performances de votre site.

Ce que beaucoup ignorent, c'est que la qualité et le poids de l'image affectent directement la vitesse et les performances du site et, par conséquent, son positionnement sur les moteurs de recherche.

Si vous avez déjà tout fait pour augmenter la qualité de votre contenu et de vos mots-clés, et que les paramètres du site Web et de l'indexation ne posent aucun problème technique, alors c'est l'heure de l'optimisation : cela peut faire la différence pour grimper dans les premières positions des portails de recherche.

Images Web : poids, résolution et dimensions idéaux

Un poids d'image idéal pour le Web est généralement de 200 à 300 Ko. Une résolution idéale est de 72 dpi (soit environ 70%). Les dimensions idéales limitent le grand côté à 1200 pixels (des dimensions et une résolution plus importantes sont principalement indiquées pour l'impression, mais peu adaptées aux contextes web).

Réduire le poids des images et leur résolution, ainsi qu'adapter l'image au format de la page, est donc essentiel pour optimiser les performances d'un site internet.

Comment optimiser les images sur un site

Si vous n'êtes pas un expert en graphisme et que vous ne savez même pas ce qu'est Photoshop, n'ayez crainte : il existe de nombreux outils et sites Web conviviaux et gratuits pour vous permettre d'optimiser facilement les images de votre site tout en préservant leur qualité. Si, par contre, vous pouvez vous débrouiller vous-même, l' optimisation des images pour le Web avec Photoshop est certainement la meilleure option.

En effet, ces sites et outils prédéfinissent les valeurs générales pour obtenir une image optimisée, c'est à dire avoir une image compressée en poids et en taille selon les standards du web sans affecter sa qualité. De toute évidence, une grande partie du résultat dépend de l'image que vous téléchargez en premier lieu. Bien sûr, une image initiale granuleuse ne peut pas devenir une image de haute qualité après compression.

Les sites avec des fonctions d'optimisation d'image , gratuites ou payantes selon les besoins, incluent Comprimilo, Optimizilla, Kraken, TinyPNG et CompressJpeg, entre autres. Comme d'habitude avec le Web en constante évolution, ces sites, en particulier les sites gratuits, ne cessent de changer. Cependant, une simple recherche par mot-clé suffira pour trouver les meilleurs sites actuels pour optimiser gratuitement vos images.

De plus, si votre site est construit avec la plateforme WordPress, alors vous avez une autre chance : optimiser les images WordPress via des plugins . Les plugins ne sont rien de plus que des programmes de support visant à améliorer les fonctions d'autres programmes. En bref, ils ajoutent de nouvelles fonctionnalités à votre site sans que vous ayez vous-même besoin de coder.

Les plus populaires sont :

• Smush
• Optimiseur d'image EWWW
• Imaginer
• Pixel court
• TinyPNG

Le rôle du référencement dans l'optimisation des images

Le poids et la qualité des photos sont aussi importants dans le processus d'optimisation des images que le référencement qui les accompagne. En fait, le référencement ne concerne pas seulement les mots-clés des textes de votre site. Il traite également des titres et des balises des images qui sont téléchargées sur le site.

Le référencement d'une image comprend :

• l'attribut alt, c'est-à-dire le texte alternatif
• l'attribut title, c'est-à-dire le titre de l'image
• légende
• la description
• URL, c'est-à-dire lien

Il est essentiel de bien définir le texte alternatif et le titre. Plus vous décrivez votre image avec précision, plus les moteurs de recherche la percevront comme un contenu de qualité pour les mots-clés de recherche correspondants. Ceci est particulièrement pertinent pour le commerce électronique, où chaque produit d'image est une clé de recherche en soi.

Il serait idéal d'optimiser les images avant de les télécharger sur le site , en les ayant correctement enregistrées dans les dossiers de votre PC. Evidemment, si cela n'est pas possible, vous pouvez retourner dans la galerie d'images du site et faire ce travail plus tard.

Pensez-vous à toutes les images que vous avez enregistrées sous Photo1, Kkkkkkkkkjpg, Image_3, et cetera ?

Maintenant, courez pour les optimiser !

Comment optimiser les images du site en quelques étapes simples

1. Compressez la taille de vos images pour ne pas alourdir le site

Si vous ne voulez pas que des images trop grandes et trop lourdes ralentissent votre site Web, optez pour l'un des sites gratuits qui vous permettent d'optimiser vos images de manière simple et rapide. Nous en avons suggéré quelques-uns ci-dessus, mais vous pouvez toujours en trouver d'autres grâce à une simple recherche Google.

Les plus expérimentés peuvent se référer à Photoshop. C'est certainement l'outil le plus professionnel pour personnaliser au mieux les images que nous ajoutons à notre site Web.

2. Donnez à votre fichier un nom approprié

Bien que nous ayons tous été là (même pour ceux qui prétendent le contraire), enregistrer rapidement nos fichiers image avec des noms comme pffffffff, image_7, img568, etc. n'est jamais un bon choix.

Prenez cette minute supplémentaire pour trouver un titre efficace et descriptif pour votre image. Si vous faites cette étape tout de suite, vous n'aurez pas à faire un double travail par la suite.

Méfiez-vous de trop d'une bonne chose. N'enchaînez pas une série de mots-clés d'affilée. L'algorithme pourrait vous punir pour avoir évincé des mots-clés dans votre image. Optez toujours pour un juste milieu.

3. Choisissez un texte alternatif en ligne avec le titre de votre image

Une fois que vous avez choisi le titre de l'image, continuez en combinant un texte alternatif approprié. C'est en effet l'élément le plus important pour indexer et optimiser une image avec le titre. Le texte alternatif est destiné à fournir des détails d'image alternatifs aux simples visuels.

Ensuite, avec des mots, décrivez ce que vous voyez dans l'image.

4. Saisissez une légende et une description

La légende et la description ne sont pas aussi essentielles que le titre et le texte alternatif. Mais ils peuvent donner plus de pertinence à votre image lorsque vous l'optimisez.

La légende est le texte qui apparaîtra sur la page juste en dessous ou à côté de l'image pour renforcer son message et sa pertinence.

La description est destinée à la programmation interne du site afin de trier les images et de savoir ce qu'elles contiennent. Il n'a pas de pertinence SEO particulière.

5. Enregistrez les images et téléchargez-les sur votre site Web

Une fois l'image préparée, compressée et optimisée, également à des fins de référencement, enregistrez-la simplement sur votre ordinateur. Ensuite, téléchargez-le sur le site Web qui vous intéresse.

Conclusion

Les images ont souvent été sous-estimées et considérées comme un élément purement stylistique. En réalité, ils sont essentiels pour améliorer encore les performances de notre site Web et faire un saut supplémentaire pour atteindre le sommet des moteurs de recherche.

L'optimisation des images peut sembler un processus long et fastidieux, que nous préférons souvent ignorer. Cependant, une fois que vous maîtriserez un tel processus, vous le trouverez facile et automatique. À long terme, cela vous permettra d'améliorer les performances de votre site Web en le rendant plus rapide et plus lié aux clés de recherche des utilisateurs.

Enfin, n'oubliez pas que les mêmes règles d'optimisation (réduction de poids, texte alternatif, etc.) s'appliquent également à vos emails ! Découvrez-les tous dans le Guide de conception d'e- mails MailUp !