Sei consigli per migliorare i tuoi Core Web Vitals

Il tuo sito è stato influenzato dall’ultimo grande aggiornamento dell’algoritmo di Google? Ecco sei modi per ottimizzare i tuoi Core Web Vitals migliorando la velocità del sito e user experience.

Come abbiamo spiegato in un precedente post sul blog, i Core Web Vitals sono stati creati da Google lo scorso anno per misurare gli aspetti chiave dell’esperienza della pagina. Nel giugno 2021 Google ha iniziato a introdurli come fattore di ranking della ricerca, implementando completamente le modifiche entro la fine di agosto. Quindi ora è il momento di controllare i tuoi Core Web Vitals e assicurarti che il tuo sito non venga penalizzato.

Indice

• Quindi cosa sono esattamente i Core Web Vitals?
• Sei consigli per migliorare i tuoi Core Web Vitals
• Bisogno di aiuto?

Quindi cosa sono esattamente i Core Web Vitals?

Le metriche che compongono Core Web Vitals si evolveranno nel tempo, ma inizialmente si concentrano su tre aree: Interaction to Next Paint (INP), Largest Contentful Paint (LCP) e Cumulative Layout Shift (CLS). Diamo un’occhiata più da vicino a ciascuno.

Interaction to Next Paint (INP)

• Largest Contentful Paint (LCP) quantifica la velocità di caricamento di un sito web. Nello specifico, misura quanto tempo impiega il blocco principale di contenuto di una pagina, spesso un’immagine o un video, a caricarsi. Questo misura le prestazioni di caricamento. Per fornire una buona esperienza utente, LCP dovrebbe verificarsi entro 2,5 secondi dall’inizio del caricamento della pagina.
• Cumulative Layout Shift (CLS) è una misura della stabilità visiva. Quantifica la quantità di cambiamenti di layout imprevisti che si verificano durante il caricamento della pagina Web (ad es. testo che si sposta su e giù nella pagina o un collegamento che cambia posizione mentre l’utente sta cercando di fare clic su di esso). In un intervallo che va da 0 (nessun turno) a 1 (massimo spostamento), secondo Google un sito fornisce una buona esperienza utente se il suo CLS è inferiore a 0,1.
• Interaction to Next Paint (INP) misura l’interattività del sito web. A differenza del deprecata FID che misurava l’interazione di un utente con la prima pagina, INP considera tutte le interazioni della pagina. Si va da 200 millisecondi a 500 millisecondi; valori più bassi indicano una buona interattività.

Oltre a questi Core Web Vitals, ci sono anche tre metriche non fondamentali che influenzano il modo in cui Google misura l’esperienza della pagina. Questi sono:

• First Contentful Paint: quanto tempo ci vuole per rendere il primo bit di contenuto sulla pagina?
• Speed Index: la velocità con cui il contenuto viene visualizzato visivamente durante il caricamento
• Time to interactive: quanto tempo impiega un sito per essere completamente interattivo per i visitatori (cioè in modo che possano fare clic sui collegamenti, ecc.)

Sei consigli per migliorare i tuoi Core Web Vitals?

Poiché Core Web Vitals è stato recentemente incorporato nelle classifiche di ricerca, è importante verificare le prestazioni del tuo sito web. Puoi farlo utilizzando Search Console o Page Insights di Google o tramite un controllo gratuito Core Web Vitals come questo di Clickio.

Se ritieni che il tuo sito non sia conforme a Core Web Vitals, ecco sei suggerimenti utili per aiutarti a migliorare il tuo punteggio.

1. Ottimizza le tue immagini

Per molti siti, è probabile che la parte più ricca di contenuti sia un’immagine, forse un grande carosello o un’immagine nella parte superiore della pagina. Prima di tutto, considera se hai davvero bisogno dell’immagine: cosa aggiunge? Se lo fai, pensa a comprimerlo, convertirlo in un formato più recente (come JPEG 2000, JPEG XR o WebP) o renderlo reattivo.

2. Implementa il caricamento lento

Non è nemmeno necessario caricare subito tutte le immagini. Implementa il caricamento lento in modo che le tue immagini vengano visualizzate solo nel momento in cui un utente scorre fino a quell’area della pagina. Ridurrà la velocità di caricamento e aumenterà il tuo punteggio LCP. Inoltre, è probabile che i tuoi visitatori rimangano sulla pagina e diminuiscono la frequenza di rimbalzo.

3. Ottimizza i tuoi caratteri

I caratteri possono avere un impatto molto maggiore sui tempi di caricamento di un sito di quanto ci si potrebbe aspettare. Per impostazione predefinita, un browser non eseguirà immediatamente il rendering di un elemento di testo se i suoi caratteri Web associati non sono ancora stati caricati e se si utilizza un carattere di riserva, ciò può causare spostamenti del layout quando il carattere Web viene caricato. Quindi prova a limitare i caratteri solo a quelli di cui hai effettivamente bisogno e usa un comando di precaricamento in modo che il carattere inizi a caricarsi prima.

4. Controlla i tuoi script di terze parti

Forse non sono i tuoi contenuti a rallentare il tuo sito. Se stai eseguendo script di terze parti per annunci, analytics trackers, pulsanti per social media o plug-in, pensa se ti servono davvero tutti. E’ possibile che ci sia qualche duplicazione, opzioni alternative o che lo script possa essere ottimizzato al meglio?

5. Utilizzare una rete di distribuzione di contenuti

La velocità è fondamentale con Core Web Vitals e, se hai un pubblico globale, spesso può volerci un po’ di tempo prima che i tuoi contenuti li raggiungano. L’utilizzo di una rete di distribuzione dei contenuti globale, come Cloudflare, significa che puoi memorizzare nella cache i tuoi contenuti su server proxy in tutto il mondo e consegnarli rapidamente ai tuoi visitatori, ovunque si trovino.

6. Riserva spazio in cui caricare gli annunci

Hai mai provato a fare clic su un collegamento a un articolo solo per scoprire che la pagina si è improvvisamente spostata e hai finito per fare clic su un banner pubblicitario? È una delle principali e comuni cause di frustrazione per gli utenti del sito Web, motivo per cui lo Cumulative layout shift è uno dei principali Core Web Vitals.

Interrompi lo spostamento aggiungendo la larghezza e l’altezza dell’area annuncio. 

In questo modo, il browser lascerà spazio per l’immagine fino al caricamento, eliminando i scatti sulla pagina. Ricorda che gli annunci più piccoli potrebbero essere caricati all’interno dello spazio, quindi assicurati di adattarlo di conseguenza e utilizza layout di annunci adattivi per assicurarti di essere conforme alle dimensioni dello schermo e alla velocità di connessione di ciascun utente.

Bisogno di aiuto?

In Clickio, monitoriamo continuamente i Core Web Vitals di oltre 500 editori in tutto il mondo che utilizzano la nostra piattaforma pubblicitaria avanzata basata sull’intelligenza artificiale. Con HTML/CSS leggero, caricamento lento intelligente e memorizzazione nella cache dell’intero sito tramite un CDN globale, la nostra tecnologia Prism di facile implementazione ottimizza automaticamente il tuo sito per prestazioni più veloci e una migliore esperienza utente.

Per scoprire come Prism potrebbe aiutarti a migliorare i tuoi Core Web Vitals, fai clic qui.