Auditoria WordPress Gratuïta

Audita la meva web!
Categories
🚀 Rendiment WPO

Core Web Vitals de Google: prepara bé el teu lloc de WordPress

Ho vols saber tot sobre Core Web Vitals i l’experiència de pàgina de Google? Estàs en el blog correcte.

El primer que has de tenir en compte és que, des que es va llançar l’última actualització de Google, el món del SEO ha canviat per complet. La resposta a la teva «per què» és simple: perquè ara tots els teus esforços de SEO han de destinar-se a millorar l’experiència de l’usuari (UX).

UX no es convertirà en un dels factors determinants per al rànquing del teu lloc WordPress a Google; UX ja és un dels factors determinants de la teva pàgina web. Per això, el teu objectiu final, si el que desitges és arribar a les SERPs de Google (i en concret a la primera pàgina d’aquestes), és oferir als teus usuaris una experiència òptima.

Ara bé, com podríem definir aquesta famosa «Page Experience»? Quins paràmetres té Google en compte per a definir si un lloc té una bona o mala experiència? Quines eines podríem utilitzar per a mesurar els Core Web Vitals del nostre lloc WordPress?

Però, sobretot, quins són els famosos Core Web Vitals de Google que tant estan influint en la teva SEO i dels quals tots parlen?

Continua llegint que t’explico tot el que necessites saber per a intentar sobreviure a un dels reptes més grans del SEO del teu web WordPress. Això sí, tingues en compte que la majoria dels mortals acaben requerint l’ajuda d’un especialista en velocitat web per a aconseguir mètriques realment optimitzades.

🤓 Definició de la nova experiència de pàgina de Google

Amb l’actualització d’«experiència de pàgina» de Google, el nostre cercador favorit ha posat l’experiència de l’usuari en l’epicentre del seu algorisme SEO. Els elements que componen l’«experiència de pàgina» s’uneixen als centenars de factors de classificació que Google ja té en compte per a determinar quina pàgina es mostrarà primer en les SERPs (pàgines de resultats de cerca).

Les 5 mètriques principals que ha afegit l’actualització «experiència de pàgina», són les que marcaran el rànquing del teu lloc WordPress a Google:

  • Core Web Vitals..
  • Usabilitat mòbil (Mobile-friendly)..
  • Navegació segura..
  • Certificat d’autenticitat «https»..
  • Les pop-up o finestres emergents no desitjades..

Així doncs, tenint en compte que Google ha agregat UX al seu algoritme, podries preguntar-te quin és el criteri de SEO més important: l’experiència de l’usuari o la rellevància del contingut?

Google no deixa lloc a dubtes sobre aquesta qüestió, podent resumir les diferents declaracions referent a això en el següent paràgraf:

Si bé tots els components de l’experiència de pàgina són crucials, Google continuarà prioritzant les pàgines amb les millors perspectives, fins i tot si alguns aspectes de l’experiència de l’usuari estan per sota de la mitjana. Això vol dir que una bona experiència de pàgina no serà en cap cas substituta de comptar amb un contingut rellevant i de qualitat. No obstant això, en aquells casos en què diverses pàgines tinguin un contingut semblant, l’experiència de pàgina es tornarà molt més rellevant per a aconseguir visibilitat en les SERPs de Google.

Així que sí, ho has entès bé. Has de continuar creant bon contingut, però si la teva competència ofereix més o menys el mateix que tu, i ells a més proporcionen una millor experiència en pàgina… You lose.
Core Vitals

Si ets dels quals ha fet els deures sobre contingut i estàs fallant en les Core Web Vitals de Google, tens dues opcions. Podries continuar llegint i veure si acabes de desesperar-te, o m’escrius i posem el teu web en WordPress a funcionar com un coet.

👉 Core Web Vitals de Google: t’explico tot sobre aquests indicadors web clau (LCP, FID i CLS)

Les Core Web Vitals són tres criteris d’acompliment que Google ha agregat al seu algorisme SEO. Les tres mètriques són fonamentals per a mesurar l’experiència que tenen els teus usuaris en visitar el teu lloc web WordPress. Sens dubte són una part crucial de l’experiència de pàgina de Google.

Definició i interpretació del Largest Contentful Paint (LCP)

