Cosa dovresti sapere sui vitali web principali di Google

Pubblicato: 2021-05-08

Hai sentito parlare dei nuovi Core Web Vitals di Google? In aggiunta ai quattro segnali di Page Experience esistenti, i Core Web Vitals sono fondamentali per la migliore esperienza utente possibile (caricamento, interattività e stabilità visiva). Google inizierà gradualmente a implementare queste metriche a metà giugno e svolgeranno un ruolo completo nelle determinazioni del ranking entro la fine di agosto. In questo blog, daremo uno sguardo più da vicino a ciascuno dei Core Web Vitals, all'impatto che avranno sul tuo sito Web, agli strumenti per migliorarli e altro ancora.

Quali sono i principali Web Vital di Google?

I Core Web Vitals valutano l'esperienza dell'utente (su desktop e dispositivi mobili) in termini di velocità e velocità con cui i visitatori possono interagire con una pagina. Ogni Core Web Vital "rappresenta un aspetto distinto dell'esperienza dell'utente, è misurabile sul campo e riflette l'esperienza del mondo reale di un risultato critico incentrato sull'utente".

Invece di concentrarsi esclusivamente sugli elementi di testo, Core Web Vitals valuta la qualità dell'esperienza utente complessiva (UX) all'interno di una pagina. Ci sono tre Core Web Vital:

  1. La più grande vernice contenta (LCP)
  2. Ritardo primo ingresso (FID)
  3. Spostamento cumulativo del layout (CLS)

LCP valuta le prestazioni e il carico, la reattività e l'interattività del FID e la stabilità visiva del CLS. I Core Web Vitals costituiscono la parte più grande del punteggio di esperienza della tua pagina Google, che include anche i seguenti segnali di ricerca esistenti:

  1. Adatto ai dispositivi mobili
  2. Navigazione sicura
  3. HTTPS
  4. Nessun interstitial invadente

Daremo un'occhiata più da vicino al punteggio dell'esperienza della pagina più avanti in questo blog. Iniziamo scavando nei dettagli di ogni Core Web Vital.

Core Web Vital #1 :: Il più grande contenuto di pittura (LCP)

Largest Contentful Paint (LCP) misura la velocità di caricamento dell'elemento di contenuto più grande su una pagina. Questo è in genere un grande pezzo di testo, immagine o video a livello di blocco. Invece di valutare il tempo di caricamento dell'intera pagina, LCP esamina quanto tempo impiega una pagina per caricarsi dal punto di vista dell'utente, che è la metrica di velocità della pagina più importante di tutte.

Un buon LCP è inferiore a 2,5 secondi, il che significa che l'elemento più grande viene visualizzato entro 2,5 secondi dall'inizio del caricamento della pagina. L'ottimizzazione dell'LCP è importante perché è stato dimostrato che tempi di caricamento più lunghi hanno un grave effetto negativo sulle frequenze di rimbalzo. Per migliorare il tuo tempo LCP, considera:

  • Rimozione di elementi di pagina di grandi dimensioni
  • Aggiornamento del tuo host web
  • Implementazione del caricamento lento
  • Rimozione di script di terze parti non necessari

Core Web Vital #2 :: First Input Delay (FID)

First Input Delay (FID) misura la quantità di tempo da quando un utente interagisce per la prima volta con una pagina alla risposta del browser a tale interazione. Le interazioni dell'utente includono (ma non sono limitate a) quanto segue:

  • Selezione di un menu o di un'opzione di navigazione
  • Facendo clic su un collegamento o un pulsante
  • Inserimento di testo in un campo
  • Apertura di un menu a fisarmonica sul cellulare

FID va oltre il tuo punteggio PageSpeed ​​perché misura il tempo impiegato da un utente per completare un'azione specifica. Ciò significa che richiede dati sul campo da utenti in tempo reale e non può essere generato tramite simulazioni di laboratorio.

Un buon FID non dovrebbe superare i 100 millisecondi per fornire un'esperienza utente eccezionale sul Web. Per migliorare il tuo tempo FID, considera:

  • Utilizzo di una cache del browser
  • Rimozione di script di terze parti non critici
  • Rimandare (o minimizzare) JavaScript

Core Web Vital #3 :: Layout a turni cumulativi (CSL)

Cumulative Shift Layout (CSL) calcola il numero totale di spostamenti di layout che si verificano durante il caricamento di un'intera pagina. In altre parole, determina la velocità con cui una pagina è visivamente stabile durante il processo di caricamento. La stabilità della pagina durante il caricamento aiuta a garantire che i visitatori non facciano clic su qualcosa per errore o debbano imparare di nuovo dove si trovano link, pulsanti e campi.

