C'è stata un'enorme quantità di ricerche su come l'esperienza di pagina influisce sul comportamento degli utenti. Gli utenti desiderano che le pagine Web vengano caricate rapidamente, siano intuitive  e ottimizzate per i dispositivi mobili. Oltre a ciò, la page experience può portare i visitatori a cambiare la loro opinione su un brand (in senso positivo o negativo), il che può in ultima analisi influire sul successo di un'azienda.

L'esperienza di pagina è diventata talmente importante che Google ha recentemente annunciato un aggiornamento del proprio algoritmo di ricerca, il quale terrà conto delle metriche specifiche dell'esperienza di pagina per il ranking di ricerca del tuo sito Web.

Come parte di questo aggiornamento, Google ha introdotto una nuova guida su come misurare l'esperienza di pagina dal punto di vista dell'utente, inclusa una serie di metriche di supporto che puoi utilizzare per analizzare il tuo sito. Questa iniziativa si chiama Core Web Vitals.

Questo aggiornamento non avrà luogo prima del 2021 e Google darà un preavviso di sei mesi prima dell'implementazione di eventuali modifiche. Quindi c'è tutto il tempo per prepararsi.

Perché la page experience è importante

Nel 2018 Google ha rivelato di utilizzare la velocità mobile di un sito Web come un importante fattore di ranking di ricerca, spingendo efficacemente la visibilità e il traffico verso i siti che forniscono un'esperienza mobile più veloce e fluida.

Google non è l'unico a tenere in considerazione la velocità e l'esperienza di pagina, lo fanno anche i consumatori. Diversi studi hanno rivelato che i consumatori non solo si aspettano un'esperienza costantemente veloce quando navigano sul Web, ma considerano le prestazioni di un sito anche un fattore importante per la raccomandazione o meno dei servizi ad amici e colleghi.

Ben il 66% dei clienti online ha affermato che le prestazioni del sito Web influiscono sulla loro impressione di un'azienda e il 33% di questi clienti ha un'impressione negativa delle aziende con siti Web lenti.

Se i consumatori devono attendere il caricamento di una pagina, allora non possono eseguire un'azione significativa sulla pagina. Se la pagina viene caricata ma gli utenti sperimentano attriti nel tentativo di interagire con gli elementi della pagina, allora la percepiranno come un'interruzione che impedisce loro di raggiungere il loro obiettivo su quella pagina.

L'esperienza di pagina è importante sia per i consumatori che per le aziende, motivo per cui Google la sta incorporando nei propri fattori di ranking di ricerca. Di seguito passeremo a una spiegazione delle nuove metriche chiave incentrate sull'esperienza utente.

Metriche che verranno utilizzate per misurare l'esperienza di pagina

Il set di metriche che Google utilizzerà per misurare l'esperienza di pagina è ciò che chiamano Core Web Vitals. Secondo Google, queste metriche sono "un insieme di metriche incentrate sull'utente del mondo reale che quantificano gli aspetti chiave dell'esperienza utente". Fondamentalmente, queste metriche hanno lo scopo di indicare come gli utenti visualizzano una pagina – e l'ottimizzazione per loro dovrebbe creare una migliore esperienza utente su tutta la linea.

Largest Contentful Paint (LCP)

Questa metrica misura la velocità di caricamento percepita, ovvero la velocità con cui una pagina si carica e mostra i contenuti più grandi che si trovano nell’area visualizzata dell'utente al momento del caricamento iniziale. LCP controlla semplicemente se è stato visualizzato un contenuto sufficiente per consentire agli utenti di interagire con esso.

First Input Delay (FID)

FID misura il tempo che intercorre da quando un utente interagisce per la prima volta con una pagina. In poche parole, è il tempo impiegato dal browser per completare un'azione, ad es. il tempo da quando un utente fa clic su un collegamento al momento in cui il browser è effettivamente in grado di rispondere a tale interazione. Il FID è fondamentale per l'esperienza dell'utente, poiché un ritardo nella risposta del browser potrebbe significare che questo lasci frustrato il sito.

Cumulative Layout Shift (CLS)

Questa metrica misura la stabilità visiva, ovvero quando gli elementi di una pagina si spostano in modi che gli utenti non si aspettano e interferiscono così con le loro interazioni. Immagina di provare a fare clic su un pulsante e che questo improvvisamente si sposti o salti: finiresti per fare clic su qualcos'altro. Altre volte, cambiamenti di layout imprevisti possono persino causare danni reali, ad esempio che l'utente finisca per acquistare qualcosa invece di annullare un ordine. Queste tipologie di spostamento possono causare frustrazione e danni al brand.

Se combinate, queste metriche misurano se l'esperienza dell'utente segue i 3 comandamenti della UX ottimale: essere usabile (LCP), utile (FID) e piacevole (CLS).

A screenshot of the 3 Google Core Web Vitals, including their thresholds for each metric.

