Blog - Enjeux sociétaux

Ecoconception web : pourquoi et comment créer un site écoresponsable ?

Élodie

Responsable adjointe pôle Webmarketing
Lecture simplifiée

Le web, bien que virtuel, a un impact environnemental bien réel. Chaque clic, chaque page chargée consomme de l’énergie, contribuant à une empreinte carbone non négligeable. Le numérique émet en France chaque année 2.5% des émissions de CO2. Ce taux ne cesse de croître au fil des années. Dans ce contexte, l’écoconception web émerge comme une solution incontournable pour de nombreuses entreprises soucieuses de leur bilan carbone et qui ont entamé une démarche de numérique responsable. Dans cet article, je vais vous expliquer pourquoi il est essentiel de créer des sites internet écoresponsables et les étapes pour y parvenir.

Qu’est-ce que l’écoconception web ?

Comme dit précédemment, le numérique a un impact environnemental et social fort. Cela implique bien sûr les sites web, leur création, leur utilisation et leur hébergement entre autres. Les centres de données et les serveurs web consomment une énorme quantité d’énergie pour fonctionner. Et il en faut toujours plus pour répondre à la demande croissante. Eco-concevoir un site signifie réduire son impact au niveau environnemental. Il sera donc moins énergivore mais tout aussi performant voire même plus qu’avant. Il s’agit ici de concevoir un site internet de A à Z. On ne met pas à jour un site existant. L’écoconception concerne le développement du site internet, mais aussi toute la gestion du projet (réunion en visio ou en présentiel, fin de vie du site internet…) Le but est d’avoir l’empreinte carbone la plus faible.

Les principes de base

Il existe de nombreux principes de l’écoconception d’un site internet. Je vous conseille si cela vous intéresse de vous référer aux 115 bonnes pratiques de l’écoconception web de Frédéric Bordage. C’est un des acteurs majeurs du numérique responsable en France. C’est le créateur de GreenIT.fr entre autres.

Technique

  • Ajouter uniquement les modules nécessaires au fonctionnement de votre site.
  • Avoir une interface simplifiée.
  • Améliorer la vitesse de chargement du site.
  • Compresser les images.
  • Ajouter un Recaptcha pour éviter l’envoi de spam.
  • Limiter les animations JS. Privilégier les animations CSS.
  • Bien protéger son site internet en faisant des mises à jour régulières et en mettant un plugin de sécurité.
  • Penser au responsive. Votre site doit s’adapter à tous les formats d’appareils. 
  • Utiliser un langage et des outils pertinents en fonction du besoin.
  • Suivre les bonnes pratiques du développement.
  • Optimiser et limiter les requêtes en base de données ou aux API.
  • Mettre en place des règles de cache serveur efficaces (requêtes en base de données ou API, génération de fichier, génération de template)
  • Utiliser des outils d’analyse des performances tout au long du développement pour créer le code le plus efficace.

Design

  • Rendre son site accessible à tout le monde comme les personnes souffrant de handicaps (moteurs, neurologiques, DYS, visuels…).
  • Avoir un design simple et épuré. C’est mieux de se rapprocher d’une page blanche avec du texte noir. On mise sur la sobriété. On n’oublie les vidéos très énergivore. On limite l’usage des images. Les animations sont simples. Les pages donnent uniquement les informations essentielles.
  • Choisir des polices standards, que tous les ordinateurs connaissent.
  • Avoir un contraste clair entre le fond et la couleur de la police.
  • Rendre possible la navigation par clavier…

Marketing

  • Réfléchir à l’arborescence de son site. Penser à créer une page par information/service. 
  • Bien choisir ses mots clés en adéquation avec son audience cible.
  • Optimiser le parcours de l’utilisateur sur le site.
  • Éviter les vidéos intégrées sur le site. Le mieux est d’ajouter les liens vers les plateformes vidéos. Si vraiment vous souhaitez ajouter une vidéo, il faut qu’elle soit compressée et mettre en pause la lecture automatique…

Hébergement

  • Choisir un hébergeur écoresponsable.
  • Ajouter l’utilisation d’un CDN type Cloudflare.
  • Pour cela il faut regarder les critères suivants : 
    • son utilisation d’énergies renouvelables.
    • sa technique de refroidissement des serveurs.
    • sa localisation. Choisir un hébergeur vert à proximité de la cible est idéal.
    • sa compensation carbone
    • son Power Usage Effective (PUE) : c’est un indicateur qui qualifie l’efficacité du data center. Le meilleur PUE est de 1.

Chez Akyos Communication, nous avons fait le choix d’héberger nos sites internet sur mesure, e-commerce et les sites vitrines conséquents chez le suisse Infomaniak. C’est l’un des meilleurs hébergeurs sur le marché. Quant aux petits wordpress et les sites dont les clients souhaitent conserver leurs données en France sont chez OVH.

arbre qui pousse sur le réseau d’un site écoresponsable

Les outils pour évaluer l’écoconception de votre site web

Si vous avez déjà un site internet, il faut avant toute chose évaluer son empreinte carbone actuelle et ensuite mettre en place une feuille de route pour tendre vers un site web éco-conçu.

Pour analyser votre site internet, il existe de nombreux outils comme Ecoindex, Ecometer, Website Carbon Calculator ou encore les extensions Green-It Analysis et Carbonalyser. Ils sont très faciles à utiliser. Il vous suffit d’ajouter l’url de votre site pour connaître sa note. Comme ils ont tous un mode d’analyse propre, vous aurez des résultats différents.

 

