Que signifie optimiser ses images pour le web ?
Croyez-le ou non, les images sur votre site peuvent affecter la façon dont celui-ci se comporte dans les résultats des moteurs de recherche. Le poids des images va avoir un impact considérable sur les temps de chargement de vos pages web, ce qui peut nuire à l’expérience utilisateur. Afin de minimiser ces contraintes, il est judicieux de les optimiser. Ces optimisations impliquent de réduire la taille des fichiers image. Elle peut se réaliser de plusieurs manières :
- Soit une intervention manuelle par le biais de vos outils de création graphique (Photoshop, Illustrator, Canva, etc.) ;
- Soit l’aide d’un plugin de minification mais qui a la problématique de faire apparaître d’autres contraintes de chargement de script ;
- Soit par l’intégration de scripts qui génèrent souvent des coûts complémentaires lors de la phase de développement d’un site et d’une maintenance complémentaire.
Les avantages de l’optimisation des images
D’après http Archive et son rapport sur les quantités et tailles de ressources appelées sur les pages web des sites WordPress les plus populaires au 1er janvier 2024, les images représentent :
- En version ordinateur : 46,5% du poids total des données chargées
- En version web : 44% du poids total des données chargées.
La mise à jour des images est certainement l’une des optimisations techniques SEO les plus faciles à prendre en main qui ne nécessite pas de connaissance technique approfondie. En faisant le choix de se concentrer sur l’optimisation de ses images, nous avons pour avantages :
- De réduire les temps de chargements d’un page et de garantir une accessibilité plus rapide aux internautes moins susceptibles de quitter une page.
- Améliorer le classement de vos pages et images dans les résultats de recherche.
- D’utiliser moins d’espaces sur les serveurs que vous louez.
- De diminuer la consommation de la bande passante.
Les bonnes pratiques en termes d’optimisation des images
Utilisez des images de haute qualité
Les images peuvent contribuer à attirer du trafic sur votre site via la recherche image de Google. Les contenus visuels, tels que les images mises en avant, graphiques, infographies, diagrammes ont l’avantage d’améliorer vos textes et clarifier les propos (démontrer la pertinence du discours aux robots d’exploration).
Quel type d’images pour mon activité ?
De manière générale, les images choisies doivent être propres à votre entreprise et à votre activité. Elles reflètent l’âme de votre entreprise, son identité, vos équipes, vos produits et services. Il faut donc éviter, au maximum, l’utilisation de photos de banques d’images car souvent vues et revues sur une multitude de sites. Cela pourrait représenter une image négative de votre entreprise auprès de votre audience.
Il est important d’utiliser des images de bonne qualité visuelle, qui attirent l’œil de votre audience. On évite les images pixelisées, floues ou trop détaillées si elles sont de petite taille. On évite également les images contenant du texte à l’intérieur ! Si le contenu est suffisamment explicite autour de votre image, il n’est pas nécessaire d’y intégrer des textes qui surcharge le visuel. D’autant plus, qu’avec les différentes résolutions d’écran, d’un ordinateur à un mobile, l’image sera certainement redimensionnée différemment et les textes risqueraient d’être coupés.
Quel poids pour mes images ?
Qui dit haute qualité, ne dit pas forcément image lourde. Au global, il faut tenter de garder ses images en dessous de 100 Ko afin de réduire les temps de chargement d’une page.
Quelles dimensions pour mes images ?
Assurez-vous d’utiliser la taille d’image correcte : les images aux formats inadaptés sont redimensionnées par les navigateurs ajoutant souvent un temps de chargement de page inutile. Google prend désormais en charge l’utilisation d’images. Voici quelques dimensions idéales d’images pour chaque utilisation :
- Pour les images de fond ou d’en-tête pleine largeur :
- Pour la version « ordinateur » : 1920 pixels (px) qui couvrent la plupart des résolutions d’écran d’ordinateur sans perte de qualité.
- Pour la version « mobile » : 1080 pixels (px)
- Pour les images de contenus (articles de blog, produits, etc.) :
- Images standards : Une largeur comprise entre 800 pixels et 1200 pixels.
- Pour les vinettes ou images de galerie : une largeur comprise entre 300 pixels et 500 pixels.
- Pour les icônes, pictogrammes :
- Privilégiez le format SVG.
- Pour les infographies, graphiques :
- Tout dépendra du niveau de détail des éléments mais privilégiez une dimension comprise entre 800 pixels et 1200 pixels.
Lors d’un projet de refonte à l’agence, notre équipe de webdesigners vous met à disposition un guide des tailles des images pour vous aider dans l’intégration de visuels aux bonnes dimensions.
Quels formats pour mes images ?
Les formats pour vos images vont dépendre de l’utilisation que vous en faites.
En ce qui concerne les logos, les pictogrammes, les illustrations et images vectorielles, le seul format reconnu sur WordPress est le .SVG. Les autres formats .EPS, .AI ne sont pas acceptés et nécessite un retravail par un webdesigner.
Le format .PDF, lui, n’est pas reconnu comme une image mais comme un lien.
En ce qui concerne les images dites « classiques », les formats acceptés par ordre de préférence sont :
- le format .WEBP ;
- le format .JPEG progressif ;
- le format .JPEG ;
- le format .PNG : utilisé pour ses transparences uniquement car plus lourd que le .JPEG. C’est également un format qui se compresse moins bien.
Les formats images ne sont pas reconnus sur WordPress et nécessitant un retravail spécifique (.TIF, .GIF, .BMP, .HEIF, .HEIC, .RAW, .PSD, .XCF, .CDR, .DWG, …).
Si vous vous posez des questions sur les formats potentiels, voici une ressource qui pourrait vous intéresser : CanIUse.
En résumé, l’image parfaite doit :
- Être au moins à 150 DPI ;
- Être en format JPEG progressif ;
- Avoir ses informations Exif supprimées ;
- Ne pas contenir de miniature.
Nommer judicieusement vos fichiers images
Lorsque vous chargez une image sur WordPress, le nom du fichier doit contenir des mots-clés pertinents relatifs au contenu de l’image. Par exemple, plutôt que de nommer une image « image001.jpg », il faudrait la nommer « agence-web-creation-site-web.jpg » si elle représente votre entreprise ou vos services.
Le tiret est le séparateur le mieux apprécié des moteurs de recherche. Pensez aussi à ne pas mettre de majuscules dans les noms de fichier pour conserver des URL propres, même si elle n’ont pas d’impact sur le référencement naturel. Evitez surtout d’utiliser des caractères spéciaux qui peuvent être mal reconnue par les navigateurs et les moteurs de recherche. Ils compliquent aussi l’analyse dans vos outils statistiques comme Google Analytics.
Balisez vos images
La balise alt ou attribut « alt » est essentielle pour le référencement des images. Elle fournit une description textuelle de l’image aux moteurs de recherche, ce qui les aide à comprendre le contenu de l’image. Cet attribut peut aussi être utilisé par l’internaute quand l’image n’est pas accessible, mais surtout par les lecteurs d’écran pour rendre accessible une image aux personnes souffrant de déficiences visuelles. Chaque image que vous souhaitez référencer doit avoir une balise alt pertinente et descriptive, incluant des mots-clés décrivant l’image.
Pour référencer une image, les moteurs de recherche prennent en compte le contenu placé autour de l’image. Il est donc important de positionner des images pertinentes pour améliorer l’expérience des robots mais aussi l’expérience utilisateur.
Utiliser un CDN
Dans un monde idéal, l’utilisation d’un réseau de diffusion de contenu peut être un véritable atout pour un site WordPress. Le CDN fonctionne avec la mise en cache de ressources statiques comme les images dans des datacenters répartis dans le monde entier. Cela permet à vos images d’être servies depuis des emplacements qui sont proches des visiteurs de votre site. Servir les images depuis un CDN peut augmenter significativement les performances SEO du site. Cependant, cela engendre des coûts d’hébergement significatifs et des interventions techniques supplémentaires. Cela a aussi un impact sur votre empreinte numérique par l’utilisation de ressources tierces, cette solution n’est donc pas idéale dans une démarche d’éco-conception.
Ne pas indexer les fichiers joints d’image
A chaque fois qu’une image est importée dans WordPress, il créé une page de fichier joint séparée sur laquelle réside l’image. Si l’on ne fait pas attention, Google pourrait commencer à indexer ces pages. Cependant, celles-ci n’ayant aucune valeur, cela peut être un gaspillage du « Budget Crawl ». Si un internaute tombe sur cette url, il sera directement redirigé sur l’image et non le contenu de la page pouvant augmenter le taux de rebond du site.
Une optimisation stratégique de vos images sur votre site internet peut avoir un impact significatif sur votre référencement naturel et votre visibilité en ligne. En choisissant des images pertinentes, en les optimisant et en respectant les bonnes pratiques, vous pourrez ainsi renforcer votre présence numérique.
