Con l'annuncio ufficiale del Core Web Vitals, Google ha fatto scalpore. Il gigante dei motori di ricerca ha introdotto delle metriche per monitorare e valutare l'usabilità di una pagina, che avrà anche un impatto sul ranking di Google: LCP, FID e CLS sono i primi Core Web Vitals e altre metriche seguiranno. Cosa c'è esattamente dietro queste tre abbreviazioni, come e dove possono essere misurate e perché dovreste prendere in mano il Core Web Vitals proprio ora, lo scoprirete in questo post del blog. Otterrete anche un po' di background su LCP, FID e CLS, nonché alcuni suggerimenti pratici per l'ottimizzazione.

Il clamore attuale intorno al Core Web Vitals

Con il tuo articolo del blog Webmasters"Evaluating page experience for a better web" del 28 maggio 2020, Google ha fatto scalpore. Lì, il gigante dei motori di ricerca annuncia di migliorare l'algoritmo di classificazione nella categoria usabilità nel corso di un aggiornamento di Google e di introdurre i cosiddetti Core Web Vitals come metriche (parzialmente nuove) per misurare l'esperienza dell'utente. 

Non è un segreto che i siti web non dovrebbero essere ottimizzati solo per i motori di ricerca, ma anche per gli utenti. A cosa serve un buon posizionamento nei risultati di ricerca se i tuoi visitatori lasciano il sito senza aver fatto nulla? Tuttavia, non è solo il contenuto che decide se molte persone trovano quello che stanno cercando sul tuo sito web. L'usabilità è anche cruciale quando si tratta di sapere se gli utenti si sentono a loro agio sul sito e trovano la loro strada, o se cercano rapidamente delle alternative secondo il principio del click-and-go. Gli utenti che trovano rapidamente ciò che cercano nei risultati di ricerca sono clienti felici di Google - quindi è chiaro che il gigante dei motori di ricerca si preoccupa anche dell'esperienza dell'utente. 

Allora perché l'articolo di Google sta causando un furore? Perché gli aggiornamenti di Google non sono quasi mai annunciati e, se lo sono, certamente non con un tempo così lungo. Solo nel prossimo anno l'aggiornamento dovrebbe essere distribuito e ci dovrebbe essere un ulteriore promemoria con 6 mesi di anticipo. 

Una nota sulla tempistica per i Core Web Vitals del sito Blog dei Webmaster di Google

Aggiungete a ciò il nome - piuttosto lurido - della metrica al centro dell'aggiornamento: Core Web Vitals - sono quindi non solo "organi vitali" di un sito web, ma addirittura i "pezzi centrali" degli "organi vitali" di un sito web. 

Google non potrebbe dirlo più chiaramente: il Google Page Experience Update e il Core Web Vitals ad esso collegato sono molto importanti sia per i webmaster che per i SEO. Ma cosa sono i Core Web Vitals?

LCP, FID & CLS - Tre primi Vitali Core Web e altri in arrivo

In poche parole, i Core Web Vitals sono metriche che misurano aspetti universalmente rilevanti dell'esperienza dell'utente su un sito web, indipendentemente dalla posizione o dal contesto dell'utente. 

Attualmente, Core Web Vitals elenca tre metriche, ovvero....

• Il più grande contenuto di vernice (LCP)
• Ritardo del primo ingresso (FID) e
• Spostamento cumulativo del layout (CLS).

Le metriche misurano diversi aspetti dell'esperienza utente di un sito web: Mentre l'LCP si concentra sul tempo di caricamento, il FID si occupa dell'interattività. Il CLS misura a sua volta la stabilità visiva di un sito web. 

Fondamentalmente, però, tutte e 3 le metriche trattano la stessa domanda: cosa porta al fatto che i visitatori del sito web non eseguono alcuna azione (più) sul sito web già durante il processo di caricamento? Il Core Web Vitals fornisce le seguenti risposte a questa domanda: 

1. La pagina non si carica correttamente e abbastanza velocemente (LCP). 
2. La pagina si carica, ma non riesco a interagire nonostante il clic o la pressione (FID).
3. La pagina si carica e posso fare clic, ma il clic non porta all'interazione desiderata (CLS).

