Core Web Vitals: Què són i com optimitzar-los?

L'objectiu de Google és i ha estat sempre optimitzar la qualitat d'experiència de l'usuari . Per això, des de fa temps Google inverteix temps i recursos en trobar la fòrmula per entendre millor l'experiència d'usuari en els diferents llocs web. Alguns exemples de les eines impulsades amb aquesta finalitat són: Pagespeed Insights, Mobile-friendly Test, Lighthouse, AMP, el Chrome UX Report...

D'aquí sorgeixen els Core web Vitals, una manera d'unificar mètriques i establir els criteris que defineixen una bona experiència d'usuari. Aquests criteris ens mostren una clau molt important per a l'èxit a llarg termini de qualsevol lloc a la web.

Encara que en l'artícle d'avui com agència SEO especialitzada ens posarem una mica més tècnics, el seu contingut va dirigit a tothom: ja sigui que sigui propietari d'un negoci, màrqueting manager, o programador.

Què són els Core web Vitals?

Comencem des del principi: Què són els Core web Vitals?

Com hem comentat anteriorment, els Core web Vitals són una iniciativa recent de Google que pretén proporcionar una guía  unificada de senyals de qualitat per a poder entendre quines mètriques o accions hem de tenir en compte per oferir una excel·lent experiència d'usuari al nostre web.

D'aquesta manera, podrem identificar fàcilment quins problemes de UX i WPO presenta la nostra web i trobar les accions necessàries per a solucionar-los.

Objectius dels Core web Vitals

Aquesta iniciativa té tres focus o objectius principals:

El primer, centrar la nostra atenció a l'usuari. Fins ara, sempre es pensava només en el temps, i per això ens fixàvem en mètriques com el TTFB o temps de càrrega de l'HTML. Però la veritat és que molts d'aquestes, no indiquen un moment clau per a l'usuari ni l'afecten. Per això, Google ens porta els CWV, per intentar canviar aquest focus, i centrar-lo totalment en l'experiència de l'usuari. Per això, ara cal basem més en preguntes com: Quan triguen a visualitzar-se els continguts?, Quan triga a carregar-se el contingut superior de la pàgina? O quant es triga a poder fer servir el web? En resum: vam passar de fixar-nos en el temps de càrrega a fixar-nos en l'experiència de l'usuari.

El segon objectiu és simplificació. Com ja hem dit, amb els anys hem vist molts tipus d'indicadors. D'aquesta manera dels més de 15 indicadors, s'han simplificat en 3. A més a més, aquesta simplificació fa que no només podran ser utilitzats per programadors o maquetadors amb coneixements tècnics sinó per tots els usuaris de el món de l'màrqueting digital.

El tercer objectiu és ajudar-nos a optimitzar les nostres pàgines web. Gràcies a les eines que ens facilita Google, podem veure exactament en què fallem i tenir un control sobre les mesures que anem implementant.

Desglossant els CWV

Els Core web Vitals estan compostos per 3 elements: LCP, FID i CLS. Cada un d'ells toca un aspecte essencial del web que si som capaços d'optimitzar ens ajudarà no només a millorar el SEO sinó a obtenir una bona experiència d'usuari.

FID o First Input Delay

Definició: Temps en que triga el navegador des que es fa una interacció (un clic) fins que és capaç de processar-lo. Important a tenir en compte, no mesura el temps fins que es carrega l'element, sinó el temps que és capaç de processar-lo.

La seva importància: mostra a Google la impressió que s'emporta el usuari al clicar. Aquest temps variarà molt en funció de l'element, del navegador i del moment en què es faci el clic.

Referències:

Bé: per sota dels 100 mil·lisegons

Millorable: entre els 100 i 300 mil·lisegons

Mal: ​​per sobre dels 300 mil·lisegons

CLS o Cumulative Layout Shift

Definició: Desplaçament del contingut de la càrrega inicial que es veu a la part superior. És a dir, que des del que veus a la primera instància al carregar fins que la pàgina està totalment carregada, hi hagi els mínims canvis possibles. Aquest indicador no va de temps.

La seva importància : Es tracta d'evitar la frustració de ​​l'usuari de fer clic en un element equivocat. Afegir nous elements o canviar la mida dels existents no compta, llevat que la seva aparició provoqui la moviment dels ja existents.

Referències:

Bé: per sota de 0,1

Millorable: entre 0,1 i 0,25

Mal: ​​per sobre de 0,25

LCP o Largest Contentfull paint

Definició: Renderitzat o càrrega del major element de contingut que es veu a la part superior de la pàgina. Va des que es comença a carregar la web fins que aquest element està totalment carregat. Aquest element pot ser un vídeo, imatge, títol...