El Largest Contentful Paint (LCP), «despliegue del contenido más extenso» en castellano, corresponde con el tiempo de carga del contenido más importante y relevante. ¿Conoces a alguien a quien le guste un sitio que vaya lento? Yo no conozco a nadie, y además Google considera que si el contenido más relevante de tu web tarda mucho en cargar, tu usuario considerará que todo tu sitio web es lento y abandonará la página.

El Largest Contentful Paint (LCP), «desplegament del contingut més extens» en català, correspon amb el temps de càrrega del contingut més important i rellevant. Coneixes a algú a qui li agradi un lloc que vagi lent? Jo no conec a ningú, i a més Google considera que si el contingut més rellevant del teu web triga molt a carregar, el teu usuari considerarà que tot el teu lloc web és lent i abandonarà la pàgina.
Core Web Vitals

Ara et preguntaràs per la interpretació que fa Google de la teva LCP, així com de les circumstàncies en què Google considera que el contingut més rellevant del teu lloc WordPress càrrega prou ràpid. La resposta es pot resumir en tres llindars de velocitat:

  • Bo:​ el contingut es carrega en menys de 2,5 segons.
  • Necessita millorar:​ el contingut es carrega entre 2,5 segons i 4 segons.
  • Pobre:​ ​​​​el contingut triga més de 5 segons a mostrar-se.

Un exemple perquè ho entenguis millor:​ imagina que arribes navegant a un lloc WordPress d’una agència de viatges per a trobar un vol. En aquest cas, el contingut més rellevant serà el bàner principal amb el formulari de cerca de vols. Ara bé, si aquest formulari de cerca trigués més de 5 segons a carregar. Què pensaries d’aquest lloc? El més probable és que pensessis que es tracta d’un lloc web lent, pot ser que poc segur i, sobretot, és possible que no vulguis passar a les següents etapes de la reserva.

Definició i interpretació del First Input Delay (FID)

El First Input Delay (FID), «demora de la primera entrada» en català, s’encarrega de mesurar la interactivitat del teu lloc. Aquesta puntuació representa el temps que transcorre entre l’acció d’un usuari que interactua per primera vegada amb el teu lloc WordPress i el moment en què el seu navegador respon a aquesta interacció.

Com interpreta Google el First Input Delay?

  • Bo:​ menor o igual a 100 ms.
  • Necessita millorar:​ entre 100 i 300 ms.
  • Pobre:​ ​​més de 300 ms.

Un exemple perquè ho entenguis millor:​ imagina que aterres directament en la pàgina de preguntes freqüents, o FAQs, i que aquest compte amb diversos enllaços per a fer clic. El FID serà el temps que passi entre el teu clic i el moment en què el navegador processi l’acció.

Definició i interpretació del Cumulative Layout Shift (CLS)

El Cumulative Layout Shift, «canvi acumulatiu del disseny» en català, mesura la freqüència amb la qual els usuaris experimenten canvis de disseny no desitjats.

Com interpreta Google el teu CLS? Molt senzill: utilitza tres mètriques similars a les del LCP i el FIB:

  • Bo:​ menor o igual a 0,1.
  • Necessita millorar:​ entre 0,1 i 0,25.
  • Pobre​:​ ​más de 0,25.

Un exemple perquè ho entenguis millor:​ potser la definició d’aquest paràmetre et va fer pensar el mateix que a mi, anuncis emergents no desitjats! Quantes vegades has intentat fer clic en la següent pàgina d’un blog, i quantes vegades la teva acció es va veure interrompuda perquè apareixien del no-res en la teva pantalla més de 50 anuncis? Pots intuir, i tindràs raó, que en aquesta mena de casos Google planta una puntuació pobra amb el boli vermell més estrident que pugui trobar.
Core Web Vitals Google

Si vols optimitzar el teu Largest Contentful Paint, el teu First Input Delay i el teu Cumulative Layout Shift, escriu-me i oblida’t de tots els maldecaps.

✅ Les 4 eines per a provar i mesurar les teves Core Web Vitals

Google s’ha pronunciat en més d’una ocasió sobre quatre eines bàsiques que t’ajuden a mesurar els 3 Core Web Vitals, i així poder verificar la salut del teu lloc de WordPress. Totes aquestes eines estan basades ​​en la tecnologia Lighthouse: una eina de codi obert que mesura la velocitat i l’experiència del teu usuari en el teu lloc de WordPress.

PageSpeed Insights