Sebbene LCP, FID e CLS non diventeranno realmente rilevanti fino al 2021, sono già disponibili in alcuni strumenti di analisi. Ad esempio, i Core Web Vitals possono essere visualizzati in Google Search Console, Google PageSpeed Tools, Lighthouse e Webpagetest.org. Quindi c'è più di un modo per ottenere un report Core Web Vitals.

Google ha anche già annunciato che non si fermerà solo alle tre metriche. Per esempio, i Core Web Vitals devono essere combinati nella loro considerazione con i segnali di ricerca di Google già esistenti per l'esperienza del sito web, cioè:

• Facilità di utilizzo con i dispositivi mobili
• navigazione sicura
• HTTPS e 
• Linee guida interstiziali invasive

Inoltre, i Web Core Vitals devono essere aggiornati e ampliati ogni anno. Ma questo è solo un'incognita. Quindi, per ora, diamo un'occhiata più da vicino a ciò che abbiamo già: LCP, FID e CLS.

Definizione di LCP (Largest Contentful Paint)

L'LCP misura quanto tempo passa prima che il più grande blocco di contenuto all'interno dell'area di visualizzazione sia stato renderizzato e sia quindi visibile. Perché esattamente il più grande elemento di contenuto visibile è osservato dal LCP? Perché Google considera il tuo tempo di caricamento il più importante, poiché riflette più da vicino la percezione del tempo di caricamento dal punto di vista dell'utente - cioè la durata dal clic sul risultato della ricerca al momento in cui la parte pertinente di un sito web è visibile.

Nella maggior parte dei casi, l'elemento di contenuto più grande è un'immagine, un video o una porzione di testo più grande. Quale elemento di contenuto è stato specificamente utilizzato per misurare l'LCP di un singolo URL può essere facilmente visto in PageSpeed Insights può essere visto facilmente.

Google fornisce anche confini molto specifici per rendere il LCP valutabile: Il tempo di caricamento del più grande blocco di contenuto nel viewport è buono se è inferiore a 2,6 secondi. Le ottimizzazioni sono necessarie per tempi di caricamento da 2,6 a meno di 4 secondi. Se il LCP è superiore a 4 secondi, è classificato come scarso. 

Come ulteriore linea guida, Google menziona anche un limite del 75 per cento: il LCP è, come gli altri Core Web Vitals, una metrica situata a livello di pagina. Se si guarda il dominio nel tuo insieme, almeno il 75% di tutte le sottopagine dovrebbe avere un buon LCP - cioè sotto i 2,6 secondi. Questo limite del 75% si applica anche agli altri due Core Web Vitals FID e CLS.

Ritardo del primo ingresso - Definizione FID

Il FID indica quanto tempo passa dalla prima interazione dell'utente con un sito web fino a quando il browser risponde a tale interazione. 

Per esempio, cliccare su un pulsante o un link, inserire del testo in un campo vuoto, navigare cliccando in un menù a discesa e molto altro sono considerati interazione. I clic e le sequenze di tasti sono quindi misurati. Tuttavia, lo scorrimento non è una delle interazioni misurate tramite il FID.

Il FID è rilevante come metrica dell'esperienza utente perché gli utenti spesso cliccano su elementi o compiono azioni simili durante il processo di caricamento. Se il sito web non risponde, l'utente viene interrotto nel suo percorso. 

Google fornisce di nuovo tre soglie chiare per il FID. Il FID dovrebbe essere inferiore a 100 millisecondi per essere considerato buono. Tra 100 e 300 millisecondi, c'è bisogno di un'ottimizzazione. Una FID è considerata cattiva se passano più di 300 millisecondi tra la prima interazione dell'utente e il tempo di risposta del browser.

Spostamento cumulativo del layout - Definizione di CLS

Tutti conoscono questo momento frustrante: si arriva a una pagina, si vede subito dove si vuole cliccare e al momento del clic appare un nuovo elemento come un banner, che sposta il layout e che si clicca nel dubbio anche involontariamente. Il CLS è sulle tracce di questo problema. Indica quanto sia visivamente stabile un sito web nel tuo processo di caricamento.

La base della misurazione CLS è la moltiplicazione della cosiddetta Frazione di Distanza con la Frazione di Impatto. I valori rispondono a due domande diverse in relazione allo spostamento del layout: la frazione di distanza indica quanto è grande o lontano lo spostamento del layout. La frazione di impatto mostra quale parte dell'area di visualizzazione è interessata dallo spostamento del layout.

