Le secret pour avoir un site éthique, éco-responsable, performant et rapide tout en boostant ton SEO.

par | 10/06/24 | Accessibilité numérique, Design éthique, Éco-conception

À l’ère où nous consommons des visuels en masse et où l’on nous répète sans cesse de donner envie et de faire de l’immersion, c’est l’image qui est dans tête de toutes les expériences uniques proposées à aux utilisateurs. Cependant, il est crucial de ne pas seulement penser à l’impact visuel et émotionnel de ces images sur ses clients idéaux, mais de penser aussi à leur impact environnemental et à leur rôle dans le référencement naturel de ton site.


1. Pourquoi optimiser tes images est important pour avoir un site éthique et éco-responsable qui va booster ton SEO ?

Optimiser les images de ton site est essentiel pour plusieurs raisons :

  1. Réduction de l’empreinte environnementale : Les images lourdes nécessitent plus de ressources pour être chargées, ce qui consomme plus d’énergie. En réduisant la taille des fichiers, tu diminues l’empreinte carbone de ton site.
  2. Amélioration de la performance du site : Des images optimisées se chargent plus rapidement, offrant ainsi, une meilleure expérience utilisateur.
  3. Favoriser le référencement naturel (SEO) : Les moteurs de recherche tiennent compte de la vitesse de chargement des pages et des balises associées aux images pour le classement des sites.

2. Conseils pour optimiser tes images au mieux afin d’obtenir un site éthique et éco-responsable qui va booster ton SEO

2.1. Choisir les bons formats d’image

Les formats d’image couramment utilisés sur le web sont JPEG, PNG, et WebP.

  • JPEG : Idéal pour les photographies et les images avec beaucoup de couleurs. Utilise une compression de qualité moyenne à haute pour réduire la taille du fichier.
  • PNG : Utilisé pour les images nécessitant une transparence, comme les logos mais attention, ce format peut être plus lourd.
  • WebP : Offre une compression de haute qualité avec une taille de fichier réduite par rapport aux formats JPEG et PNG. Il est supporté par la plupart des navigateurs modernes.

Il y a aussi le format SVG qui est très utilisé : notamment pour les iconographies et illustrations car il permet de garder une très bonne qualité d’image tout en ayant un poids limité.

2.2. Compresser ses images

Utilise des outils pour compresser tes images sans perdre en qualité.

2.3. Redimensionner les images

Redimensionne tes images à la taille maximale à laquelle elles seront affichées sur ton site. Il est inutile d’importer une image en 4000 pixels de large si elle sera affichée en 800 pixels sur ton site.

2.4. Utiliser les attributs ALT de l’image pour le SEO et l’accessibilité

  • Nom du fichier : Utilise des noms de fichiers descriptifs et pertinents pour le contenu de l’image, mais évite les noms génériques comme « image1.jpg ».
  • Balise ALT : C’est essentiel de la renseigner pour l’accessibilité mais aussi pour le SEO. Décris l’image de manière concise et précise, mais attention, ceci est une bonne pratique pour référencé des images « pertinentes » en lien avec votre contenu. Une image de background ou une image « décorative » n’a pas besoin d’être renseigné, au contraire, elle risque de rendre l’accessibilité plus difficile dans ces cas précis. Cette balise est également utilisée par Pinterest pour le référencement des images.
  • Légende et description : La légende aide à contextualiser l’image pour les moteurs de recherches et donc pour les utilisateurs. La description est utile pour fournir des informations supplémentaires et aussi améliorer le référencement.

2.5. Mettre en cache les images

La mise en cache de tes images permet de stocker temporairement les images sur l’appareil du visiteur, ce qui accélèrera donc leur temps de chargement prochains.

3. On fait l’exercice ensemble ? C’est parti pour optimiser ses images sur WordPress afin d’avoir un site éthique et éco-responsable qui va booster ton SEO

  1. Télécharger et installer un plugin de redimensionnement des images : utilise un plugin comme Imsanity pour redimensionner automatiquement les images trop grandes.
  2. Télécharger et installer un plugin de compression : par exemple, Imagify, Smush ou EWWW Image Optimizer.
  3. Configurer le plugin pour une compression automatique : active la compression automatique pour toutes les nouvelles images téléchargées et compresse les images déjà présentes sur ton site.
  4. Ajouter les balises ALT et légendes : lors de l’importation des images dans la bibliothèque de médias, renseigne systématiquement la balise ALT et les légendes.
  5. C’est optimisé !

Le mot de la fin…

En suivant ces conseils, tu pourras non seulement améliorer la performance de ton site mais aussi son référencement naturel. Et donc, contribuer à un web plus éco-responsable.

DESIGNER AVEC RESPECT POUR CE QUI NOUS ENTOURE.

GRATUIT

Bien préparer la création de son site éthique et éco-responsable

Le guide complet (+50 pages)

Un guide complet en 3 étapes pour bien préparer la création de son site éthique et éco-responsable. De la stratégie de ton site à ton nom d'entreprise en passant par ton identité visuelle accessible et éco-responsable, je te donne toutes les clés pour te lancer ainsi que des outils pour passer à l'action.

+ Le cahier d'exercice (Canva)

Tu trouveras dans le guide +15 exercices à réaliser et pour que tu puisses te lancer tout de suite, j'ai créé pour toi un cahier d'exercice sur Canva qui reprend tous les exercices du guide et tu n'as plus qu'à le compléter directement dans Canva.

image représentant le guide et le cahier d'exercice à télécharger pour bien préparer la création de site éthique et éco-responsable