Che cos'è Core Web Vitals e come migliorarli? [2020]

Secondo Google, l'esperienza utente è uno dei numerosi (circa 200) fattori di ranking che utilizzano per classificare i siti Web nella pagina dei risultati di ricerca.

Quindi, l'ottimizzazione per una migliore esperienza utente aiuta un sito Web a raggiungere il successo a lungo termine su Internet. Le metriche di base del web vitals ti aiutano a misurare l'esperienza dell'utente sul tuo sito web e ti danno l'opportunità di migliorarla.

Quindi, capiamo di cosa si tratta e come puoi migliorare il tuo punteggio e dare un vantaggio al tuo sito web rispetto ad altri.

Quali sono i principali Web Vital?

I core web vitals sono un insieme di fattori specifici che sono essenziali per fornire un'esperienza utente di qualità sul web. È composto da tre misurazioni principali della velocità della pagina e dell'interazione dell'utente: la pittura più ricca di contenuti, il ritardo del primo input e lo spostamento cumulativo del layout.

In altre parole, i Core Web Vitals sono il sottoinsieme dei Web Vital utilizzati dai proprietari dei siti e da tutti gli strumenti di Google per misurare l'esperienza utente.

Esistono molti altri elementi vitali per il Web come Mobile friendly, navigazione sicura, HTTPS, nessun interstitial intrusivo, ecc. Che misurano l'esperienza dell'utente su un sito Web. Ma è molto difficile per alcuni utenti tenere traccia di tutte le metriche di utilizzo alla volta. Ecco perché Google ha introdotto il concetto di base di web vitals in cui si concentra solo sul caricamento delle metriche chiave, sull'interattività e sulla stabilità visiva .

Puoi tenere traccia dei dati vitali web principali del tuo sito Web nella sezione "miglioramenti" del tuo account della console di ricerca. Puoi vedere l'elenco delle pagine in cui l'esperienza utente non è così buona e suggerisce anche come migliorarla.

Perché i core web vitals sono importanti per la SEO?

Quest'anno Google ha annunciato nel blog centrale di ricerca sul segnale dell'esperienza della pagina.

In precedenza Google considerava diversi segnali di esperienza della pagina per il ranking, tra cui:

• HTTPS
• Mobile-friendly
• Mancanza di pop-up interstitial
• "Navigazione sicura" (in pratica, non avere malware sulla tua pagina)

Ma ora hanno aggiunto i principali elementi vitali del web. Ha un ruolo importante in esso. Una buona esperienza di pagina non sostituisce i contenuti pertinenti. Ma ti dà un vantaggio competitivo rispetto alla pagina con un'esperienza di pagina bassa.

Se la qualità del contenuto dei due siti Web è la stessa, Google utilizza il segnale dell'esperienza della pagina per scegliere il vincitore. Ecco perché devi lavorare sugli elementi vitali web principali del tuo sito web.

Ma non preoccuparti, hai il tempo di risolvere questo problema fino al prossimo anno 2021. Ma Google utilizza anche il punteggio delle prestazioni passate per la classifica. Ecco perché devi iniziare a lavorarci.

In questo articolo, ti guiderò su come migliorare il tuo punteggio di dati vitali web principali.

La più grande vernice contenta (LCP)

LCP misura le prestazioni di caricamento di un sito web. Significa quanto tempo impiega il sito Web per caricare completamente la pagina.

Conta il tempo necessario per caricare la prima sezione visibile del sito. Ecco perché puoi dare la priorità alle tue risorse e caricare prima il contenuto essenziale.

Secondo Google, LCP non supera i 2,5 secondi all'inizio del caricamento della pagina.

LCP è diverso da altre metriche come Time To First Byte (TTFY) e First contentful paint in quanto misura le prestazioni del mondo reale dal report Chrome UX.

Si concentra sul tempo necessario per caricare la pagina per vedere l'utente effettivo e iniziare a interagire con la pagina web.

Puoi controllare il tuo punteggio LCP nelle informazioni sulla velocità della pagina di Google. Mostra i dati controllando l'intero sito Web e mostra l'elenco degli URL in cui è necessario apportare miglioramenti.

Puoi vedere il punteggio mobile del mio sito Web che è di circa 60 e questo può essere migliorato se lavoro sul design del mio sito Web mobile. Sul desktop, il punteggio del mio sito Web è superiore a 90, ma sul dispositivo mobile è solo 60 a causa della grande vernice ricca di contenuti.

Ma non fare affidamento su questo punteggio completamente poiché cambia nel tempo e talvolta ti chiede di rimuovere plug-in o script essenziali per migliorare le prestazioni.

Puoi anche visualizzare un avviso su Pittura di contenuto di grandi dimensioni nella console di ricerca di Google . (GSC)

LCP è inoltre ulteriormente suddiviso in tre categorie.

1. Bene
2. Ha bisogno di miglioramento
3. Povero.

Se il tuo LCP è inferiore a 2,5 secondi , questo è considerato buono, un punteggio compreso tra 2,5 secondi e 4 secondi è considerato Miglioramento e un punteggio superiore a 4 secondi è considerato scarso.

Puoi anche notare che ottenere un LCP inferiore a 2,5 su dispositivi mobili è molto difficile. Cerca sempre di mantenerlo al di sotto dei 4 secondi.

Passaggi per migliorare il punteggio LCP:

Imposta il caricamento lento

considera l'utilizzo di Lazy Loading sul tuo sito web. Se stai utilizzando WordPress 5.4 o versioni successive, il caricamento lento è abilitato per impostazione predefinita sulle immagini. Dovresti concentrarti sul caricamento lento dei video poiché rallenta le pagine.