Un buon CSL è qualcosa di meno di 0.1. Il tuo punteggio può arrivare fino a 0 e aumenta ogni volta che si verificano i layout dei turni. In altre parole, un punteggio più alto significa che gli elementi saltano molto durante il caricamento della pagina. Non esiste un punteggio massimo, ma i Core Web Vitals ottengono un punteggio di 0,25 o superiore come "Scarso". Per migliorare il tuo punteggio CSL, considera:

  • Aggiunta di ulteriori elementi dell'interfaccia utente below the fold
  • Garantire che gli elementi dell'annuncio dispongano di spazio riservato
  • Definizione delle dimensioni degli attributi di dimensione per i media

In che modo i principali elementi vitali del Web si adattano ai fattori di ranking di Google?

I Core Web Vitals sono un nuovo componente cruciale di un set di metriche noto come segnali di Page Experience. Questi valutano l'esperienza web complessiva dell'utente di una pagina considerando gli elementi non testuali più importanti. In altre parole, considerano come gli utenti percepiscono le loro interazioni con una pagina e quanto sia utile quella pagina per soddisfare la loro query. Esamineremo di seguito i quattro segnali di Page Experience esistenti.

1. Mobile friendly

Questo valuta la facilità di navigazione dei siti Web sui dispositivi mobili. Ciò include l'accessibilità dei collegamenti e degli elementi sulla pagina, insieme alla leggibilità del contenuto. Ogni parte di una pagina dovrebbe essere altrettanto funzionale su dispositivi mobili come su desktop, che è la base del design reattivo.

2. Navigazione sicura

Navigazione sicura determina se un sito Web presenta problemi come contenuti compromessi, phishing e malware. Si concentra sul garantire che i visitatori possano navigare in sicurezza per ciò che stanno cercando.

3. HTTPS

Questa metrica valuta la sicurezza di un sito Web e se viene servito tramite HTTPS in base ai consigli sulle best practice di Google.

4. Nessun interstitial invadente

Questo segnale garantisce che i contenuti essenziali della pagina non siano ostruiti da interstitial intrusivi (annunci pop-up), favorendo una piacevole esperienza di navigazione.

Come vengono calcolati i punteggi dei tuoi vitali web principali?

I punteggi di Core Web Vitals sono calcolati utilizzando il 75° percentile su una finestra di 28 giorni. In altre parole, utilizza tre delle quattro visite al sito (75%) per determinare se una pagina soddisfa l'obiettivo di ciascun Core Web Vital. Se una pagina soddisfa i punteggi consigliati per tutte e tre le metriche, supera la valutazione Core Web Vitals.

In che modo i principali vitali Web influiranno sul tuo sito Web?

Sebbene i Core Web Vitals siano certamente importanti, è fondamentale capire che Google considera centinaia di segnali unici quando classifica le pagine web. Tuttavia, Core Web Vitals può fare una differenza significativa per le pagine che competono per condizioni estremamente competitive. Core Web Vitals si evolverà continuamente nel tempo man mano che le aspettative degli utenti cambiano, quindi è fondamentale rimanere informati.

Come puoi migliorare i punteggi dei tuoi vitali web principali?

Ci sono molti strumenti gratuiti che puoi usare per analizzare e migliorare i tuoi punteggi di Core Web Vitals. Migliorare queste metriche può aiutarti a superare i tuoi concorrenti e classificarti più in alto nelle pagine dei risultati dei motori di ricerca di Google. Ti consigliamo i seguenti strumenti per rivedere i tuoi punteggi di Core Web Vitals e scoprire opportunità di miglioramento.

Strumento n. 1 :: Rapporto sui vitali web principali di Google Search Console

Se desideri migliorare i tuoi punteggi di Core Web Vitals, inizia con il rapporto Core Web Vitals di Google Search Console. Situato nella sezione "Miglioramenti" del tuo account Search Console, il rapporto Core Web Vitals fornisce una panoramica del rendimento dell'intero sito.

Screenshot del rapporto sui vitali web principali di Tower Marketing.

Il rapporto Core Web Vitals utilizza i dati sul campo del rapporto sull'esperienza utente di Chrome per raggruppare gli URL indicizzati in base al problema. Questo perché i problemi di UX su pagine simili sono in genere causati dallo stesso problema sottostante. Ogni URL viene valutato come "Scarso", "Richiede miglioramenti" o "Buono".

Una volta individuato un problema, puoi risolverlo utilizzando strumenti come Google PageSpeed ​​Insights o Google Lighthouse. Le due sezioni seguenti esaminano questi strumenti in modo più dettagliato per aiutarti a ottimizzare l'esperienza utente.

Strumento n. 2 :: Rapporto di Google PageSpeed ​​Insights

