Boost ton SEO et rends ton site plus éthique et durable grâce à l’optimisation de tes visuels (images, pictos, illustrations)

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

On le sait, le visuel est roi sur le web. Donner envie, captiver, immerger… c’est devenu un incontournable (il y a qu’à voir le nombre de temps qu’on passe sur des réseaux sociaux comme Instagram, Youtube ou TikTok). Mais dans cette course au visuel parfait, on oublie souvent un élément clé : l’impact environnemental de nos visuels (qui devrait être au coeur du sujet de toutes les entreprises). Alors, comment allier esthétisme, performance et éthique ? Voyons ensemble comment faire du « green SEO » (comme diraient les autres… je ne citerais pas mes sources) pour optimiser son site de manière éthique et durable.


1. Optimiser son SEO tout en rendant son site plus éthique et durable, c’est quoi encore cette histoire ?

Et si je te disais qu’optimiser tes visuels pouvait à la fois améliorer ton SEO, réduire ton empreinte carbone, augmenter la performance de ton site et renforcer ta crédibilité web : effet boule de neige, tu vois le genre ?

On parle souvent du SEO (Search Engine Optimization) comme d’une quête de visibilité à travers des mots-clés et des backlinks. Une mécanique de marketing digital visant à hisser une page web en tête du classement des résultats de recherche, en se conformant aux règles d’un algorithme comme celui de Google. Mais derrière cette approche, il existe une autre voie, plus vertueuse et tout aussi efficace pour attirer du trafic : celle d’un SEO éthique et durable. Et bonne nouvelle, ça commence par un élément facile à mettre en place par tous : l’optimisation des visuels.

Un SEO éthique et durable repose sur des principes respectueux des internautes et de l’environnement : une expérience utilisateur fluide, une navigation optimisée et une réduction de l’empreinte carbone tout en restant accessible à tous. En allégeant la quantité de données chargées sur chaque page web, on améliore à la fois la rapidité de la page et son impact environnemental.

Dans un monde où internet consomme une quantité croissante d’énergies renouvelables et non renouvelables, chaque action en ligne a un coût énergétique. Chaque requête Google, chaque page visitée, chaque visuel chargé mobilise des ressources. Il devient alors essentiel d’adopter une stratégie SEO écoresponsable pour limiter cet impact tout en garantissant une expérience utilisateur optimale.

Et si je te disais qu’il existe un levier simple, rapide et ultra-efficace pour améliorer instantanément les performances de ton site web tout en réduisant son empreinte écologique ?

2. L’optimisation des visuels : un levier SEO puissant pour un site plus performant, éthique et durable

L’optimisation des visuels est un levier SEO puissant. Une page avec des images trop lourdes est plus lent, pollue plus et nuit à l’expérience utilisateur. Illustrations, pictogrammes, graphiques, photographies… Chaque visuel a un impact numérique qui influence directement la vitesse de chargement, l’expérience des visiteurs et l’accessibilité. Pourtant, c’est souvent un aspect négligé alors qu’il joue un rôle clé à la fois en SEO et en éco-conception web. Cette simple évolution permet de concilier : efficacité, engagement et respect des bonnes pratiques tout en améliorant ta visibilité.

Mais pourquoi est-ce si crucial ? Quels sont les véritables enjeux d’une bonne optimisation des visuels sur ton site et son référencement naturel ?

2.1. Pourquoi optimiser tes visuels est important pour avoir un site SEO-friendly, éthique et durable ?

Optimiser ses visuels, c’est une décision stratégique qui profite à ton SEO, à l’expérience utilisateur et à l’environnement (triple intérêt quand même) :

  • Réduction de l’impact environnementale : Des visuels trop lourds nécessitent plus de ressources pour être chargés, ce qui augmente la consommation d’énergie. En réduisant leur taille, tu diminues leur empreinte carbone.
  • Amélioration de la performance : Des visuels optimisés se chargent plus rapidement, offrant ainsi une meilleure expérience utilisateur.
  • Meilleur référencement naturel (SEO) : Les moteurs de recherche tiennent compte de la performance et des balises associées aux visuels pour classer les sites.

En résumé, des visuels bien optimisés, c’est moins de ressources gaspillées, plus de rapidité, un meilleur positionnement sur Google et une réduction de l’impact carbone. Maintenant que tu comprends l’importance de ces changements, passons aux choses sérieuses : comment optimiser tes visuels de façon efficace pour rendre ton site plus éthique, éco-responsable et performant en SEO ?

