Un point souvent sous-estimé quand on parle de SEO, est l’optimisation des images. Vous les choisissez peut-être jolies ou représentatives de votre offre, mais elles ne vont pas pour autant garantir le succès que vous espérez. Beaucoup d’éléments sont importants quand vous placez une photo ou une image sur votre site web. Le premier de tous ? Choisir le bon format d’image. Dans cet article, nous allons principalement parler de trois formats d’images et pourquoi et quand les utiliser au mieux. De cette façon, vous aurez les meilleures bases pour les intégrer ensuite dans votre contenu.
Quel format d'image choisir pour son SEO ?
Le format SVG (Scalable Vector Graphics)
Ce premier format est un peu particulier car c’est un standard basé sur le XML, il s’agit donc d’un document texte. Celui-ci peut être créé avec un éditeur de texte, ou bien avec un logiciel plus spécialisé comme Adobe Illustrator.
Les avantages du format SVG pour le SEO
- Il est complètement scalable. Cela signifie qu’en utilisant ce format, vous pouvez l’agrandir à l’infini sans jamais perdre en qualité. C’est idéal pour les écrans haute résolution mais surtout pour les designs responsive car, quel que soit le format de l’écran sur lequel votre site est consulté, il sera toujours vu correctement. Un composant toujours apprécié dans votre stratégie SEO.
- Il est compatible CSS et Javascript, donc vous pouvez obtenir des éléments animés, dynamiques et interactifs. Imaginez sur votre page de contact un téléphone qui vibre à côté de votre numéro quand la souris de votre utilisateur passe dessus. Ceci dit, nous vous conseillons de ne pas en abuser, des icônes qui bougent partout sur votre site, ça peut vite déranger certaines personnes.
- Les fichiers SVG sont lisibles par les moteurs de recherche et peuvent donc impacter l’accessibilité et le référencement.
- Ils sont très légers et faciles à éditer dans le code, donc si vous décidez de changer les couleurs de votre charte graphique, pas besoin de tout recommencer. Vos icônes SVG pourront être changées en quelques lignes.
Les inconvénients du format SVG
Cependant, ce format est assez difficile à prendre en main au démarrage, la création et l’optimisation des fichiers demandent une certaine expérience. De plus, bien qu’il soit très bien adapté aux dernières évolutions du marché, les navigateurs les plus anciens ne le prennent pas en charge.
Quand utiliser le format SVG ?
Étant donné qu’il ne convient pas aux images complexes comme les photos, nous vous conseillons de limiter son utilisation aux icônes, aux logos ou encore aux graphiques simples et dynamiques.
Le format WebP
Le format d’image WebP a été développé par Google. Il est conçu pour permettre une meilleure compression que les formats PNG et JPEG en ayant les mêmes avantages tels que la transparence du PNG.
Les avantages du format WebP pour le SEO
- Le fichier est plus léger. Si on se base sur les moyennes, une image WebP sera 26% plus légère que son équivalent PNG et jusqu’à 34% plus légère que son équivalent JPEG. Et ça, pour la vitesse de chargement de votre page web, c’est un avantage non négligeable car ça joue sur votre référencement naturel tout en améliorant l’expérience utilisateur.
- Il combine les avantages des formats GIF et PNG. En effet, il gère la transparence comme le format PNG, mais en plus il permet de créer des images animées à la façon du GIF, plus besoin d’apprendre à gérer ces deux formats de façon séparée.
- Étant un format développé par Google, il va sans dire que le moteur de recherche favorise les pages utilisant ce format. En effet, un format moderne comme celui-là est recommandé pour améliorer les performances web.
- 96% des navigateurs modernes prennent déjà en charge ce format d’image.
Les inconvénients du format WebP
Même si 96% des navigateurs sont déjà convertis, il reste quelques irréductibles comme Internet Explorer. C’est pareil pour les logiciels comme Adobe Photoshop qui nécessitera un plugin pour parvenir à ouvrir ou exporter ce format. Et enfin, nous vous conseillons toujours de compresser vos images pour augmenter vos performances, mais une compression trop agressive peut malgré tout entraîner une dégradation visible de votre image, pensez donc toujours à ajuster votre niveau de compression.
Quand utiliser le format WebP ?
Étant donné la grande qualité de ce format d’image, vous pouvez l’utiliser pour vos photographies et vos visuels riches. C’est-à-dire à la place des anciens formats PNG et JPEG. Mais il peut également remplacer vos logos, icônes ou éléments graphiques pour lesquels vous utilisiez avant le PNG, ou encore remplacer vos GIF animés.
En réalité, il y a beaucoup de cas d’usage où ce format d’image peut très bien intervenir. Si vous avez beaucoup de visuels sur votre site internet, l’utilisation de WebP comme format principal viendra optimiser votre vitesse en économisant la bande passante. Ce qui aura pour effet d’offrir une meilleure expérience à l’utilisateur.
Le format AVIF (AV1 Image File Format)
Il s’agit d’un format d’image basé sur le codec vidéo AV1 et développé par l’Alliance for Open Media. Il offre une compression encore plus efficace tout en maintenant une qualité élevée, surtout pour les images avec une large gamme de couleurs.
Les avantages du format AVIF pour le SEO
- Là où le WebP permettait de réduire la taille de l’image de 34%, avec le AVIF on peut même atteindre les 50% par rapport au JPEG, avec une qualité qui peut même être meilleure.
- Comme le format AVIF supporte la HDR (High Dynamic Range), la qualité des images, la profondeur et la luminosité des couleurs sont d’un niveau encore plus élevé.
- Comme le format WebP, le format AVIF permet de gérer la compression, les animations, la transparence et la granularité des détails.
- Le format AVIF est un codec open source, cela signifie qu’il est absolument sans frais de licence, donc son adoption n’est absolument pas freinée par des raisons financières.
Les inconvénients du format AVIF
Avec tous ces avantages, pourquoi encore utiliser un autre format ? Et bien parce que certains navigateurs comme Safari ou Edge ne le prennent pas encore en charge. Donc ce format ne peut pas être utilisé seul si vous voulez vous assurer que tous vos utilisateurs puissent profiter de vos images.
De plus, la compression AVIF demande plus de ressources, donc si vous possédez une grande bibliothèque d’images, votre encodage risque d’être fortement ralenti.
Quand utiliser le format AVIF ?
Vous pouvez utiliser le format AVIF si vous voulez avoir une très bonne qualité d’image, mais pour le moment, vous ne pouvez pas l’utiliser seul. Nous vous conseillons donc de commencer à vous y intéresser et à prendre le temps de le faire. De cette façon, quand ce format sera universellement adopté (son prix et ses avantages jouant en sa faveur), votre site internet sera prêt.
Conclusion
En résumé, choisir le bon format d’image pour votre site web est crucial pour optimiser à la fois la performance et l’expérience utilisateur. Le format SVG est idéal pour les icônes et les graphiques simples, tandis que le format WebP offre une compression efficace pour les photographies et les visuels riches. Le format AVIF, bien que prometteur, nécessite encore du temps pour être universellement adopté. En intégrant ces formats de manière stratégique, vous poserez les bases solides pour un site web performant et visuellement attrayant. N’oubliez pas que l’optimisation des images est un processus continu, alors restez à l’affût des évolutions technologiques pour toujours offrir le meilleur à vos utilisateurs.