[UX Calendar] Ecodisseny al servei de l'UX i el SEO

L'ecodisseny de webs ofereix la possibilitat de reduir la petjada de carboni de les empreses alhora que es compleixen les expectatives creixents dels clients conscients del medi ambient. En aquest article, explorem la web ecològica el 2023 on la petjada de carboni de la web ja representa el 4% de les emissions totals. El 2025 hauria d'arribar al 8%.

Per què triar una web ecològica?

El juny de 2023, es calcula que més de dos mil milions de llocs Internet s'ha identificat pels motors de cerca. Es creen 252 llocs web cada dia segons Siteefy.

És crucial tenir en compte que els llocs accessibles per aquests motors representen només una fracció, amb molts més presents a la web profunda i la web fosca. Cada pàgina vista genera aproximadament 1,8 grams de diòxid de carboni (CO2), xifra que es pot multiplicar fins a cinc segons el disseny del solar.

Així, la creació d'una web ecològica permet especialment: 

  1. Reduir la petjada de carboni: Els servidors web que allotgen llocs web consumeixen energia per fer funcionar i refredar els seus equips. Optant per pràctiques de disseny i allotjament eco-responsables, podem reduir el consum d'energia i les emissions de gasos d'efecte hivernacle associades a les operacions web. Això ajuda a combatre el canvi climàtic.
  2. Estalviar energia i recursos: Els llocs mal optimitzats poden sobrecarregar els servidors i requereixen més potència de càlcul i refrigeració. Adoptant tècniques de programació eficients i reduint el pes de les pàgines web (imatges, scripts, etc.), podem reduir el consum energètic necessari per a la seva càrrega. Això ajuda a conservar els recursos i reduir els costos d'allotjament.
  3. Promoure la conscienciació i la responsabilitat social: En adoptar pràctiques de disseny web ecològics, les empreses envien un missatge positiu sobre el seu compromís amb la sostenibilitat. Això pot generar interès entre els consumidors conscients del medi ambient i reforçar la reputació de l'empresa. A més, pot animar altres actors a seguir aquest camí.

Com es fa per ecodissenyar un lloc web?

Dissenyar un lloc web ecològic requereix eleccions reflexives. Si prenem l'exemple del lloc del Fundació Musk, es considera un dels menys emissors de CO2 per visita, produint només 0,009 grams de diòxid de carboni. Tot i que aquest extrem pot no ser necessari per a tots els llocs, l'experiència d'usuari (UX) segueix sent una consideració essencial a l'hora de crear llocs ecològics.

Aquestes són algunes pautes per començar a crear un lloc web ecodissenyat:

  • En primer lloc, l'elecció deamfitrió web és un primer pas crucial. Alguns destaquen pel seu compromís ecològicCom Ions amb la seva oferta Green Hosting, utilitzant electricitat sense carboni i/o reciclatge els seus equips obsolets.
  • Aleshores cal garantir la lleugeresa de les pàgines web. Per fer-ho, cal optimitzar la mida de les imatges, els scripts i el codi font. Minimitzar les sol·licituds del servidor i minimitzar els elements innecessaris ajuda a reduir el consum d'energia en carregar pàgines.
  • El disseny gràfic també és una palanca interessant, sobretot afavorint els colors, els tipus de lletra i elements visuals minimalistes. Això pot ajudar a reduir la càrrega de treball del servidor i accelerar la càrrega de la pàgina.
  • Finalment, el fitxer monitorització i optimització contínua són essencials. L'ús d'eines d'anàlisi per avaluar el rendiment energètic del lloc i identificar àrees de millora és una pràctica recomanada. L'objectiu final és crear un lloc web que ofereixi una experiència d'usuari òptima alhora que minimitzi el seu impacte en el medi ambient.

Posa a prova el teu rendiment ecològic

Testar el rendiment ecològic del lloc és realment útil i es pot fer amb eines com ara Web Carbon, que calcula la petjada de carboni per visita, i PageSpeed ​​Insight de Google, que mesura el temps de càrrega.

