I Core Web Vitals sono tre metriche incluse nei segnali di esperienza della pagina di Google che quantificano l’esperienza dell’utente nell’interazione con una pagina.
I Core Web Vitals misurano la velocità con cui una pagina è visibile, quanto tempo ci vuole prima che un utente possa interagire con la pagina e la stabilità visiva degli elementi sulla pagina.
Sebbene possano cambiare nel tempo le metriche che attualmente costituiscono i Core Web Vitals sono Largest Contentful Paint (LCP), First Input Delay (FID) e Cumulative Layout Shift (CLS).
Google ha sempre concentrato la sua attenzione sull’esperienza dell’utente. Dall’eliminazione del riempimento delle parole chiave passando per la decisione di rendere il tempo di caricamento della pagina un fattore di ranking, sino alla nascita del ranking mobile first, il colosso del web ha costantemente spinto per migliorare l’esperienza utente. I Core Web Vitals sono l’ennesima scelta che va nella stessa direzione.
Cosa sono i Core Web Vital?
![Core web vitals Core web vitals](https://www.studiofuturoma.com/wp-content/uploads/2022/09/arton81.jpeg)
I Core Web Vitals (CWV) sono un insieme di metriche quantitative delle prestazioni sviluppate da Google per misurare le esperienze qualitative degli utenti su una pagina web. Queste metriche misurano specificamente l’esperienza di caricamento (LCP), l’interattività (FID) e la stabilità visiva (CLS) del contenuto della pagina web.
Nel maggio 2020, Google ha annunciato che i segnali di esperienza della pagina sarebbero diventati un fattore di ranking organico. Più nello specifico, l’algoritmo di Google inizierebbe a misurare le seguenti metriche per calcolare l’esperienza dell’utente:
- Mobile friendliness
- Navigazione sicura
- HTTPS
- Accessibilità dei contenuti tramite pop-up
Nel novembre 2020, Google ha aggiunto tre nuove metriche ai segnali di esperienza della pagina chiamati Core Web Vitals :
- Largest Contentful Paint (LCP)
- First Input Delay(FID)
- Cumulativo layout Shift (CLS)
Quando è stato lanciato Core Web Vitals?
I Core Web Vitals sono diventati un fattore di ranking di Google nel giugno 2021 e Google ha dichiarato che aggiornerà l’esperienza della pagina ogni anno. Quindi, aspettati che si evolvano nel tempo.
Perché i Core Web Vitals sono importanti
CWV aiutano gli sviluppatori web a fornire un’esperienza utente eccezionale. Di conseguenza, gli utenti sono più soddisfatti, più propensi a tornare e più propensi a consigliare il tuo sito web ad altri. Al contrario, se le pagine sono lente, instabili o piene di popup, gli utenti esiteranno a tornare.
Ora, pensa a come ciò influirà sul brand e sulle entrate di Google. Se fai clic ripetutamente sui collegamenti nella SERP che offrono una brutta esperienza, ti sentirai frustrato nell’esperienza di ricerca con Google. Alla fine, potresti provare motori di ricerca alternativi e ciò significa meno entrate pubblicitarie per Google.
I Google Core Web Vitals sono metriche delle prestazioni SEO misurabili che ti danno un’idea di come le persone sperimentano il tuo sito web. Ti forniscono punti dati specifici e misurabili per migliorare l’esperienza utente complessiva sul tuo sito web. Quando gli utenti hanno un’esperienza migliore, è più probabile che tornino.
In definitiva, i CWV non solo migliorano le tue classifiche organiche, anche se ne fanno parte. Forniscono al tuo pubblico un’esperienza superiore. E questo si traduce in clienti più coinvolti, tassi di conversione più elevati e potenzialmente altri vantaggi positivi.
È anche importante notare che, sebbene i Core Web Vitals siano importanti, Google cerca comunque di classificare le pagine con le migliori informazioni complessive, anche se l’esperienza della pagina è scadente.
Un’ottima esperienza sulla pagina non prevarrà mai rispetto ad un contenuto di ottimo valore. Tuttavia, nei casi in cui sono presenti molte pagine che possono essere simili in termini di pertinenza, l’esperienza della pagina può essere molto più importante per la visibilità ed il posizionamento nella Ricerca.
I tre componenti dei Core Web Vitals di Google
Ora diamo un’occhiata a ciascuno dei 3 componenti di Core Web Vitals, comprese le soglie e gli intervalli target.
LCP: Largest Contentful Paint
LCP è una metrica Core Web Vitals che misura il tempo di caricamento. Più specificamente, misura la quantità di tempo necessaria per eseguire il rendering dell’elemento di contenuto più grande all’interno dell’area visibile dello schermo di un utente. Non misura l’intera pagina.
A seconda della pagina, questo elemento potrebbe essere:
- Immagine in primo piano
- H1
- Blocchi di testo
- elemento <img>
- Elemento <image> all’interno di un elemento <svg>
- Immagine all’interno di un elemento <video>
- Immagine di sfondo caricata con la funzione url()
Google considera un LCP di 2,5 secondi o meno un URL “buono” (segmentato da dispositivi mobili e desktop). Un punteggio compreso tra 2,5 secondi e quattro secondi deve essere migliorato. E un punteggio superiore a quattro secondi è considerato scarso.
Come puoi migliorare i punteggi LCP?
Ecco alcune strategie per migliorare il tuo punteggio LCP:
- Rimuovere eventuali script di terze parti non necessari
- Passa a un host web più veloce
- Installa una CDN
- Risorse della cache
- Imposta il caricamento lento delle immagini
- Rimuovi gli elementi della pagina di grandi dimensioni che richiedono più tempo per essere caricati (immagini grandi, GIF, ecc.)
- Riduci al minimo il tuo CSS
Altre due metriche correlate da considerare durante la diagnosi dei problemi di velocità della pagina sono First Contentful Paint (FCP) e Time to First Byte (TTFB) .
FID: First Input Delay
FID è una metrica Core Web Vitals che misura il tempo necessario ad interagire con una pagina. In particolare, misura il tempo che intercorre tra il primo input dell’utente con una pagina Web (clic, tocco, scorrimento, ecc.) e la risposta della pagina stessa.
Pensa all’interattività come alla reattività della pagina. Più lungo è il ritardo, più è probabile che un utente sia frustrato poiché la pagina sembra non rispondere.
Che cos’è un buon punteggio FID?
Google considera un FID di 100 millisecondi o meno “buono”. Una pagina deve raggiungere questo obiettivo il 75% delle volte dai dati raccolti sul campo sia su dispositivi mobili che desktop.
Vediamo i modi per migliorare il tuo punteggio FID
- Riduci a icona (o rinvia) JavaScript poiché è difficile, se non impossibile, per gli utenti interagire con il tuo sito quando JS è in esecuzione
- Rimuovere gli script di terze parti non essenziali che devono essere caricati prima che un utente possa interagire con il tuo sito (mappe di calore, analisi, ecc.)
- Implementa la memorizzazione nella cache del browser, che memorizza determinati elementi nel browser di un utente in modo che non debbano essere ricaricati ogni volta
CLS: Cumulative Layout Shift
![Core web vitals Core web vitals](https://www.studiofuturoma.com/wp-content/uploads/2022/09/WhatsApp-Image-2022-09-17-at-18.06.51.jpeg)
CLS è una metrica Core Web Vitals che misura la stabilità visiva di una pagina. Registra le proporzioni degli spostamenti dello schermo e fino a che punto si muovono gli elementi.
Poche cose sono più frustranti che cercare di interagire con gli elementi della pagina che saltano in giro inaspettatamente. I cambiamenti di layout imprevisti sono particolarmente problematici quando hanno conseguenze nel mondo reale come l’ordinazione accidentale di qualcosa o il clic su un annuncio che ti porta a un altro sito web.
In qualità di proprietario o sviluppatore di un sito, è importante calcolare il tuo CLS in base alle interazioni dell’utente reale e non solo ai dati di laboratorio. Ad esempio, gli annunci potrebbero non essere caricati sul tuo sito di staging, quindi i tuoi punteggi non rifletteranno le esperienze del mondo reale.
Il CLS viene calcolato moltiplicando la frazione di impatto (percentuale della finestra che si sposta) per la frazione di distanza (distanza di movimento divisa per l’altezza della finestra).
Un’esplosione di turni di layout si verifica quando si verificano rapidamente più turni in un periodo di cinque secondi o meno, con meno di un secondo tra ogni turno. CLS misura la più grande esplosione di cambiamenti di layout che si verifica nel corso della vita di una pagina.
Google considera buono un punteggio CLS di 0,1 o inferiore e una pagina deve raggiungere questo obiettivo il 75% delle volte sia su dispositivi mobili che desktop.
Modi per migliorare il tuo punteggio CLS
- Usa le dimensioni dell’attributo dimensione impostata per qualsiasi supporto (immagini, GIF, ecc.) in modo che il browser dell’utente sappia quanto spazio occuperà e non cambi improvvisamente le dimensioni
- Inserisci tutti gli annunci negli spazi riservati in modo che non vengano visualizzati all’improvviso, provocando lo spostamento dei contenuti
- Evita i popup o i banner che causano lo spostamento del layout dello schermo al primo caricamento del sito
Strumenti per misurare i Core Web Vitals
Esistono numerosi strumenti che puoi utilizzare per misurare i punteggi di Core Web Vitals sul tuo sito per confrontare le sue prestazioni con i benchmark consigliati.
Strumenti di Google
Uno dei modi più semplici è il rapporto Core Web Vitals (all’interno della scheda Esperienza) in Google Search Console . Ti dirà quali URL sono “buoni” (caricamento rapido), quali devono essere migliorati e con un punteggio scarso, sia su dispositivi mobili che desktop. Basta essere consapevoli del fatto che i dati sono un po’ ritardati.
Se fai clic su un URL specifico, quindi fai clic su ” PageSpeed Insights “, vedrai consigli specifici su come migliorare l’esperienza sulla pagina. (Oppure puoi semplicemente andare direttamente su Google PageSpeed Insights.) Alcuni dei consigli saranno relativamente semplici, come l’ottimizzazione delle dimensioni dell’immagine per ridurre il tempo di caricamento. Altri saranno più complessi, richiedendoti di scavare nel codice del tuo sito per ridurre JavaScript inutilizzato o eliminare le risorse di blocco del rendering.
Google Lighthouse è uno strumento di misurazione delle prestazioni delle pagine che è forse più utile per gli sviluppatori web e include controlli che Google PageSpeed Insights non ha.
Google Web.Dev ti consente di inserire qualsiasi URL sul tuo sito e ottenere consigli per migliorare i Core Web Vitals, nonché consigli generali sulle best practice per migliorare l’esperienza utente complessiva.
Da Google Chrome 88 e versioni successive, ora puoi visualizzare i dati di Core Web Vitals nel pannello delle prestazioni di Chrome DevTools . Da Chrome 90 è disponibile uno strumento di sovrapposizione .
Puoi anche utilizzare il rapporto sull’esperienza utente di Chrome (CrUX) .
Core web vitals Estensione di Chrome
Se stai cercando un’estensione di Google Chrome, l’estensione Web Vitals è un modo semplice e veloce per vedere se una pagina soddisfa i benchmark Core Web Vitals forniti da Google. Tieni presente che l’estensione non è uno strumento sviluppato da Google stesso.
Plug-in
A seconda del tuo CMS, potresti avere anche altre opzioni. Ad esempio, se il tuo sito è basato su WordPress, sono disponibili plug-in di terze parti che possono aiutare a migliorare le prestazioni di Core Web Vitals, come WP Rocket , NitroPack o Asset Clean Up .
Lighthouse
Puoi misurare i punteggi CWV di qualsiasi pagina direttamente dal tuo browser Chrome utilizzando Lighthouse DevTool di Google. Basta ispezionare la pagina e fare clic sulla scheda Lighthouse.
In che modo i Core Web Vitals di Google influiranno sulla tua SEO?
L’impatto SEO di Core Web Vitals sarà decisamente impattante in negativo per tutti i siti Web con un’esperienza di pagina scadente. Tuttavia, la maggior parte dei siti Web con una buona esperienza utente non vedrà alcun impatto. Questo perché Google dà ancora priorità ad altri segnali di ranking della ricerca che contano di più, come la qualità del contenuto di una pagina.
Quindi, in termini di priorità di ottimizzazione dei motori di ricerca (SEO) , concentrati prima di tutto sulla creazione di contenuti di alta qualità che siano in linea con l’intento di ricerca e coprano in modo completo l’argomento. Dopo averlo fatto, concentrati sull’ottimizzazione delle pagine per le metriche di Core Web Vitals per un aumento organico ancora maggiore.