La prova està disponible tant per a mesurar l’experiència en dispositius mòbils, com en escriptori. Aquesta eina, per tant, et permetrà avaluar tots els paràmetres de la velocitat de càrrega del teu lloc web WordPress en tots els dispositius. Simplement, has d’accedir i ingressar l’URL en el camp d’anàlisi i tindràs les teves la seva Core Web Vitals en un tan sols un clic.

Chrome UX Report (CrUX)

El conjunt de dades públiques de Chrome UX Report (CrUX) representa com els usuaris reals de Chrome estan experimentant la navegació per les diferents pàgines del teu lloc WordPress.

No sols facilita dades quantitatives com altres eines, sinó que el Chrome UX Report també aporta dades d’índole qualitativa sobre l’experiència, com podrien ser els dispositius que utilitzen els teus usuaris per a accedir al teu web o el tipus de connexió que tenen.

Search Console Tools de Google

L’informe d’experiència en pàgina que proporciona la Search Console Tools de Google, és una descripció completa i general de l’experiència dels usuaris en el teu lloc WordPress; l’informe té en compte totes els URL de la teva pàgina web.

Els senyals que ofereix són relatives a les Core Web Vitals del teu web, la usabilitat mòbil de la teva pàgina, els paràmetres de navegació segura que ofereixes i el protocol https.

Chrome Dev Tools

Obre una nova pàgina en manera incògnita en Google Chrome, i després veu al teu lloc WordPress. Fes clic en el botó dret del teu ratolí en qualsevol part de la teva pàgina web i selecciona «inspeccionar». A dalt a la dreta veuràs diverses eines de desenvolupament, de les quals hauràs de triar «Lighthouse».
Web Core Vitals

Abans de llançar la sol·licitud d’informe, hauràs de triar el tipus de dispositiu en què desitges revisar l’experiència dels teus usuaris: mòbil o escriptori. Tot seguit, pots llançar l’informe i esperar que et retorni els resultats. Aquesta informació se’t presentarà dividida en 4 parts:

Performance:​ aquí Chrome Dev Tools té en compte totes les Core Web Vitals, i altres mètriques rellevants que mesuren la velocitat del teu lloc WordPress.

Accesibility:​ avalua qualsevol problema que pugui estar impedint a alguns usuaris accedir al teu web.

Best practices:​ en aquest apartat, Chrome Dev Tools verifica si el teu lloc WordPress està tenint en compte el que Google considera «millors pràctiques», això és: pàgina correcta en https, imatges amb la proporció adequada, etc.

SEO:​ aquí tens un element fonamental per al teu lloc WordPress, perquè en aquest apartat de l’informe, Chrome Dev Tools t’indica si el teu web està correctament indexada en la base de dades de Google.

Qualsevol pàgina web que pretengui competir en qualsevol sector de Google, hauria de tenir aquests quatre elements en verd. Si no és així, contacta amb mi i posem-ho tot color verd.

📌 Core Web Vitals: massa importants per a equivocar-te

Com hauràs pogut comprovar al llarg de l’article, el motor de cerca més conegut de tota internet intenta millorar constantment els resultats de cerca de tots els usuaris (inclosos els teus). Per a això, entre altres coses, Google utilitza actualitzacions periòdiques.

Segons Google, els usuaris del seu cercador han de poder obtenir la informació que busquen ràpidament i tenir una experiència d’usuari molt positiva en els llocs web que té indexats. És per això que Google empeny i encoratja als administradors dels llocs web al fet que vagin més enllà, al fet que siguin encara millors.

I és que podríem resumir les Core Web Vitals com les dades uniformes que permeten fer una representació clara sobre la qualitat i tècnica d’un lloc WordPress. Pel que, si gestiones una pàgina web i vols aparèixer en la primera pàgina de resultats de Google, Core Web Vitals hauria de ser ja part de la teva estratègia SEO.

Pots consultar les Core Web Vitals del teu lloc WordPress i començar a optimitzar-les. Però, abans has de tenir clares unes quantes coses:

  • Els problemes tècnics seriosos del codi del teu web no se solucionen amb un plugin.
  • Els errors que et donaran les eines de mesurament, com a «temps de resposta del servidor lents» o «JavaScript i CSS bloquegen el renderitzat», no poden ser arreglats amb pedaços que acaben per destrossar el teu web.

Qualsevol persona amb un mínim de coneixements en Core Web Vitals et recomanarà posar les mètriques d’experiència de la teva pàgina en mans d’un professional.