[UX Kalender] Eco-design ten dienste van UX en SEO

Het eco-ontwerp van websites biedt de mogelijkheid om de ecologische voetafdruk van bedrijven te verkleinen en tegelijkertijd te voldoen aan de groeiende verwachtingen van milieubewuste klanten. Laten we in dit artikel het ecologische web in 2023 verkennen, waar de ecologische voetafdruk van het web al 4% van de totale uitstoot vertegenwoordigt. In 2025 zou dit 8% moeten bedragen.

Waarom kiezen voor een ecologische website?

In juni 2023 wordt dat geschat ruim twee miljard sites internet zijn geïdentificeerd door zoekmachines. Volgens het rapport worden er elke dag 252 websites gemaakt Siteefy.

Het is van cruciaal belang op te merken dat de sites die toegankelijk zijn via deze zoekmachines slechts een fractie vertegenwoordigen, terwijl er nog veel meer aanwezig zijn op het deep web en dark web. Elke bekeken pagina genereert ongeveer 1,8 gram kooldioxide (CO2), een cijfer dat met maximaal vijf kan worden vermenigvuldigd, afhankelijk van het ontwerp van de site.

Zo maakt de creatie van een ecologische website het met name mogelijk om: 

  1. Verklein de ecologische voetafdruk: De webservers die websites hosten, verbruiken energie om hun apparatuur te laten werken en te koelen. Door te kiezen voor ecologisch verantwoord ontwerp en hostingpraktijken kunnen we het energieverbruik en de uitstoot van broeikasgassen die gepaard gaan met internetactiviteiten verminderen. Dit helpt de klimaatverandering tegen te gaan.
  2. Bespaar energie en hulpbronnen: Slecht geoptimaliseerde sites kunnen servers overbelasten, waardoor meer reken- en koelvermogen nodig is. Door efficiënte programmeertechnieken toe te passen en het gewicht van webpagina's (afbeeldingen, scripts, enz.) te verminderen, kunnen we het energieverbruik dat nodig is voor het laden ervan verminderen. Dit helpt hulpbronnen te besparen en de hostingkosten te verlagen.
  3. Bevorder bewustzijn en sociale verantwoordelijkheid: Door milieuvriendelijke webontwerppraktijken toe te passen, zenden bedrijven een positieve boodschap uit over hun inzet voor duurzaamheid. Dit kan interesse wekken bij milieubewuste consumenten en de reputatie van het bedrijf versterken. Bovendien kan het andere actoren ertoe aanzetten dit pad te volgen.

Hoe ga je om met het ecologisch ontwerpen van een website?

Het ontwerpen van een milieuvriendelijke website vereist doordachte keuzes. Als we het voorbeeld nemen van de site van de Stichting Musk, het wordt beschouwd als een van de minste CO2-uitstoters per bezoek en produceert alleen 0,009 gram koolstofdioxide. Hoewel dit uiterste misschien niet voor alle sites nodig is, blijft de gebruikerservaring (UX) een essentiële overweging bij het maken van milieuvriendelijke sites.

Hier zijn enkele richtlijnen om aan de slag te gaan met het maken van een ecologisch ontworpen website:

  • Allereerst de keuze vanwebhost is een cruciale eerste stap. Sommigen vallen op door hun ecologische inzetAls ionen met zijn aanbod Groene hosting, gebruik makend van koolstofvrije elektriciteit en/of recycling hun verouderde apparatuur.
  • Het is dan noodzakelijk om ervoor te zorgen dat de lichtheid van webpagina's. Om dit te doen, moet u de grootte van afbeeldingen, scripts en broncode optimaliseren. Het minimaliseren van serververzoeken en het minimaliseren van onnodige elementen helpt het energieverbruik bij het laden van pagina's te verminderen.
  • Grafisch ontwerp is ook een interessante hefboom, vooral door de voorkeur te geven aan kleuren, lettertypen en minimalistische visuele elementen. Dit kan de serverwerklast helpen verminderen en het laden van pagina's versnellen.
  • Tot slot, continue monitoring en optimalisatie zijn essentieel. Het is een aanbevolen praktijk om analysehulpmiddelen te gebruiken om de energieprestaties van de locatie te beoordelen en verbeterpunten te identificeren. Het uiteindelijke doel is om een ​​website te creëren die een optimale gebruikerservaring biedt en tegelijkertijd de impact op het milieu minimaliseert.

Test uw ecologische prestaties

Het testen van de ecologische prestaties van de locatie is erg nuttig en kan worden gedaan met behulp van hulpmiddelen zoals Website Kool, die de ecologische voetafdruk per bezoek berekent, en PageSpeed ​​Insight van Google, dat de laadtijd meet.