La seva importància: perquè és un moment molt important per a l'usuari ja que constitueix l'instant en què l'usuari pot començar a consumir el contingut del web. 

Referències:

Bé: per sota dels 2,5 segons

Millorable: entre els 2,5 i 4 segons 

Mal: ​​per sobre dels 4 segon

Consells per millorar els Core web Vitals

Com dur a terme l'anàlisi dels Core web Virtals per la vostra web?

El primer pas és escollir dins la vostra web una pàgina significativa de cada grup. Per exemple, si estem parlant d'una botiga online, seria la pàgina home, una de categoria, una subcategoria (si n'hi ha) i un producte. A partir d'aquí, haurem d'executar les eines principals de Google (Page Speed ​​Insights i Lighthouse) en cadascuna d'elles, per poder veure en quin punt ens trobem i quins punts cal millorar. 

Finalment, i per tal d'evitar ensurts de mort, és molt recomanable revisar a la competència, amb el mateix sistema. La ideal seria poder realitzar una comparació entre els temps i errors vostres i els de la vostra competència per a cada un de les categories o grups de pàgines de la vostra web. Al final no hem d'aconseguir la perfecció, sinó superar als nostres competidors.

Altres aspectes a tenir en compte

El FID no està present en cap de les eines ja que és un element que depèn de l'usuari real. Per això, per optimitzar-lo recomanem que us fixeu en el TBT (total blocking time) ja que és un indicador que s'aproxima molt.

D'altra banda, és important analitzar realitzar les diferents proves i comparacions amb mètriques estables i en un entorn fix. És a dir, no té sentit fer una prova un dia en un navegador i un altre dia en un altre. Per a això, recomanem realitzar les proves a través de les eines que Google ens ofereix i fer-ho en un ordre concret:

Primerament, per poder analitzar a l'experiència de l'usuari, podem veure les dades a través de Google Search Console, Web Vitals Extention i Page Speed ​​Insights. Un cop identificats els punts a canviar, hem d'aplicar els canvis i realitzar proves a través d'eines com Page Speed ​​Insights, Google Lighthouse i Chrome DevTools. Google Lighthouse és una molt bona opció ja que realitza les proves com si fos un mòbil Motorola G4 amb poc processador i connexió lenta. Per poder mirar altres entorns tenim l'opció de fer-ho amb Chrome DevTools done podreu escollir el dispositiu i el tipus de connexió per configurar l'entorn totalment al vostre gust.

Com afecten les Core web Vitals al SEO?

Encara que a dia d'avui els Core web Vitals encara NO són ​​un factor de posicionament i no afecten el SEO de forma directa, a hores d'ara Google ja ha anunciat que aquests sí seran inclosos en el seu algoritme en un futur pròxim.

Les últimes notícies apunten que aquests s'inclouran a mitjans del 2021 (Google avisar'à amb 6 mesos d'antelació). Com veieu, hi ha poc marge de maniobra i és per això que hi ha molta gent ja està treballant en això.

Llavors, com podran afectar els CWV al posicionament de la meva web?

Quan s'incloguin podrem trobar-nos dos possibles escenaris:

• Que formin part com un factor de rankeo. En aquest cas, els CWV serà un element més que t'ajudará a posicionar millor o pitjor la teva pàgina web.
• Element penalitzador . Tenir mals resultats en els diferents elements de CWV podrá fer que Google et penalitzi i empitjoris les teves posicions.

Sigui com sigui, els CWV tindran un paper molt important en el nostre posicionament, i esperem molts canvis en visibilitat i variacions en les SERPs quan s'incloguin.

Conclusió sobre CWV

• Els Core web Vitals es basen en l'experiència de l'usuari i no solament en el temps de càrrega.
• Els Core web Vitals s'han creat amb l'objectiu de simplificar i ajudar a la quantificar l'experiència del nostre lloc i identificar oportunitats per millorar.
• Estan basats en 3 elements: LCP, FID i CLS.
• Fer sempre les nostres proves amb l'ajuda d'eines que ens permetin fixar els elements de l'entorn.
• Els CWV encara no afecten directament el posicionament del nostre web, però si podran fer-ho a partir del 2021.

Vols millorar les teves m & eacute; triques de l'Core web Vitals? A la nostra agència seo a Barcelona som especialistes en ajudar a tot tipus d'empreses a vendre online. Totes les nostres webs són dissenyades per complir amb les indicacions de Google en temes de velocitat i experiència de l'usuari. Si necessites un cop de mà amb la optimització de ​​la teva pàgina web o millorar la seva velocitat i posicionament, no dubtis a consultar-nos. Estarem encantats d'ajudar-te a vendre més!