Un exemple concret de lloc ecodissenyat és el de Dalkia, que va redissenyar el seu lloc el 2021 posant l'ecodisseny al capdavant. El resultat: a càrrega ràpida, un disseny sobri, i a reducció important del nombre de pàgines i fitxers. El lloc de Dalkia només produeix 0.84 g de CO2 per pàgina visitada, fet que el situa en la categoria dels llocs web més respectuosos amb el medi ambient, superant així el 84% dels llocs.

Per il·lustrar aquestes dades, considereu l'exemple de la imatge següent. La imatge original tenia 1,30 MB, però després de canviar la mida al 50%, només tenia 366 KB. En convertir aquesta imatge al format webp, la seva mida es va reduir encara més a 217 KB (o 0,217 MB). Al final, la imatge només representa el 20% del pes inicial, mostrant així elimpacte positiu d'aquestes optimitzacions sobre el rendiment ecològic del lloc.

El benefici de l'ecodisseny en SEO

L'interès per l'ecodisseny en SEO és avui més crucial que mai. De fet, el rendiment ambiental d'un lloc web tenen un impacte directe en el seu rànquing als cercadors. Els motors de cerca, com ara Google, tenen en compte factors de l'experiència de l'usuari, com ara la velocitat de càrrega de la pàgina i l'estabilitat visual, per determinar la qualitat d'un lloc. Els elements vitals bàsics web s'han convertit en els principals criteris per classificar llocs web. Entre els principals indicadors, trobem:

  • TTFB (Temps fins al primer byte): Aquest és el temps que triga a carregar el primer byte del lloc després d'intercanviar sol·licituds amb el servidor.
  • FCP (Primera pintura de contingut): Aquest és el moment en què el primer element visual, com el color o el text, apareix a la pàgina visitada.
  • LCP (Largest Contentful Paint): Mesura el temps que triga a mostrar l'element més gran de la pàgina, normalment imatges de mida pobra, encara que també pot incloure vídeos o altres mitjans grans.
  • TBT (Temps de bloqueig total): Aquest és el temps de reacció entre la interacció de l'usuari al lloc i el moment en què el lloc pot respondre a aquesta interacció.
  • CLS (canvi acumulat de disseny): Avalua l'estabilitat visual de la pàgina. Quan els elements no es fixen correctament a l'estructura HTML o CSS, la seva posició pot canviar durant la càrrega de la pàgina, creant una experiència d'usuari inestable.

 

L'interès per l'ecodisseny en SEO és avui més crucial que mai. De fet, el rendiment ambiental d'un lloc web té un impacte directe en el seu rànquing als motors de cerca. Els motors de cerca, com ara Google, tenen en compte factors de l'experiència de l'usuari, com ara la velocitat de càrrega de la pàgina i l'estabilitat visual, per determinar la qualitat d'un lloc. Els criteris bàsics del web, com ara la pintura de contingut més gran (LCP) i el canvi de disseny acumulat (CLS), s'han convertit en criteris principals per classificar llocs web. Així, una web ecodissenyada, que minimitza el seu consum energètic i optimitza el seu rendiment, té un avantatge competitiu pel que fa a SEO. Mitjançant la integració de pràctiques d'ecodisseny en el procés de desenvolupament del lloc, els professionals del SEO poden millorar la visibilitat en línia dels seus clients alhora que ajuden a reduir la petjada de carboni del web. Aquest és un doble benefici que demostra que l'ecodisseny no només és un enfocament responsable, sinó també una estratègia guanyadora per a la referència web.

Conclusió

En resum, l'ecodisseny d'un lloc web és totalment assolible seguint un conjunt de passos ben definits, des de la selecció de l'amfitrió fins a l'optimització de les pàgines. És imprescindible aconseguir un equilibri harmònic entre “funcionalitat” i “estètica”, tenint en compte l'impacte ambiental. Es recomana fer-se preguntes essencials sobre la necessitat d'implementar noves característiques, tenint en compte la seva petjada ambiental. En adoptar un enfocament eco-responsable en el disseny de llocs web, podem contribuir a la preservació del nostre entorn i oferir una experiència d'usuari excepcional.

 

 

 

Esteban Irschfeld, consultor SEO a UX-Republic