L'esempio della figura 1 aiuta a capire questo: qui, due fotogrammi successivi sono confrontati in un processo di caricamento. Sul fotogramma A, potete vedere che l'immagine renderizzata occupa esattamente la metà (50%) dell'intera visuale - cioè l'area di visualizzazione della pagina. Nel fotogramma B, l'immagine si è spostata esattamente di ¼ (25%) della finestra. La frazione di distanza è quindi 0,25. Per l'utente, tuttavia, la vista è cambiata a ¾ (75 %) dell'intera finestra a causa dello spostamento del layout. La frazione di impatto è quindi 0,75. Moltiplicando la frazione di distanza e la frazione di impatto si ottiene un punteggio di spostamento del layout di 0,1875.

Secondo Google, solo i turni con un Layout Shift Score inferiore a 0,1 sono buoni. Se il valore è maggiore di 0,25, è considerato cattivo. Con 0,1875, il punteggio nell'esempio a sinistra è quindi nel centrocampo, che vale la pena di ottimizzare.

I primi consigli per l'ottimizzazione di Core Web Vitals

Come accennato, l'aggiornamento dell'esperienza della pagina di Google è in arrivo nel corso del 2021 e avremo anche un altro avviso con mezzo anno di anticipo. Un bisogno acuto di azione per l'ottimizzazione di Core Web Vitals non esiste ancora. Inoltre, si devono prima raccogliere abbastanza dati utente per poter specificare lo stato di Core Web Vitals. Il fatto che questo è ancora un lavoro in corso può essere visto anche nel rapporto Core Web Vitals in PageSpeed Insights: qui, si può attualmente solo ripiegare su dati di laboratorio per una valutazione. Per l'area dei dati sul campo, d'altra parte, c'è spesso ancora una mancanza di dati sufficienti degli utenti Chrome.

Coloro che vogliono ancora mettersi al lavoro adesso possono, per esempio, utilizzare il rapporto di Google Search Console per valutare se e quali URL vale la pena ottimizzare per quanto riguarda il Core Web Vitals. Questo perché l'intero sito web viene valutato nella Google Search Console. Se hai identificato gli URL interessati nel GSC, potete ricevere raccomandazioni concrete per l'azione nel secondo passo inserendo questi URL in PageSpeed Insights . È anche possibile ottenere rapidamente e comodamente un controllo rapido Core Web Vitals di singoli URL tramite l'estensione Web Vitals per Chrome.

Core Web Vitals: valgono la pena di essere pubblicizzati?

Così i webmaster:dentro hanno già abbastanza possibilità di identificare le opportunità di ottimizzazione per FID, LCP e CLS attraverso vari strumenti. E Google ha reso più che chiaro che l'ottimizzazione dei tre Core Web Vitals sta diventando importante. 

Eppure, alcuni dei nuovi clamori intorno a Core Web Vitals sembrano un po' gonfiati. 

In primo luogo, due delle tre metriche sono metriche che esistevano prima che fossero intitolate "Core Web Vitals": FID e LCP non sono nuove metriche, ma la loro importanza è stata certamente rimarcata con la loro riclassificazione come Core Web Vitals. Il Cumulative Layout Shift (CLS) è l'unica metrica che è effettivamente nuova. Eppure, per il CLS vale lo stesso che per le altre due metriche: che i siti web devono essere ottimizzati non solo per i motori di ricerca, ma anche per gli utenti:ins. E non è una novità!

D'altra parte, Google stesso sottolinea che il contenuto rimarrà il fattore di ranking più decisivo:

Se un sito web ha un contenuto particolarmente rilevante, ma solo un Core Web Vitals Score moderato, quasi certamente continuerà a classificarsi bene. La Page Experience di Google diventa quindi un criterio per decidere la posizione in settori altamente competitivi in cui ci sono diversi siti web con contenuti altrettanto buoni.

Ciononostante, i Core Web Vitals offrono un'ottima opportunità per presentare valutazioni presentabili dell'UX basate su metriche rigide con confini chiari. In questo modo, si può mostrare molto rapidamente e chiaramente se e in che misura esistono problemi nell'area dell'esperienza utente e quali misure sono necessarie per l'ottimizzazione della velocità delle pagine o il miglioramento dell'usabilità.