Le soglie specifiche per ogni metrica definiscono se il tuo sito sta andando bene, se ha bisogno di miglioramenti o ha un rendimento scarso.

Le metriche sull'esperienza di pagina influenzeranno il posizionamento sui motori di ricerca

Come accennato in precedenza, questi principali Core Web Vitals influenzeranno le classifiche di ricerca nel 2021. Sperabilmente questo cambiamento non influirà in modo significativo sulla tua strategia SEO, poiché la SEO è da tempo incentrata sulla creazione di un'esperienza utente di alta qualità attraverso contenuti pertinenti e di prim’ordine, tempo di caricamento veloce, ecc.

Con questo aggiornamento, Google si sta muovendo verso un approccio ancora più unificato per misurare l'esperienza utente e fornire la possibilità a webmaster, operatori di marketing e aziende di garantire esperienze di alta qualità. Per assicurarti che il tuo sito Web abbia un buon posizionamento tra i risultati di ricerca di Google, devi monitorare e migliorare queste metriche.

Screenshot of the Google Core Web vitals. There are 3 boxes, one with each of the core web villas. Below that are 4 boxes that include: Mobile Friendly, Safe Browsing, HTTPS, and No Intrusive Interstitials. All boxes have arrows point to a box that says “search signals for page experience.” The graphic indicates that the core web vitals are just 3 out of the 7 components Google uses for measuring page experience.

Non puoi migliorare ciò che non viene misurato

Per migliorare l'esperienza utente del tuo sito, devi misurare, monitorare e migliorare queste metriche (LCP, FID e CLS). Niente panico, sono disponibili strumenti di facile utilizzo, come Siteimprove Performance, che possono aiutarti a monitorare facilmente queste metriche, migliorare l'esperienza utente e mantenere le conquiste che ottieni nel tempo.

A screenshot of Siteimprove Performance. The Page Details includes an average performance score, 17 suggested improvements, and scores for different performances across the world.

Una volta che disponi di un sistema per analizzare e generare report sui tuoi progressi, è tempo di iniziare a pianificare come migliorare le pagine con scarso rendimento. Di seguito troverai alcuni suggerimenti e pratici trucchi per migliorare queste nuove metriche Google.

Come posso migliorare il Largest Contentful Paint (LCP)?

A causa del modo in cui l'LCP viene misurato e generato, ci sono un paio di aree chiave che puoi ottimizzare e migliorare per potenziare questa metrica. Come accennato in precedenza, LCP indica per quanto tempo un utente deve attendere prima di caricare e visualizzare i contenuti più grandi. Le aree principali che possono avere un impatto negativo sull'LCP sono:

  • Server lenti e non ottimizzati
  • Script di blocco del rendering e file CSS
  • I tempi di caricamento di asset specifici
  • Fare affidamento sul rendering lato client non ottimizzato

Come posso migliorare il First Input Delay (FID)?

FID, così come suona, misura il ritardo temporale da quando l'utente fornisce l'input a quando la pagina risponde e gli fornisce un feedback. Questo è strettamente legato alle impressioni dell'utente su reattività e interattività della pagina. Le modalità principali per migliorare il FID riguardano la regolazione dello scripting delle pagine, poiché la pagina non può gestire l'input dell'utente mentre il thread principale è occupato. Esempi di come migliorarlo includono:

  • Ridurre il tempo impiegato per eseguire Javascript sulla pagina
  • Posporre Javascript inutilizzato che potrebbe non essere necessario per tutti gli utenti
  • Ridurre al minimo i polyfill inutilizzati e riservarli per le situazioni in cui sono strettamente necessari

Come posso migliorare il Cumulative Layout Shift (CLS)?

Il CLS, come accennato in precedenza, misura il numero di spostamenti imprevisti del layout sperimentati dagli utenti sulla pagina, nonché la stabilità visiva del contenuto della pagina nel suo complesso. Questo può essere incredibilmente fastidioso per gli utenti e rovinare la loro esperienza sulla pagina. I modi più efficaci per migliorare il CLS riguardano i contenuti multimediali visivi nella pagina, le tecniche utilizzate per il suo posizionamento e i caratteri Web. Esempi di come migliorare rapidamente il CLS includono:

  • Garantire che tutte le immagini abbiano le dimensioni specificate, preferibilmente utilizzando CSS aspect ratio boxes
  • Prestare attenzione al posizionamento di annunci, iframe e incorporamenti
  • Evitare di inserire contenuto dinamico sopra il contenuto esistente, poiché ciò comporterà la ripetizione del flusso e l’adattamento del contenuto esistente sulla pagina
  • Pre-caricare i caratteri Web essenziali per evitare lo spostamento del layout e il testo lampeggiante

Page experience e strategia SEO

""

Fornire un'ottima esperienza di pagina è molto importante, ma non dovresti trascurare gli altri pilastri della tua strategia SEO che riguardano le prestazioni e la visibilità per i motori di ricerca, tra cui: