Google ha reso sempre di più negli ultimi anni i fattori come la velocità di caricamento delle pagine, l'ottimizzazione mobile e la affidabilità come fattori positivi per l'inclusione nei risultati di ricerca di Google. Nel maggio 2020, Google ha annunciato di raggruppare certe metriche di misurazione come segnali di Page Experience e nel maggio 2021 i segnali di Page Experience sono stati introdotti come nuovo fattore di ranking per i siti web, utilizzando vari fattori per creare un quadro completo della qualità nell'esperienza di un sito web.

I sei principali fattori per l'esperienza utente e di pagina includono:

• Velocità di caricamento
• Interattività (FID - fino al febbraio 2024), Interazione con il prossimo Paint (INP - da marzo 2024)
• Stabilità visiva (cambiamenti cumulativi nel layout)
• Ottimizzazione mobile
• Safe Browsing: nessun malware, nessuna falsificazione di marchi, …
• HTTPS: crittografia tramite certificato SSL
• Nessun interstitial intrusivo (banner a schermo intero)

Velocità di caricamento secondo i Core Web Vitals

Loading si riferisce alla velocità del sito web, ovvero quanto velocemente il contenuto principale si carica per l'utente. Google indica che tempi fino a 2,5 secondi sono ottimali e gli operatori del sito dovrebbero puntare a questi per i propri utenti.

Interattività e reattività secondo i Core Web Vitals

Per interattività si intende il primo ritardo di input (First Input Delay), cioè quando una pagina risponde effettivamente quando un utente desidera interagire con essa... ad esempio scrollando o cliccando su un pulsante. Quindi si tratta della velocità di risposta del sito web alle interazioni dell'utente. Questo periodo dovrebbe essere mantenuto il più breve possibile e un buon valore per Google è fino a 100 ms. Da marzo 2024, la metrica è stata sostituita dall'Interaction to Next Paint (INP). L'Interaction to Next Paint (INP) misura la reattività globale di un sito web alle interazioni dell'utente, monitorando il ritardo di tutti i clic del mouse, battute di tasti e input da tastiera che si verificano durante l'intera visita dell'utente a una pagina. Il valore finale di INP corrisponde alla più lunga interazione osservata, senza tener conto degli outlier. La latenza è definita come il periodo di tempo tra un'azione dell'utente e la visualizzazione di una reazione visibile su di essa.

Lo script del mio tutorial di marketing digitale, creato nell'applicazione online Google Docs, conta oltre 600 pagine. Nelle sezioni posteriori, ho notato durante la scrittura nel mio browser piccoli microscatti, poiché evidentemente faceva fatica a caricare fluidamente le centinaia di pagine ricche di risorse insieme ai numerosi file di immagini. Un evento che non mi ha necessariamente rallentato nel lavoro, ma ha rappresentato comunque una disturbo reattivo nell'uso. Così ho creato un nuovo documento in cui è stato poi creato il capitolo, per poi copiarlo nel grande script. Questo è esattamente ciò che accade anche con l'interattività dei siti Web, che l'esperienza dell'utente sia positiva in molteplici aspetti. Quindi si tratta della risposta a determinate interazioni come lo scroll, i clic, i gesti di controllo e anche la fluidità nelle animazioni.

Cambiamenti cumulativi nel layout secondo i Core Web Vitals

I cambiamenti cumulativi nel layout, o errori CLS, si verificano quando il tuo sito web si carica in modo asincrono e un utente per esempio sta già leggendo una sezione più in basso, mentre sopra si sta ancora caricando un'immagine o un annuncio con un peso di file grande e che, a causa del posizionamento finale, sposta il layout verso il basso. Spesso è il valore che porta al fallimento dei Core Web Vitals, se il tuo sito web si carica rapidamente.

Test di PageSpeed con strumenti online

Puoi testare il PageSpeed qui:
https://pagespeed.web.dev/
https://gtmetrix.com/

