“Core Web Vitals”: La Nota que et Posa Google a la Teva Web (i Com Aprovar)

Butlletí de notes d'una web, explicant què són els Core Web Vitals de Google.

Comparteix aquest post

Fins fa no gaire, el SEO semblava un joc de paraules clau i enllaços. Però Google ha evolucionat. Ara ja no només li importa què dius a la teva web, sinó també com se sent l’usuari quan la visita. La rapidesa, la interactivitat i l’estabilitat visual s’han convertit en factors de posicionament decisius.

Per mesurar objectivament aquesta “experiència d’usuari”, Google va crear unes mètriques anomenades Core Web Vitals.

Pensa en elles com el butlletí de notes trimestral de la teva pàgina web. La teva web té tres “assignatures” principals, i Google li posa una nota a cadascuna: Verd (Bé), Taronja (Necessita Millorar) o Vermell (Suspès). Si suspens, Google pot decidir mostrar altres webs que ofereixen una millor experiència per davant de la teva, encara que el teu contingut sigui bo.

En aquesta guia, et “traduirem” aquestes sigles tècniques (LCP, INP, CLS) a un llenguatge planer. T’explicarem què és cada “assignatura”, per què és important per als teus clients, i et donarem consells pràctics per “aprovar l’examen” i enamorar tant els teus visitants com a Google.

Butlletí de notes d'una web, explicant què són els Core Web Vitals de Google.

Per Què Hauria d’Importar-te la “Nota” de Google?

Per dues raons molt simples que afecten directament la teva butxaca:

  1. Impacte Directe en el SEO: Google ho ha confirmat. Els Core Web Vitals són un factor de posicionament. Una bona nota t’ajuda a pujar posicions; una de dolenta, t’enfonsa.
  2. Impacte en la Conversió: Aquestes mètriques no són números arbitraris. Són una mesura directa de la frustració de l’usuari. Una web lenta, que no respon o que “salta” mentre intentes fer clic és una web que la gent abandona. I una visita que marxa és un client perdut.

Les 3 Assignatures Clau: LCP, INP i CLS Desglossats

Anem a veure cada mètrica com si fos una assignatura de l’escola.

1. LCP (Largest Contentful Paint): L’assignatura de la “Velocitat Percebuda”

  • Què mesura? Quant de temps triga a carregar-se l’element més gran i visible de la pantalla (normalment, la imatge principal o el bloc de text més gran).

  • L’Analogia Senzilla: És com anar a un restaurant. L’LCP no és el temps que trigues a menjar-te tot el sopar, sinó el temps que passa fins que arriba el plat principal a la taula. Si el plat principal triga massa, la teva percepció de tot el servei serà negativa, encara que els postres arribin ràpid.

  • Per què és important? Perquè li diu a l’usuari que la pàgina “ja està gairebé llesta” i que val la pena esperar.

  • Causes Comuns del Suspens: Imatges massa pesades i sense optimitzar, o un servidor/hosting de baixa qualitat. Una de les causes principals d’un LCP lent és, sense cap mena de dubte, un hosting de baixa qualitat. Com expliquem a la nostra guia sobre els fonaments invisibles de la teva web, el teu servidor és la base de tot.

  • Com Aprovar: Optimitza totes les teves imatges

Necessites ajuda amb la teva presència digital?

A Bisbal Tech som especialistes a crear webs i estratègies de SEO que funcionen per a negocis locals. Deixa que t’ajudem a aconseguir resultats.

Analogia del LCP dels Core Web Vitals com el plat principal d'un restaurant.

2. INP (Interaction to Next Paint): L’assignatura de la “Capacitat de Resposta”

(Nota: Aquesta mètrica ha substituït l’antiga FID el 2024)

  • Què mesura? El temps que triga la pàgina a reaccionar visualment després que l’usuari hi interactuï. Per exemple, des que fas clic en un botó fins que la pàgina comença a canviar.

  • L’Analogia Senzilla: És el timbre de la porta. L’INP mesura el temps que passa des que prems el botó fins que sents el “ding-dong”. Si prems el timbre i no sents res durant uns segons, penses que està trencat i probablement tornis a prémer-lo amb frustració.

  • Per què és important? Una pàgina que triga a reaccionar se sent “bloquejada” o “trencada”, generant una gran frustració.

  • Causes Comuns del Suspens: Codi JavaScript massa pesat o mal optimitzat que bloqueja el navegador.

  • Com Aprovar: Aquesta és una part més tècnica. Requereix una optimització del codi per part d’un desenvolupador per assegurar que les tasques pesades no bloquegin la interacció de l’usuari.

3. CLS (Cumulative Layout Shift): L’assignatura de l'”Estabilitat Visual”

  • Què mesura? Quant “salta” o es mou inesperadament el contingut de la pàgina mentre s’està carregant.

  • L’Analogia Senzilla: És el cambrer que et mou la taula mentre estàs a punt de punxar l’oliva. Estàs llegint un paràgraf i, de sobte, apareix un anunci a sobre i tot el text es desplaça cap avall. O pitjor, vas a fer clic en un botó i, just en aquell instant, tot es mou i acabes clicant en un anunci.

  • Per què és important? És una de les experiències més irritants d’Internet i una font constant d’errors i clics accidentals.

  • Causes Comuns del Suspens: Imatges sense dimensions definides, anuncis que es carreguen sense tenir un espai reservat, o fonts que canvien de mida a mesura que es carreguen.

  • Com Aprovar: Assegurar-se que totes les imatges tinguin definides les seves dimensions (ample i alt) al codi i que els espais per a contingut dinàmic com la publicitat estiguin reservats des del principi.

Persona frustrada per un botó que es mou, simbolitzant el CLS dels Core Web Vitals.

Com Mesurar els Teus Propis Core Web Vitals

Google t’ofereix una eina gratuïta i molt fàcil d’utilitzar per obtenir la “nota” de la teva web: PageSpeed Insights. Simplement has d’entrar a la seva pàgina, posar la URL de la teva web i et donarà un informe detallat per a mòbil i ordinador, amb les notes de LCP, INP i CLS en els seus colors corresponents.

Conclusió: Aprova l’Examen de l’Experiència d’Usuari

Els Core Web Vitals no són una moda passatgera. Són la manera com Google mesura objectivament si la teva web és agradable de fer servir. Centrar-te a millorar aquestes mètriques no és només una tasca de SEO per acontentar un algoritme; és una millora directa de l’experiència dels teus clients. I els clients feliços són els que es queden, tornen i compren.

Si has fet el test a PageSpeed Insights i els teus resultats no són els esperats, no et preocupis. A Bisbal Tech estem obsessionats amb el rendiment web. Si vols que la teva web aprovi amb nota i ofereixi la millor experiència possible, parlem-ne.

Necessites ajuda amb la teva presència digital?

A Bisbal Tech som especialistes a crear webs i estratègies de SEO que funcionen per a negocis locals. Deixa que t’ajudem a aconseguir resultats.

Més per explorar

Vols impulsar el teu negoci?

Deixa'ns un missatge i estem en contacte

Exemple de disseny de botiga online per a un client de la província de Girona.
small_c_popup.png

Learn how we helped 100 top brands gain success.

Let's have a chat

T’ajudem a fer créixer el teu negoci online