Een concreet voorbeeld van een ecologisch ontworpen site is die van Dalkië, dat zijn site in 2021 opnieuw heeft ontworpen door ecodesign op de voorgrond te plaatsen. Het resultaat: een snel ladeneen sober ontwerp, en een aanzienlijke vermindering van het aantal pagina's en bestanden. De Dalkia-site produceert slechts 0.84 g CO2 per bezochte pagina, waardoor deze in de categorie van de meest milieuvriendelijke websites valt en daarmee 84% van de sites overtreft.

Om deze gegevens te illustreren, bekijkt u het voorbeeld van de onderstaande afbeelding. De originele afbeelding was 1,30 MB, maar nadat deze met 50% was vergroot, was deze nog maar 366 KB. Door deze afbeelding naar webp-formaat te converteren, werd de grootte verder verkleind tot 217 KB (of 0,217 MB). Uiteindelijk vertegenwoordigt de afbeelding slechts 20% van het oorspronkelijke gewicht en toont dus depositieve impact van deze optimalisaties over de ecologische prestaties van de locatie.

Het voordeel van eco-design in SEO

De interesse in eco-design in SEO is vandaag de dag belangrijker dan ooit. In feite is de milieuprestatie van een website hebben een directe impact op de website ranking in zoekmachines. Zoekmachines, zoals Google, houden rekening met gebruikerservaringsfactoren, waaronder de laadsnelheid van de pagina en visuele stabiliteit, om de kwaliteit van een site te bepalen. Webkernwaarden zijn belangrijke criteria geworden voor het rangschikken van websites. Onder de belangrijkste indicatoren vinden we:

  • TTFB (tijd tot eerste byte): Dit is de tijd die nodig is voordat de eerste byte van de site is geladen na het uitwisselen van verzoeken met de server.
  • FCP (eerste inhoudsvolle verf): Dit is het moment waarop het eerste visuele element, zoals kleur of tekst, op de bezochte pagina verschijnt.
  • LCP (grootste inhoudsvolle verf): Het meet de tijd die nodig is om het grootste element op de pagina weer te geven, meestal afbeeldingen van slecht formaat, hoewel het ook video's of andere grote media kan bevatten.
  • TBT (totale blokkeertijd): Dit is de reactietijd tussen de interactie van de gebruiker op de site en het moment waarop de site op deze interactie kan reageren.
  • CLS (cumulatieve lay-outverschuiving): Het evalueert de visuele stabiliteit van de pagina. Wanneer elementen niet goed zijn vastgelegd in de HTML-structuur of CSS, kan hun positie veranderen tijdens het laden van de pagina, waardoor een onstabiele gebruikerservaring ontstaat.”

 

De interesse in eco-design in SEO is vandaag de dag belangrijker dan ooit. De milieuprestaties van een website hebben inderdaad een directe impact op de ranking in zoekmachines. Zoekmachines, zoals Google, houden rekening met gebruikerservaringsfactoren, waaronder de laadsnelheid van de pagina en visuele stabiliteit, om de kwaliteit van een site te bepalen. Kernwaarden voor het web, zoals Largest Contentful Paint (LCP) en Cumulative Layout Shift (CLS), zijn belangrijke criteria geworden voor het rangschikken van websites. Een ecologisch ontworpen website, die het energieverbruik minimaliseert en de prestaties optimaliseert, heeft dus een concurrentievoordeel op het gebied van SEO. Door eco-ontwerppraktijken te integreren in het ontwikkelingsproces van de site, kunnen SEO-professionals de online zichtbaarheid van hun klanten verbeteren en tegelijkertijd de ecologische voetafdruk van het internet helpen verkleinen. Dit is een dubbel voordeel dat aantoont dat eco-ontwerp niet alleen een verantwoorde aanpak is, maar ook een winnende strategie voor webreferenties.

Conclusie

Samenvattend is het eco-ontwerp van een website volledig haalbaar door een reeks goed gedefinieerde stappen te volgen, van de selectie van de host tot de optimalisatie van de pagina's. Het is absoluut noodzakelijk om een ​​harmonieus evenwicht te bereiken tussen ‘functionaliteit’ en ‘esthetiek’, terwijl we ons bewust zijn van de impact op het milieu. Het wordt aanbevolen om essentiële vragen te stellen over de noodzaak om nieuwe functies te implementeren, rekening houdend met hun ecologische voetafdruk. Door een ecologisch verantwoorde benadering van websiteontwerp te hanteren, kunnen we zowel bijdragen aan het behoud van ons milieu als een uitzonderlijke gebruikerservaring bieden.

 

 

 

Esteban Irschfeld, SEO-consultant bij UX-Republic