Come alternativa, si consiglia di utilizzare Lighthouse tra le funzioni di sviluppo del tuo browser Chrome. Basta premere F12 e nel menu a destra troverai Lighthouse, tramite il quale puoi testare il sito web attualmente aperto.

La velocità del sito web e di risposta dipende da molti fattori come la potenza del server, la qualità del codice, il momento in cui vengono caricati i contenuti, le dimensioni dei file delle immagini, icone come SVG anziché PNG, ecc. Pertanto, è consigliabile seguire le raccomandazioni di GTMetrix e PageSpeed Insight per ottenere miglioramenti globali se i valori non sono ancora buoni.

Google fornisce anche il valore complessivo per i nuovi Core Web Vitals per l'esperienza della pagina. Inoltre, tramite Google Search Console, hai la possibilità di ottenere un'assegnazione alle singole pagine del tuo sito web. Questo ti aiuta ad individuare e risolvere eventuali problemi presenti sulle tue pagine durante l'analisi.

L'ottimizzazione mobile di un sito web secondo l'esperienza della pagina

L'ottimizzazione mobile di un sito web può essere testata anche tramite gli strumenti di sviluppo del tuo browser Chrome con la Toggle Device Toolbar (Ctrl + Shift + M).

Particolarmente importante per gli sviluppatori è a volte la possibilità di comprendere come un layout reagisce su un determinato dispositivo finale, ad esempio se un cliente segnala un problema con un modello più vecchio di iPhone. Utilizzando Chrome = F12 è possibile attivare direttamente diversi dispositivi che mostrano la risoluzione. Esistono anche strumenti professionali che eseguono test completi, come ad esempio il servizio Lambda-Test.

Il processo di ottimizzazione mobile include anche consentire agli utenti di visualizzare comodamente i contenuti su uno smartphone senza dover fare zoom! Significa anche che i contenuti visibili su un desktop non devono necessariamente essere visibili su uno smartphone. Uno smartphone presenta meccanismi di interazione (mobili) diversi come il touch anziché il clic. Questo è importante specialmente per gli elementi di hover popolari sui siti Web, che non funzionano allo stesso modo sui dispositivi mobili. 

Anche oggi lo smartphone è spesso l'accesso a una ricerca che potrebbe poi essere continuata su un altro dispositivo come un tablet o un computer desktop. Si tratta quindi dell'inizio di un lungo customer journey su più dispositivi, quindi l'esperienza dell'utente deve anche tener conto dell'uso cross-device.

Un esempio di utilizzo cross-device personale: io e la mia compagna abbiamo tre figli insieme. Siamo stati di recente in una piscina al coperto di un amico. Il mio smartphone era in una sdraio vicino all'area della piscina. Mi è venuto un pensiero su cosa succederebbe se per errore o per colpa di uno dei bambini il telefono cadesse in acqua. Il telefono regola già metà della mia vita. Ma il pensiero ha acquisito urgenza perché uso lo smartphone anche per gestire il mio portafoglio. "100% mobile... questo è ciò con cui Trade Republic, il mio broker online, fa pubblicità. All'improvviso mi sono reso conto di non avere un'opzione di backup in caso di smarrimento del telefono. Resterei senza accesso al mio portafoglio per diverse ore o addirittura giorni. Chiunque abbia in portafoglio durante il giorno alcune short trade con un elevato livello di leva e una soglia di knockout stretta può immaginare che ciò potrebbe causare una certa ansia. Così, il "100% mobile" è diventato un potenziale svantaggio per me, motivo per cui ho aperto un nuovo conto presso un altro broker online, dove posso fare trading sia da mobile che da desktop. Nel frattempo, Trade Republic ha anche una versione desktop - bene così!

Navigazione sicura nell'ottica dell'esperienza utente della pagina