Pour vérifier la vitesse d’affichage de votre site, vous pouvez utiliser Lighthouse. Allez sur votre site internet en navigation privée, clic droit / Inspecter / Onglet Lighthouse / Analyse page load. Vous pouvez aussi vous rendre sur Google PageSpeed Insights.

 

Sur votre site internet, vous pouvez installer différentes extensions : 

  • Pour la réduction d’images : Smush,  Imagify. Vous pouvez aussi privilégier le format WebP plus léger que Png ou Jpeg.
  • Pour la réduction des données : WP Rocket, WP Optimize
  • Pour le contenu : Yoast SEO ou Smartcrawl

 

Pour l‘accessibilité de votre site

  • Let’s get colourblind : extension pour utiliser un filtre qui simule le daltonisme.
  • WCAG Contrast checker : extension pour contrôler le contraste entre le premier et le second plans. 
  • Atalan : site pour simuler plusieurs formes de handicap et se rendre compte de comment une personne malvoyante ou daltonienne agit quand elle navigue sur Internet.
  • Axe DevTools : extensions pour vérifier l’accessibilité à destination des développeurs et designers.

 

Pour savoir si un site est hébergé de manière écoresponsable, vous pouvez le voir sur les outils d’analyse cités précédemment ou bien aller sur Green web check.

Les référentiels

Voici plusieurs référentiels à prendre en compte pour réduire l’empreinte environnementale de votre site.

  • Référentiel général d’écoconcception de services numériques (RGESN) -2024. 
  • RWEB  créé par GreenIT qui regroupe les 115 bonnes pratiques.
  • RWP dédié pour les sites WordPress aussi créé par GreenIT.
  • GR491 proposé par l’Institut du Numérique Responsable.
  • WCAG2 et RGAA pour l’accessibilité numérique.

 

Les bénéfices d’un site écoresponsable

Avoir un site éco-conçu apporte plusieurs bénéfices pour une entreprise, tant sur le plan environnemental qu’en termes de performance et d’image de marque :

parcelle d’herbes qui entourent des serveurs de datacenters

Réduction de l’impact environnemental

Un site écoresponsable consomme moins d’énergie, ce qui réduit son empreinte carbone. Cela se traduit par une diminution des émissions de CO2 associées à l’hébergement, au transfert de données et à l’utilisation des serveurs. En adoptant des pratiques d’écoconception, les entreprises peuvent contribuer à la lutte contre le changement climatique en réduisant leur impact environnemental global. L’utilisation d’images compressées et de codes optimisés permet de réduire la quantité de données nécessaires pour charger une page, ce qui diminue la consommation d’énergie des serveurs.

Amélioration du référencement naturel

Les moteurs de recherche, comme Google, favorisent les sites qui se chargent rapidement. Un site éco-conçu, optimisé pour l’efficacité énergétique, se charge généralement plus vite, ce qui peut améliorer son classement dans les résultats de recherche. Un temps de chargement plus rapide améliore également l’expérience utilisateur, réduisant le taux de rebond et augmentant le temps passé sur le site.

Une meilleure performance technique, comme une structure de code propre et des fichiers bien optimisés, peut conduire à une meilleure indexation par les moteurs de recherche, ce qui améliore la visibilité en ligne.

Pour en savoir plus, nous vous conseillons de lire Green SEO : 5 conseils pour un référencement naturel plus vert.

Renforcement de l’image de marque

Cela renforce votre image de marque en tant qu’acteur responsable et engagé dans la lutte contre le changement climatique. De plus en plus de consommateurs préfèrent soutenir des entreprises qui partagent leurs valeurs écologiques. Se distinguer de la concurrence grâce à une démarche écoresponsable peut être un atout majeur. En communiquant sur vos pratiques durables, vous pouvez non seulement attirer de nouveaux clients, mais aussi fidéliser ceux que vous avez déjà, en renforçant leur attachement à votre marque.

 

Pour réduire l’empreinte carbone de votre site internet,il faut donc mettre en application les principes de l’écoconception. Cela aura un bénéfice au niveau de l’environnement, mais aussi de votre entreprise et de comment elle est perçue.

Si vous souhaitez écoconcevoir votre site web, nous pourrons vous accompagner dans votre démarche. Nous vous invitons à nous contacter pour discuter ensemble de votre projet.

Cet article vous a été proposé par

Élodie

Responsable adjointe pôle Webmarketing

Partager cet article

Autres articles de Élodie

  • comment mesurer l'empreinte carbone d'un site

    Comment mesurer l'empreinte carbone de son site internet ?

    Le numérique étant immatériel, il est rarement perçu comme une source de pollution. Il a pourtant un impact environnemental considérable. Chaque interaction sur un site internet (consultation de page, envoi de données, stockage dans les data centers…) consomme de l’énergie et émet du CO2. Pour les entreprises, prendre conscience de l’empreinte carbone de leur site est la première étape vers une transition écologique durable.
  • devenir une entreprise écoresponsable

    3 pratiques clés pour devenir une entreprise écoresponsable

    Vous êtes une entreprise et vous souhaitez devenir une entreprise à impact ? Il est peut-être temps d’entamer une démarche RSE. Intégrer des pratiques durables au cœur des activités n’est plus seulement une option, mais un impératif pour répondre aux attentes des collaborateurs, réduire l’impact environnemental et renforcer la performance globale.