Comprendere i principali elementi vitali del Web e le migliori tecniche per migliorarli
Pubblicato: 2022-05-11Nel maggio del 2020, Google ha introdotto un nuovo programma, Web Vitals, un'iniziativa che fornisce indicazioni per segnali di qualità. Google ritiene che queste metriche siano essenziali per offrire un'esperienza utente eccezionale sul Web.
Google ci ha fornito diversi strumenti nel corso degli anni (Google Analytics, Search Console e PageSpeed Insights sono solo alcuni di quelli popolari), e questi possono spesso essere una sfida con cui stare al passo mentre si evolvono.
Tuttavia, non dovresti essere un mago delle prestazioni per comprendere la qualità dell'esperienza utente offerta dal tuo sito web. Web Vitals mira a semplificare questo, aiutandoci a concentrarci sulle metriche che contano di più: i Core Web Vitals.
Quali sono i principali Web Vital?
I Core Web Vitals sono il sottoinsieme dei Web Vitals che si applicano a tutte le pagine Web. Ciascuno dei Core Web Vitals riflette un'esperienza del mondo reale e rappresenta un aspetto distinto dell'esperienza dell'utente. Google consiglia di misurare queste metriche da parte di tutti i proprietari di siti.
Le metriche che compongono Core Web Vitals si evolveranno nel tempo, ma al momento della stesura di questo articolo, l'insieme di metriche si concentra su tre aspetti principali dell'esperienza utente:
- Caricamento in corso
- Interattività
- Stabilità visiva
Qual è il più grande contenuto di pittura (LCP)?
Il più grande Contentful Paint, o LCP, misura le prestazioni di caricamento, il primo aspetto dell'esperienza dell'utente. Segna il punto nella sequenza temporale di caricamento in cui è probabile che il contenuto principale della pagina abbia terminato il caricamento. Più veloce è il tuo Largest Contentful Paint, più rassicurante per Google che gli utenti troveranno utile la pagina.
Affinché la tua pagina Web fornisca una buona esperienza utente, l'LCP dovrebbe verificarsi entro 2,5 secondi dal primo caricamento della pagina.
Per enfatizzare l'importanza di rispettare le linee guida di Contentful Paint più grandi, gli utenti trascorreranno più tempo su un sito Web quando le pagine si caricano più velocemente. In effetti, gli utenti visitano 8,9 pagine quando il tempo di caricamento è di due secondi (che soddisfa la raccomandazione di 2,5 secondi di LCP), rispetto alle sole 3,3 pagine quando il tempo di caricamento è di otto secondi.
Che cos'è il primo ritardo di ingresso (FID)?
First Input Delay, o FID, misura l'interattività, il secondo aspetto dell'esperienza dell'utente. Quantifica l'esperienza che gli utenti provano quando cercano di interagire con pagine che non rispondono.
FID misura il tempo da quando un utente interagisce per la prima volta con la tua pagina (ad esempio facendo clic su un collegamento o toccando un pulsante) al momento in cui il browser inizia a elaborare i gestori di eventi in risposta all'azione dell'utente.
Per fornire una buona esperienza utente, il primo ritardo di input delle tue pagine dovrebbe essere di 100 millisecondi o meno. Un FID basso aiuta a garantire che la tua pagina sia utilizzabile.
Che cos'è lo spostamento cumulativo del layout (CLS)?
Cumulative Layout Shift, o CLS, misura la stabilità visiva, il terzo aspetto dell'esperienza utente. Aiuta a quantificare la frequenza con cui un utente sperimenta un cambio di layout imprevisto. Un CLS basso aiuta a garantire che la pagina non sia goffa.
Per fornire una buona esperienza utente, le pagine devono mantenere uno spostamento cumulativo del layout di 0,1 o meno. È un punteggio piuttosto che una misurazione del tempo come LCP e FID.
Il punteggio LCS viene calcolato facendo in modo che il browser guardi le dimensioni della finestra e il movimento degli elementi instabili nella finestra tra due fotogrammi renderizzati.
Come migliorare i vitali web principali
L'ottimizzazione per un'esperienza utente di qualità è la chiave del successo del tuo sito web e Google ritiene che i Core Web Vitals siano fondamentali per tutte le esperienze web. Pertanto, è importante identificare le opportunità per migliorare l'esperienza dell'utente su quante più pagine possibile.