Navigazione sicura significa che il tuo sito web non distribuisce malware e che ti attieni alle regole, quindi ad esempio non usi loghi di marchi che non ti è consentito utilizzare o fingi di avere prodotti di marche che non fanno parte del tuo portfolio. Inoltre, significa che ad esempio un pulsante di riproduzione di un video dovrebbe effettivamente riprodurre un video e non eseguire un download per l'utente. Il punto del malware è un rischio significativo per molti siti web nella navigazione sicura, che può essere limitato solo attraverso aggiornamenti continui di CMS e plugin installati. Se il tuo sito web non necessita necessariamente di un modulo di contatto, potrebbe essere opportuno evitare anche quello, poiché i campi del modulo sono un punto di vulnerabilità per hacker o attacchi automatizzati come SQL injection, cross-site scripting, codici esadecimali ecc.

Nel agosto 2021 Google ha ritirato la sua precedente posizione e ha dichiarato che la navigazione sicura non verrà più considerata un fattore di classifica. Questo passo è stato giustificato dal fatto che molti proprietari di siti web non possono essere ritenuti responsabili per gli attacchi informatici. Tuttavia, ci sono raccomandazioni per la navigazione sicura nei rapporti di PageSpeed Insights e di Lighthouse. Pertanto, si può supporre che il tema non sia ancora definitivamente chiuso per l'ottimizzazione per i motori di ricerca.

Connessioni sicure tramite HTTPS per un'esperienza utente di qualità

HTTPS è lo standard odierno. Ogni pagina dovrebbe avere un certificato SSL. Esiste anche in Germania un rischio di avvertimento per i gestori di siti web che non dispongono di un certificato SSL.

È particolarmente importante in questo contesto assicurarsi che le immagini caricate prima dell'assegnazione di un certificato SSL siano adattate nel codice da http a https. Altrimenti, il browser segnalerà che la pagina non è sicura. Questo è un problema comune con i siti web WordPress - il CMS più utilizzato in assoluto.

Rinuncia agli interstitiali

Il punto finale nella tabella è la rinuncia agli interstitiali invadenti, cioè i banner a schermo intero che raramente fanno battere il cuore dei tuoi utenti. Incrementano solo la frustrazione e quindi provocano emozioni negative e una rapida chiusura della pagina. In questo contesto, si potrebbe anche riflettere sui banner di registrazione veloci ai newsletter che appaiono improvvisamente. Anche i banner sui cookie per accogliere nuovi clienti sono frustranti. Se un utente torna immediatamente ai SERP dopo aver visto un banner del genere, è anche un segnale negativo per Google.

Conclusione sui fattori dell'esperienza della pagina

L'adeguamento ai fattori di Google per un'esperienza utente e di pagina di alta qualità deve essere effettuato principalmente dai tuoi sviluppatori o dall'agenzia di supporto. È importante per te come impiegato di marketing sapere secondo quali metriche viene valutata l'esperienza della pagina e quali strumenti puoi utilizzare a tal fine. Se l'agenzia è incaricata dell'ottimizzazione, assicurati direttamente nel contratto che i risultati siano molto buoni per accettare il lavoro. E tieni presente che dall'**maggio 2021 l'esperienza della pagina influisce attivamente sulla ricerca e sul posizionamento dei siti Web su Google. Anche i tuoi concorrenti avranno risentito delle conseguenze sul posizionamento e avranno adattato i loro siti Web alle nuove esigenze se sono stati penalizzati nei SERP.

Se vuoi essere più in alto nei risultati di ricerca di Google con la tua presenza online, non puoi ignorare l'esperienza della pagina. E alla fine, non lo fai solo per motivi SEO, ma anche come parte della tua esperienza di marca, in modo che i tuoi clienti target siano guidati ancora più facilmente verso il comportamento desiderato.

Quali altri elementi migliorano l'esperienza dell'utente del tuo pubblico di riferimento sul tuo sito Web in particolare? Sono tutti i touchpoint che il tuo utente incontra durante il suo percorso del cliente lungo il funnel fino alla conversione desiderata. Per saperne di più, consulta anche altri capitoli di questa serie di supporto.