Què són els core web vitals? Afecten el SEO?

31/12/2020
  • Avui parlem de què són els core web vitals i de l'impacte que tindran en SEO aquest 2021. És un tema important al qual val molt la pena parar-hi atenció.

  • Tots els anys són convulsos pel que fa al SEO, però enguany pot ser que ho hagi estat encara més. Hem vist diversos updates del core com el del mes de maig. O el més recent –aquest mateix mes de desembre–, Google Lens amenaçant amb transformar el SEO per a imatges, nous terminis per al Mobile First Index...

    Amb el soroll habitual, unit a tot el que ha generat el coronavirus a l’eCommerce i la pròpia societat, és possible que per a molts hagi passat desapercebuda una cosa anomenada core web vitals. No ho passis per alt perquè tindrà cert pes en l'estratègia de SEO per al 2021.

  • Què són els core web vitals?

  • Com ja sabràs, Google prioritza de moltes maneres l'experiència d'usuari. Això, que no és gens nou, es veia reflectit en la rellevància de la velocitat de càrrega –fins al punt de ser considerada un factor de rànquing– o els informes i notificacions sobre usabilitat que ens mostra a Google Search Console.

    Els core web vitals van en aquesta línia. En realitat no és una eina com puguin ser-ho Google PageSpeed o Lighthouse: es tracta d'una sèrie de mètriques que el cercador estima bàsiques perquè l'experiència de navegació sigui òptima per part de l'usuari.

    Tots aquests core web vitals estan emmarcats dins de la usabilitat o, fins i tot de forma més evident, en el rendiment de la pàgina. Són unes directrius que hem de seguir i tenir controlades.

    Vegem quins són.

  • LCP o Largest Contentful Paint

  • Per resumir-ho d'alguna manera, parlem del temps que passa entre que l'usuari fa clic a l'enllaç i acaba de carregar el bloc de contingut més gran per sota de la línia d’scroll (tant és el tipus d'element del què parlem, pot ser des de text a una imatge o un vídeo).

    La clau d'aquesta mètrica és que fa focus sempre en l'usuari, no tant en qualsevol altre aspecte tècnic. El que realment mesura és el que triga la pàgina en resultar interactiva i operativa per al visitant.

    Aquesta anàlisi es pot extreure amb l'esmentat PageSpeed de Google. Té l'avantatge de ser realment visual i pot donar-te pistes concretes de com resoldre-ho (tot i que si no tens un perfil gaire tècnic és possible que et calgui ajuda amb això).

  • El desavantatge és que aquest càlcul el realitza exclusivament des del navegador Chrome. El més fiable és que el consultis directament en els informes de Google Search Console (mètriques principals).

    En quins paràmetres s'ha de moure el LCP? Doncs perquè et serveixi de referència:

    • Bé: per sota de 2,5 segons
    • Necessita millores: fins a 4 segons
    • Baixa: per sobre d'aquests 4 segons
  • TIP PRO: per a millorar aquesta mètrica el més habitual és eliminar scripts innecessaris, millorar el teu servidor, utilitzar el lazy loading per carregar les imatges a mesura que es fa scroll o eliminar/comprimir els recursos més pesats.

  • FID o First Input Delay

  • Pot semblar similar a l'LCP però hi ha un matís important. Mentre que la primera mètrica es refereix al temps que necessita la pàgina per estar a punt per al seu ús, el FID mesura la interactivitat real.

    Per dir-ho d'una altra manera, fem servir aquest core web vital per mesurar la velocitat de resposta davant del clic per part de la persona que navega per la nostra pàgina. Això engloba fer clic en un enllaç, triar una opció en un menú, introduir el text en un formulari, el que triga a respondre un menú desplegable...

    Per a Google la prioritat és sempre l'experiència sense friccions, el més fluïda possible perquè l'usuari se senti satisfet. En determinades URLs del nostre eCommerce, el FID pot representar fins i tot una diferència entre una conversió decent o una molt pobra (checkout, registre...).

    També pots comprovar ràpidament el FID de la teva pàgina per les mateixes vies: PageSpeed i Google Search Console.

  • En quins paràmetres s'ha de moure el FID? A mode de referència, aquesta seria l'escala:

    • Bé: per sota de 100 mil·lisegons
    • Necessita millores: fins a 300 mil·lisegons
    • Baixa: per sobre d'aquests 300 mil·lisegons
  • TIP PRO: Per tal de millorar el FID de la teva web pots optar per minimitzar el JavaScript del teu site, eliminar scripts no crítics (des d’Analytics a codis de seguiment o medició d'altres eines) i, per descomptat, fer servir la caché del navegador.

  • CLS o Cumulative Layout Shift

  • Aquest és un concepte senzill d'entendre però no tant d'explicar. Fa referència a l'estabilitat visual d'una pàgina.

    Què és això? Doncs et poso un exemple senzill. Imagina que entres en una web en la qual, encara que no hagi acabat de carregar, ja es pot començar a navegar. Quan vas a fer clic en un botó... es carrega una foto i "perds el clic".

  • Segur que t'ha passat mil vegades i et resulta incomodíssim com a qualsevol de nosaltres. Doncs això és exactament el que Google mesura amb el CLS.

    En quins paràmetres s'ha de moure el CLS? En aquest cas no mesura el temps sinó que fa servir una escala pròpia que pots consultar aquí si t'interessa saber com es calcula. Dins d'aquesta escala:

    • Bé: menys de 0,1
    • Necessita millores: fins a 0,25 segons
    • Pobre: per sobre d'aquests 0,25 segons
  • Són els core web vitals un factor de rànquing?

  • A dia d'avui, no... Insisteixo: a dia d'avui. La previsió és que al maig de 2021 passin de ser una recomanació basada en bones pràctiques a un factor amb influència en el rànquing SEO de qualsevol pàgina. 

    Com d'important? Això és difícil saber-ho ara mateix (dubto que sigui determinant), però tot el que sumi és interessant. I, en aquest cas, millora la manera d'interactuar amb la nostra botiga i això optimitza l'eCommerce a tots els nivells i, particularment, des de l'usuari.

  • Havies sentit a parlar dels core web vitals? Quin resultat té la teva pàgina en LCP, FID i CLS? Comparteix-ho amb nosaltres.

  • Imatges | Google i Unsplash.

Jordi Ordóñez


Jordi Ordóñez es consultor eCommerce y SEO con 16 años de experiencia en proyectos online. Ha asesorado a clientes como Castañer, Textura, Acumbamail, Kartox o Casa Ametller. Escribe en el blog oficial de Prestashop, BrainSINS, Marketing4ecommerce, Fotografía eCommerce, Socialancer, eCommerce-news.es y SEMRush entre otros. Es redactor en el blog de Oleoshop.

Vols ser el primer en deixar la teva opinió?

Regístrate con nosotros y así podrás crear tus comentarios, contar tus experiencias y participar en nuestro blog.

Buscar

Últimes entrades

Aquest lloc web emmagatzema dades com galetes per habilitar la funcionalitat necessària de el lloc, inclosos anàlisi i personalització. Podeu canviar la seva configuració en qualsevol moment o acceptar els paràmetres per defecte.

política de cookies

Essencials

Les galetes necessàries ajuden a fer una pàgina web utilitzable activant funcions bàsiques com la navegació a la pàgina i l'accés a àrees segures de la pàgina web. La pàgina web no pot funcionar adequadament sense aquestes galetes.


Personalització

Les galetes de personalització permeten a la pàgina web recordar informació que canvia la forma en què la pàgina es comporta o l'aspecte que té, com el seu idioma preferit o la regió en la qual vostè es troba.


Anàlisi

Les galetes estadístiques ajuden als propietaris de pàgines web a comprendre com interactuen els visitants amb les pàgines web reunint i proporcionant informació de forma anònima.


Marketing

Les galetes de màrqueting s'utilitzen per rastrejar als visitants en les pàgines web. La intenció és mostrar anuncis rellevants i atractius per a l'usuari individual, i per tant, més valuosos per als editors i tercers anunciants.