Il tuo rapporto Vitali Web principali di Google Search Console si collega a un rapporto corrispondente in Google PageSpeed ​​Insights, che è basato su simulazioni di laboratorio Lighthouse. PageSpeed ​​Insights misura i Core Web Vitals utilizzando sia i dati di laboratorio che quelli sul campo. Concentrati sulle sezioni "Opportunità" e "Diagnostica" per identificare i problemi su ciascun URL e ottimizzare efficacemente la velocità del sito.

Screenshot di PageSpeed ​​Insights che carica il sito Web di Tower Marketing.

Strumento n. 3 :: Google Lighthouse

Google Lighthouse è uno strumento automatizzato che esegue controlli su un URL e crea un rapporto sul rendimento di quella pagina. Lighthouse 6.0 include metriche di laboratorio per Largest Contentful Paint (LCP) e Cumulative Layout Shift (CLS), rendendolo uno strumento prezioso per la valutazione dei Core Web Vitals.

Tempo di blocco totale (TBT)

La terza nuova metrica di Lighthouse 6.0 è il Total Blocking Time (TBT), che è direttamente correlato al First Input Delay (FID). In poche parole, TBT calcola il tempo totale tra LCP e Time to Interactive (TTI). TTI è la quantità di tempo da quando una pagina inizia a caricarsi a quando risponde in modo affidabile all'interazione dell'utente.

Tempo al primo byte (TTFB)

La sezione "Opportunità" del tuo report Lighthouse include anche Time to First Byte (TTFB). Come suggerisce il nome, questa è la quantità di tempo necessaria a un browser per ricevere il primo byte del contenuto della pagina.

Time to Interactive (TTI)

Incluso nella sezione "Prestazioni" del tuo rapporto Lighthouse, Time to Interactive (TTI) misura quanto tempo impiega una pagina per diventare completamente interattiva. TTI collabora con TBT per individuare e diagnosticare problemi di interattività che possono avere un impatto negativo sul tuo FID. Poiché non è misurabile sul campo o incentrato sull'utente, TTI non è incluso in Core Web Vitals.

Strumento n. 4 :: Rapporto sull'esperienza della pagina di Google Search Console

Il rapporto sull'esperienza della pagina combina il rapporto sugli elementi vitali Web principali con gli altri quattro segnali sull'esperienza della pagina: ottimizzazione dei dispositivi mobili, navigazione sicura, HTTPS e nessun interstitial intrusivo. Approfondire ogni componente del segnale di Page Experience può aiutarti a scoprire nuove opportunità di miglioramento, che possono essere particolarmente utili nelle situazioni di spareggio.

Strumento n. 5 :: Rapporto sull'esperienza utente di Google Chrome (CrUX).

Il rapporto sull'esperienza utente di Chrome è un rapporto pubblico anonimo di dati sull'esperienza utente provenienti da milioni di pagine web. Misura i dati sul campo (al contrario dei dati di laboratorio) su tutti e tre i Core Web Vital e non tiene conto delle simulazioni o delle visite di Googlebot. Vedere come si comportano le tue pagine sul campo è un ottimo modo per individuare preziose opportunità di miglioramento.

Strumento n. 6 :: Google Chrome DevTools

I Google Chrome DevTools sono integrati nel browser Google Chrome e progettati per aiutarti a diagnosticare e risolvere i problemi che possono portare a un CSL elevato. Misurano anche il TBT, il che è utile quando si cerca di migliorare il proprio FID.

Strumento n. 7 :: Estensione Web Vitals di Google Chrome

Disponibile nel Chrome Web Score, l'estensione Web Vitals misura tutti e tre i Core Web Vitals in tempo reale. Questi dati istantanei su caricamento, interattività e spostamenti di layout ti aiutano a identificare le opportunità che possono fare una grande differenza.

Strumento n. 8 :: Strumento di controllo del sito Semrush

Lo strumento di verifica del sito nel tuo account Semrush riporta una varietà di dati correlati ai Core Web Vitals. Ciò include le metriche della velocità di caricamento, i protocolli di sicurezza HTTPS, gli errori JavaScript e CSS, la scansione e altro ancora.

Collabora con Tower Marketing per migliorare i tuoi punteggi principali di Web Vitals

Il modo migliore (e più semplice) per identificare e risolvere i problemi di Core Web Vitals è collaborare con un'agenzia come Tower Marketing. Il nostro team esperto di sviluppatori web e SEO ha gli strumenti per portare il tuo sito ai consigli di Core Web Vitals e risolveremo tutti i problemi che si presentano.

Vuoi controllare Core Web Vitals per il tuo sito e vedere come te la cavi rispetto a queste nuove metriche di Page Experience? Contattaci oggi per iniziare.