3. Le guide pour optimiser tes visuels afin d’obtenir un site éthique et durable qui va booster ton SEO

3.1. Premier conseil : choisir les bons formats de visuels

Le choix du format a un impact direct sur la performance de ton site et son empreinte écologique. Chacun a ses spécificités et ses avantages, selon le type de visuel que tu utilises. Voici les plus courants et comment les utiliser efficacement :

  • JPEG : Idéal pour les photographies et les visuels avec beaucoup de couleurs. Utilise une compression de qualité moyenne à haute pour réduire le poids du fichier.
  • PNG : Utilisé pour les visuels nécessitant une transparence, comme les logos mais attention, ce dernier peut être moins léger que les autres.
  • WebP : Offre une compression de haute qualité avec un poids réduit par rapport aux JPEG et PNG. Il est supporté par la plupart des navigateurs modernes.
  • SVG : idéal pour les illustrations et pictogrammes vectorielles car il permet de garder une très bonne qualité visuelle tout en ayant un poids limité (légères et adaptable).

En résumé, chacun a ses avantages et son usage propre. Mais pour aller plus loin dans l’amélioration, il faut aussi adapter la taille des visuels pour qu’ils correspondent parfaitement à l’espace où ils seront affichés.

3.2. Deuxième conseil : redimensionner les visuels

Redimensionner tes visuels à leur taille réelle permet de réduire le poids de ces fichiers et donc d’améliorer la rapidité d’affichage du site tout en diminuant la consommation d’énergie. La création d’un visuel de 4000px de large est inutile s’il ne s’affiche qu’en 800px sur ta page. Pense à redimensionner tes visuels tel qu’ils seront affichés sur la page finale.

Après que tes visuels aient été dimensionnés correctement, il est indispensable de les compresser.

3.3. Troisième conseil : compresser les visuels

Maintenant que tu as appliquer mes deux précédentes recommandations, il est temps de compresser tes visuels. Une compression efficace réduit la quantité de données chargées et améliore ici aussi, non seulement la rapidité de chargement de ton site, mais aussi son aspect environnemental. Utilise des outils comme Imagify, Smush ou EWWW Image Optimizer pour automatiser ce processus, sans perdre en qualité.

Mais la compression seule ne suffit pas, il faut également veiller à ce qu’ils soient correctement décrits pour améliorer ton SEO et l’accessibilité.

3.4. Pour aller plus loin : renseigner les attributs ALT des visuels pour le SEO et l’accessibilité

L’attribut ALT est crucial, non seulement pour l’accessibilité des personnes malvoyantes, mais aussi pour le SEO. Voici quelques bonnes pratiques pour valider ce critère :

  1. Nom du fichier : Utilise des noms de fichiers descriptifs et pertinents pour le contenu du visuel (ex. « chaise-bois-ecoresponsable.jpg »), mais évite les noms génériques comme « picto1.jpg ».
  2. Balise ALT : C’est essentiel de la renseigner pour l’accessibilité mais aussi pour le SEO. Décris le visuel de façon concise et précise, mais attention, ceci est une bonne pratique pour référencé des visuels « pertinentes » en lien avec votre contenu. Un visuel de background (arrière-plan) ou un visuel « décoratif » 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 de tes visuels.
  3. Légende et description : La légende aide à contextualiser le visuel 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.

Cela permet non seulement d’améliorer l’accessibilité mais aussi de garantir que ton site est visible pour tous, indépendamment de leur situation, tout en étant optimisé pour le SEO. Dès que tes visuels sont bien renseignés, il est tout aussi important de les rendre facile et rapides à charger, ce qui nous amène à la mise en cache.

3.5. Pour les profils un peu plus « avancés » dans la gestion de WordPress : Mettre en cache les visuels

Enfin, la mise en cache permet de réduire les demandes serveur répétées et ainsi de diminuer la consommation d’énergie lors de chaque visite, tout en améliorant la vitesse d’affichage de ton site. Ainsi, en stockant temporairement les visuels sur l’appareil du visiteur, tu réduis la charge de chargement pour les visites suivantes, ce qui accélère leur affichage. Des extensions WordPress comme W3 Total Cache te faciliteront grandement la tâche, mais parfois il suffit de contacter la plateforme où tu as pris ton nom de domaine et hébergement pour qu’ils t’aident à le mettre en place directement.

