{"id":25921,"date":"2021-03-24T14:28:57","date_gmt":"2021-03-24T13:28:57","guid":{"rendered":"https:\/\/www.genesi.it\/blog\/?p=25921"},"modified":"2021-03-24T14:29:40","modified_gmt":"2021-03-24T13:29:40","slug":"core-web-vitals","status":"publish","type":"post","link":"https:\/\/www.genesi.it\/blog\/core-web-vitals\/","title":{"rendered":"Core Web Vitals: cosa sono e perch\u00e9 sono importanti"},"content":{"rendered":"

Oggi, soprattutto in vista del Mobile First Index, \u00e8 sempre pi\u00f9 importante affrontare il tema dei Core Web Vitals<\/strong>. Vale a dire una manciata di fattori che determinano l’usabilit\u00e0 della pagina web agli occhi degli utenti. E che Google valuta con attenzione inserendoli nei parametri da monitorare al posizionamento.<\/p>\n

Proprio cos\u00ec, il ranking nelle pagine dei risultati<\/strong> dipende anche da questo: velocit\u00e0 di caricamento, questo \u00e8 chiaro. Ma oggi il proprietario di un sito web deve puntare anche su aspetti differenti come la stabilit\u00e0 del layout nel momento in cui la pagina si carica e la reazione dei vari elementi dopo l’attivit\u00e0 dell’utente.<\/p>\n

Soprattutto in un web sempre pi\u00f9 mobile, in cui il sito web deve affrontare le sfide di una navigazione<\/strong> spesso appoggiata a connessioni instabili. Approfondire il tema dei Core Web Vitals \u00e8 indispensabile, ecco cosa devi sapere.<\/p>\n

Cosa sono i Core Web Vitals<\/h2>\n

I Core Web Vitals sono dei segnali particolarmente importanti per l’usabilit\u00e0 di una pagina web<\/strong>. Rientrano nella categoria pi\u00f9 ampia dei Web Vitals che Google riassume in un’infografica nella quale puoi trovare tutti i punti in esame.<\/p>\n

\"core

I segnali fondamentali Web Vitals.<\/p><\/div>\n

Come puoi ben vedere, diversi sono i segnali che contribuiscono al ranking SEO di un sito web<\/strong> e che riguardano l’esperienza di navigazione. Qualche esempio?<\/p>\n

Devi osservare la sicurezza della navigazione<\/strong> anche con l’aggiunta del certificato SSL, devi anche eliminare le pubblicit\u00e0 invasive. Poi abbiamo i Core Web Vitals che si riassumono in tre metriche fondamentali. Vale a dire? Di cosa parliamo?<\/p>

 <\/p>\n

\"\"<\/a>
\nScarica GRATIS la nostra Guida SEO<\/a>
\n<\/span><\/div>\n

 <\/p>\n<\/div>\n

Da leggere: perch\u00e9 realizzare un sito web veloce?<\/a><\/strong><\/p>\n

Largest Contentful Paint (LCP)<\/h3>\n

Questa metrica misura le prestazioni di caricamento rispetto alla velocit\u00e0. Ma non in assoluto, si riferisce ai tempi di upload necessari per l’elemento pi\u00f9 pesante della prima sezione di una pagina web. Vale a dire quella che appare nel momento in cui si carica una risorsa<\/strong>. Quali sono i parametri da rispettare in questi casi?<\/p>\n

Per dare una buona esperienza all’utente del tuo sito web, il valore LCP<\/strong> dovrebbe rimanere entro i 2,5 secondi dall’inizio del caricamento della pagina stessa.<\/p>\n

First Input Delay (FID)<\/h3>\n

Questa \u00e8 una delle metriche che abbiamo imparato a conoscere soprattutto con l’arrivo dei Core Web Vitals<\/strong>. Il suo compito \u00e8 quello di misura l’interattivit\u00e0.<\/p>\n

Il FID indica il ritardo che presenta il primo elemento che chiama in causa l’attivit\u00e0<\/strong> dell’utente. In questi casi parliamo, ad esempio di link o pulsanti call to action: come rispondono quando l’utente li clicca? Per fornire una buona esperienza, le pagine dovrebbero avere un FID inferiore a 100 millisecondi.<\/p>\n

Cumulative Layout Shift (CLS)<\/h3>\n

Un parametro molto interessante che misura la stabilit\u00e0 visiva di una pagina web. Capita, a volte, di ritrovarsi di fronte a elementi che una volta terminato il caricamento<\/strong> della risorsa generale si spostano. Confondendo non poco l’utente.<\/p>\n

Questo non \u00e8 un bene, ecco perch\u00e9 Google ricorda che per fornire una buona esperienza<\/strong> al pubblico le pagine dovrebbero mantenere un CLS inferiore a 0,1.<\/p>\n

Perch\u00e9 sono importanti i Core Web VItals?<\/h2>\n

Perch\u00e9 sono fondamentali per dare una buona esperienza agli utenti. Unos tudio di Google ha scoperto un aspetto fondamentale per i proprietari di siti web:<\/p>\n

\n

“When a site meets the recommended thresholds for the Core Web Vitals metrics, users are at least 24% less likely to abandon a page before it finishes loading” – <\/em>wpostats.com.<\/a><\/p>\n<\/blockquote>\n

La sintesi \u00e8 chiara: gli utenti hanno almeno il 24% di probabilit\u00e0 in meno di abbandonare una pagina prima che termini il caricamento. Questo, ovviamente, quando un sito web soddisfa i parametri Core Web Vitals<\/strong> consigliati.<\/p>\n

Come monitorare questi parametri<\/h2>\n

L’importanza dei Core Web Vitals \u00e8 stata comunicata nel novembre 2020<\/strong>. Oggi \u00e8 diventato ormai fondamentale avere una coscienza chiara dell’ottimizzazione dei parametri che fanno riferimento a tempi di upload dell’elemento pi\u00f9 importante.<\/p>\n

Ma anche al ritardo del primo input<\/strong> utente e spostamento dei vari elementi di layout dopo il caricamento. Quali sono i nomi da ricordare in questi casi?<\/p>\n

    \n
  • Pagespeed Insight.<\/li>\n
  • Search Console.<\/li>\n<\/ul>\n

    La dinamica \u00e8 chiara. Attraverso la Search Console puoi avere una valutazione generale del sito web grazie al report specifico che d\u00e0 una visione d’insieme dell’andamento. Se ci sono problemi o se vuoi valutare la singola esperienza utente<\/strong> della risorsa in questione puoi usare Pagespeed Insight.<\/p>\n

    \"pagespeed

    I risultati del Pagespeed Insight.<\/p><\/div>\n

    Come puoi vedere anche dall’immagine, la prima sezione dei risultati ottenuti con il Pagespeed Insight<\/strong> indicano proprio i tre parametri relativi al Core Web Vitals, insieme ad altri numeri altrettanto importanti come l’indice di velocit\u00e0. Per un ulteriore confronto puoi usare un altro tool molto utile come Gtmetrix.<\/p>\n

    Il motivo per ottimizzare i Core Web Vitals<\/h2>\n

    Questo \u00e8 un passaggio fondamentale da affrontare. Realizzare un sito web<\/a> in grado di rispettare i Core Web Vitals, ottimizzando caricamento della pagina e layout responsive per il mobile, non \u00e8 un passaggio necessario<\/strong> per Google.<\/p>\n