Rimuovere eventuali script di terze parti non necessari:

Assicurati di utilizzare solo lo script necessario e di rimuovere tutti gli script di terze parti dal tuo sito web. Assicurati di ridurre il blocco del thread principale a circa 150-160 ms.

Aggiorna l'hosting web:

Prova a utilizzare un web hosting migliore e più affidabile in base alle dimensioni del tuo sito web. Svolge un ruolo molto importante nella velocità di caricamento del sito web.

Se non sai come scegliere il miglior web hosting, allora dovresti consultare la Guida Diversi tipi di web hosting con guida all'acquisto .

Rimuovi elementi di pagina di grandi dimensioni:

Lo strumento di analisi della velocità della pagina ti mostra gli elementi della pagina di grandi dimensioni che puoi rimuovere per migliorare il tuo punteggio.

Minimizza CSS

Gli elementi CSS di grandi dimensioni influiscono sul punteggio LCP di un sito web. Ecco perché dovresti minimizzare il tuo codice CSS per migliorare LCP.

Ritardo primo ingresso (FID)

Il primo ritardo di input misura il tempo impiegato dall'utente per interagire con la tua pagina. Ciò significa il tempo impiegato da un browser Web per elaborare la tua pagina Web e l'utente sarà in grado di interagire con la pagina come fare clic su un collegamento, scorrere la pagina o inserire i dettagli di accesso , ecc.

Il motivo principale del ritardo nell'interazione dell'utente sono le principali attività di script di blocco dei thread .

È molto importante mantenere basso il tempo FID poiché influisce direttamente sull'esperienza dell'utente sul tuo sito web. Google ha impostato il punteggio FID accettabile come inferiore a 100 MS .

Per siti web come Blog o articoli , FID non conta di più in quanto l'interazione che avviene è lo scorrimento della pagina o Zoom avanti o indietro, iscriversi a una newsletter via e-mail.

Ma per il sito Web in cui è richiesto l'accesso o la registrazione, il FID svolge un ruolo importante in esso. Perché gli utenti devono digitare i dettagli di accesso nel modulo e quando il sito Web impiega molto tempo per accettare i dettagli, creerà un'esperienza utente molto negativa.

FID è importante anche per siti Web come i siti Web di e- commerce in cui gli utenti devono aggiungere il prodotto al carrello e accedere all'account utente. Ecco perché è necessario lavorare per ridurre al minimo il First Input Delay (FID).

Passaggi per migliorare il punteggio FID:

Rimuovere gli script di terze parti non necessari:

Puoi migliorare il tuo punteggio FID rimuovendo gli script non necessari (come Google Analytics, mappe di calore, Onesignal, ecc.)

Rinvia JavaScript:

Se il tuo sito Web sta caricando javascript all'inizio del caricamento della pagina, è difficile per gli utenti interagire rapidamente. Ecco perché puoi abilitare Defer javascript usando plugin di cache come WP-Rocket, Litespeed cache, ecc.

Caricherà i file javascript che non sono necessari all'inizio del caricamento della pagina. Migliorerà significativamente la velocità complessiva del tuo sito web.

Abilita cache del browser:

Abilitando la cache del browser risparmierai molte risorse del server e il tuo sito Web non richiederà tutti i file per i vecchi visitatori. Il browser caricherà alcuni file di base dal file della cache e migliorerà il tuo punteggio FID.

Abilita la compressione Gzip

Puoi ridurre le dimensioni del tuo file HTML e CSS fino all'80 percento abilitando la compressione Gzip. Puoi farlo tramite Cloudflare CDN o dalla dashboard del tuo hosting web.

Spostamento cumulativo del layout (CLS)

Il cambio di layout cumulativo si concentra sulla stabilità visiva complessiva del tuo sito web. Questo di solito accade a causa della manipolazione del DOM o della mancanza di attributi di dimensione per i principali elementi multimediali.

Secondo Google CLS dovrebbe essere inferiore a 0,1 . Puoi capire meglio come si verificano cambiamenti di layout cumulativi nel sito Web nella grafica seguente.

Passaggi per migliorare il punteggio CLS

Usa le dimensioni degli attributi di dimensione impostati per i file multimediali (video, immagini, GIF, infografiche, ecc.):

È possibile definire una dimensione specifica del supporto in modo che il browser dell'utente sappia quanto spazio occuperà quell'elemento. In modo che non cambi dopo che la pagina è stata completamente caricata.

Spazio riservato per il posizionamento degli annunci

Se stai utilizzando annunci automatici su Adsense, i tuoi annunci vengono visualizzati in modo casuale e talvolta spinge il contenuto seguente per mostrare gli annunci. Ecco perché è necessario riservare uno spazio specifico per il posizionamento degli annunci sul sito web.

Aggiungi nuovi elementi dell'interfaccia utente sotto la pagina web:

Se stai utilizzando alcuni elementi dell'interfaccia utente come i popup, puoi mostrarli nella parte inferiore del tuo sito web. In questo modo, non ridurrà il contenuto e migliorerà il tuo punteggio CLS.

Conclusione

I principali elementi vitali del Web sono alcuni dei migliori segnali di esperienza utente che gli sviluppatori e i proprietari di siti Web hanno oggi. Se segui correttamente le linee guida di cui sopra, puoi facilmente migliorare la tua velocità generale e migliorare il tuo punteggio web vitals di base.

Ora è il tuo turno.

Quale metodo proverai per primo, fammi sapere nella sezione commenti?

Se ti piace questo articolo, condividilo con la tua comunità di blog sui social media.