Maintenant que tu sais comment optimiser techniquement tes visuels, pourquoi ne pas passer à l’action ensemble ?

4. On fait l’exercice ? C’est parti pour optimiser ses visuels sur WordPress pour favoriser son SEO et avoir un site éthique et durable.

Voici la méthode concrète pour appliquer toutes ces améliorations sur WordPress (promis, ce sont des solutions no-code) :

  1. Télécharger et installer un plugin de redimensionnement des visuels : utilisation d’un plugin comme Imsanity pour redimensionner automatiquement les visuels trop grands.
  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 tout les nouveaux visuels téléchargées et compresse les visuels déjà présentes sur tes pages.
  4. Ajouter les balises ALT et légendes : lors de l’importation des visuels dans la bibliothèque de médias, renseigne systématiquement la balise ALT et les légendes.
  5. Active la mise en cache des visuels pour accélérer leur affichage.

C’est optimisé ! Avec ces changements techniques, tes pages seront plus rapide, plus respectueuses de l’environnement et favoriseront ton SEO !

Lire aussi l’article : Comment assurer la confidentialité des utilisateurs sur son site ?

Si tu as des questions pour avoir un site encore plus vert, plus claire, toujours un site rapide et qui respire la confiance, il n’y a rien de mieux à faire qu’une analyse complète de ce dernier : demander un audit auprès d’experts (tiens, comme moi par exemple). Cela te permettra de connaître réellement toutes ses forces et faiblesses et qu’elles sont les axes précis à travailler en fonction de ton activité, de tes objectifs stratégiques et de tes clients idéaux.

Lire aussi : Comment assurer la confidentialité des utilisateurs sur son site ?


Le mot de la fin…

Un site performant, bien référencé et responsable, c’est possible ! En optimisant tes visuels, tu améliores ton impact digital, l’expérience de tes client.e.s potentiels et ton positionnement sur les moteurs de recherche. L’éthique et le SEO ne sont pas incompatibles ou ennemis, bien au contraire : une page optimisée de manière responsable capte une audience engagée, prête à te suivre sur le long terme, ce qui t’apportera beaucoup de valeurs. Et avec l’évolution du web vers plus d’écologie et durabilité, c’est le moment de prendre une longueur d’avance.

Tu as pour projet de passer à l’action dans l’année et d’optimiser le tien de manière durable ? N’hésites pas à bénéficier de mes services gratuit, notamment en réservant un appel découverte pour t’accompagner dans cette démarche.

La planète vous remercie.

Image pour diffusion de cet article sur Pinterest : illustrant une femme en train de travailler son SEO sur son site éthique et éco-responsable à son bureau
Image pour diffusion de cet article sur Pinterest : illustrant une femme en train de travailler son SEO sur son site éthique et éco-responsable à son bureau
Image pour diffusion de cet article sur Pinterest : illustrant une femme en train de travailler son SEO sur son site éthique et éco-responsable à son bureau
Image pour diffusion de cet article sur Pinterest : illustrant une femme en train de travailler son SEO sur son site éthique et éco-responsable à son bureau
Photo de la fondatrice du studio de design Petits Pas : Coralie Negre-Morin

DESIGNER AVEC RESPECT POUR CE QUI NOUS ENTOURE.

GRATUIT

Pour une designer web comme moi,
chaque petit pas compte : même sur ton site.

Alors, je serais toujours là pour t'aider, même si t'as zéro budget : c'est aussi ça être inclusif !

QUIZ

Quel est le niveau d’éthique de ton site ?

Ton site doit évoluer avec ton activité, tes valeurs et tes choix stratégiques : fais le point en quelques minutes avec ce quiz rapide et découvre comment le rendre plus éthique, durable et performant.

LISTE D'ACTIONS

25 actions pour rendre ton site plus éthique, écologique et performant

Avec 25 actions simples, rends ton site plus durable, inclusif, écologique et performant.

GUIDE ET CAHIER D'EXERCICE

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

Ce guide complet de 50 pages te donne toutes les clés pour définir ta stratégie, ton nom et une identité visuelle éco-responsable grâce à pleins d'exercices pratiques.

Plus de conseils pour rendre son site éthique et éco-responsable

$

Explorer tous mes conseils, astuces et outils