Per assicurarti di raggiungere il target consigliato per gli utenti del tuo sito web, una buona soglia per misurare le metriche LCP, FID e CLS è il 75° percentile dei caricamenti delle pagine. Per ritenere il tuo sito web conforme a Core Web Vitals, considera il passaggio di una pagina se soddisfa gli obiettivi consigliati al 75° percentile per queste metriche.
Ecco alcuni modi per migliorare le tue metriche web vitals di base e assicurarti che il tuo sito web offra un'esperienza utente eccezionale.
Migliora la velocità di caricamento della pagina
A questo punto, è ovvio che quando una pagina Web si carica rapidamente, migliora l'esperienza dell'utente. Tra due e tre secondi è il punto di svolta in cui le frequenze di rimbalzo salgono alle stelle. Il 40% dei consumatori non attenderà più di tre secondi prima di decidere di lasciare il tuo sito.
Usa PageSpeed Insights per ottenere un punteggio per qualsiasi pagina web che inserisci e sfrutta i suggerimenti dello strumento per lavorare per velocizzare il caricamento delle tue pagine. È probabile che ci siano casi in cui i tempi di caricamento non soddisfano le linee guida di Core Web Vitals, ed è qui che potresti dover guardare video, immagini o altri problemi che potenzialmente causano un caricamento lento.
Ottimizza la pittura più ricca di contenuti
Poiché il Largest Contentful Paint (LCP) ha un peso significativo nel punteggio complessivo di Core Web Vitals, è consigliabile ottimizzare per questa metrica. Poiché i tempi di caricamento delle risorse sono un fattore comune per i punteggi LCP scadenti, ecco alcune cose che Google consiglia:
- Ottimizza e comprimi le immagini
- Precarica risorse importanti
- Comprimi file di testo
- Usa il servizio adattivo
- Archivia le risorse nella cache utilizzando un addetto ai servizi
Riduci le tue frequenze di rimbalzo
Le frequenze di rimbalzo illustrano la velocità con cui gli utenti abbandonano il tuo sito Web e desideri che questa percentuale sia la più bassa possibile.
Google Analytics, ad esempio, ti mostra la frequenza di rimbalzo per qualsiasi pagina del tuo sito web che è stata visitata. Questo può aiutarti a identificare problemi, ad esempio se una pagina non è reattiva o non si carica correttamente sui dispositivi mobili.
Una frequenza di rimbalzo elevata può anche indicare che gli utenti non trovano ciò di cui hanno bisogno, il che potrebbe segnalare a Google che la pagina non è pertinente alla query per cui appare nei risultati di ricerca. Elevate frequenze di rimbalzo possono anche indicare una cattiva esperienza utente da annunci interstitial, popup e altri elementi intrusivi.
Elimina i cambiamenti di layout imprevisti
Quando il testo o un pulsante si sposta improvvisamente in un'altra posizione della pagina (spesso a causa di problemi di caricamento), si parla di spostamento imprevisto del layout. Può essere frustrante per gli utenti, facendoli disorientare o facendo clic sulla cosa sbagliata.
Per evitare o eliminare cambiamenti di layout imprevisti, procedere come segue:
- Evita di inserire contenuto al di sopra del contenuto esistente
- Assicurati che le transizioni siano animate per contesto e continuità
- Includi attributi di dimensione su immagini e video
Vuoi padroneggiare le discipline essenziali nel marketing digitale? Dai un'occhiata al corso Specialista in marketing digitale ora.
Stai cercando di sbloccare i vantaggi di SEO e Core Web Vitals?
SEO e Core Web Vitals di Google sono essenziali per qualsiasi strategia di marketing digitale. Il nostro corso di formazione sull'ottimizzazione dei motori di ricerca (SEO) ti trasformerà in un professionista SEO a tutto tondo, guidando una crescita sostenuta nel canale di marketing più critico del tuo sito web. Nel corso, imparerai i molti aspetti della SEO come la ricerca di parole chiave, la SEO tecnica, la creazione di link, l'analisi e molto altro.
Se sei interessato a diventare un marketer digitale completo con competenze oltre alla SEO, dai un'occhiata al nostro programma post-laurea in marketing digitale. In questo programma completo, fornito in collaborazione con la Purdue University e co-creato con Facebook, imparerai tutto ciò che devi sapere per diventare un professionista del marketing digitale di successo attraverso progetti pratici, istruzioni online dal vivo, masterclass della facoltà di Purdue ed esperti su Facebook, casi di studio di Harvard Business Publishing e molto altro!