L'impatto commerciale dei Segnali web essenziali

Questo articolo ti aiuterà a capire in che modo i Segnali web essenziali sono correlati alle metriche aziendali chiave, esplorando esempi di aziende che hanno già registrato un impatto positivo sui propri utenti e sulla propria attività.

Fai fatica a convincere gli stakeholder ad adottare Segnali web essenziali? O ti stai chiedendo se aiuta davvero la tua attività? Questo articolo ti aiuterà a capire in che modo i Segnali web essenziali sono correlati alle metriche aziendali chiave esplorando esempi di aziende che hanno già riscontrato un impatto positivo per i propri utenti e la propria attività.

Se preferisci i video, dai un'occhiata a questa presentazione di Google I/O:

Perché i Segnali web essenziali sono importanti per i tuoi utenti e la tua attività

Stakeholder diversi in un'organizzazione possono avere priorità diverse. I Segnali web essenziali possono essere tutti in sintonia con loro concentrandosi sull'ottimizzazione delle metriche incentrate sull'utente e sulla crescita dell'attività risultante.

Il percorso verso Segnali web essenziali efficaci può variare da un sito all'altro a seconda della fase del percorso del rendimento e della complessità del design del sito. Può trattarsi, ad esempio, di sfruttare al meglio le semplici funzionalità e di ottenere risultati significativi oppure di implementare soluzioni complesse per risolvere problemi complessi. Indipendentemente dal tempo speso, i responsabili decisionali dovrebbero considerare questo come un investimento a lungo termine nella crescita della loro attività. Offrire un'esperienza di navigazione veloce e fluida è molto utile per gli utenti e li aiuta a trasformarli in clienti fedeli e di ritorno. Per i product manager, le prestazioni devono essere un criterio importante che definisce la qualità e il successo delle nuove funzionalità del prodotto. L'eccellenza dei prodotti e l'elaborazione di sfide interessanti migliorano anche la soddisfazione degli sviluppatori.

Sebbene i Segnali web essenziali come indicatore di ranking generino un'ulteriore motivazione per investire tempo nelle prestazioni, l'adozione di questa funzionalità offre molti altri vantaggi a breve e lungo termine oltre al ranking. Esaminiamo diversi case study di brand globali e locali che hanno adottato i Segnali web essenziali (prima che incidesse sul ranking) per via della loro attenzione all'esperienza utente.

Case study

Vodafone

Vodafone (Italia) ha migliorato l'LCP del 31% per ottenere un aumento delle vendite dell'8% .

Tecniche

• Rendering lato server del codice HTML critico.
• Riduci il codice JavaScript che blocca la visualizzazione.
• Tecniche di ottimizzazione delle immagini.
• Ridimensionamento dell'immagine hero; rimandare le risorse non fondamentali.

Principali insegnamenti

• Il test A/B è il modo migliore per misurare l'impatto significativo.
• A/B deve essere lato server.

iCook

iCook ha migliorato la metrica CLS del 15% per incrementare del 10% le entrate pubblicitarie.

Tecniche

• Minore variabilità nelle dimensioni delle unità pubblicitarie e nelle aree annuncio con dimensioni fisse preallocate nell'interfaccia utente.
• La logica di caricamento degli script degli annunci è stata ottimizzata per dare la priorità alle offerte su intestazioni e rimandare il codice JS non critico.

Principali insegnamenti

Potrebbero esserci conseguenze sul tasso di riempimento, ma alla fine le entrate potrebbero aumentare grazie al miglioramento della visibilità degli annunci.

Tokopedia

Tokopedia ha migliorato l'LCP del 55% e ha registrato un miglioramento del 23% della durata media della sessione.

Tecniche

• Elemento LCP per il rendering lato server (SSR).
• Precarica l'elemento LCP.
• Ottimizzazione delle immagini (compressione, WebP, caricamento lento di immagini non critiche).

Principali insegnamenti

• Abbiamo creato una dashboard di monitoraggio delle prestazioni per monitorare i progressi e l'impatto dei team.
• Sperimentazione con diverse tecniche di rendering (ad es. elemento SSR LCP, contenuto SSR above the fold e rendering completo lato client).

Redbus

Le correzioni di Core Web Vitals hanno contribuito all'80-100% dei tassi di conversione da dispositivo mobile (mCVR) e a un significativo aumento del ranking del dominio nelle proprietà del mercato globale di Redbus.

Tecniche

• La correzione degli slot per i componenti della pagina e la rimozione degli script di inserimento di tag non ottimizzati hanno migliorato la CLS.
• L'ottimizzazione degli script di terze parti e la creazione di microservizi con un unico principio di responsabilità hanno ridotto in modo significativo TTI e TBT.

Principali insegnamenti

• La riduzione del CLS da 1,65 a 0 ha migliorato in modo significativo il ranking dei loro domini a livello globale.
• La riduzione del TTI da circa 8 s a circa 4 sec e di TBT da circa 1200 ms a circa 700 ms ha contribuito a un aumento dell'80-100% del mCVR nelle proprietà globali.
• L'utilizzo degli strumenti RUM ha contribuito ad acquisire le metriche delle prestazioni del mondo reale nei mercati di livello inferiore.
• L'adozione di una cultura del rendimento è molto importante per evitare la regressione. Questo migliora anche la produttività dei team grazie a codice ottimizzato, release più rapide e meno problemi di produzione.

I case study di cui sopra mostrano che puoi ottenere molto bene adottando le best practice e implementando i risultati rapidi. Ecco alcuni esempi reali di questo punto.

I risultati di cui sopra sono stati ottenuti ottenendo frutti pendenti come:

Per altre best practice, consulta le linee guida di Web Vitals. Utilizza PageSpeed Insights per controllare il tuo sito web e ricevere immediatamente consigli attuabili.

Esistono anche molti altri brand globali che hanno beneficiato dell'investimento nei Segnali web essenziali.

• Tencent Video ha registrato un miglioramento del CTR del 70% per i video superando i Segnali web essenziali.
• Cdiscount ha migliorato tutte e tre le metriche che hanno contribuito a un aumento delle entrate del 6% durante gli sconti del Black Friday.
• Wix ha aumentato le origini mobile superando i Segnali web essenziali di oltre il 250% su base annua.
• Nykaa ha scoperto che un miglioramento del 40% della metrica LCP ha portato a un aumento del 28% del traffico organico dalle città del T2/T3.
• Il miglioramento dell'LCP del 18% di NIKKEI STYLE ha determinato un aumento del 9% delle visualizzazioni di pagina per sessione.
• La TV del giorno dopo aver dimezzato il valore di LCP ha registrato una frequenza di rimbalzo migliore del 50%, in aggiunta ad altre modifiche al prodotto.
• Un miglioramento del 70% del valore di LCP di Agrofy Market è correlato alla riduzione del 76% dell'abbandono del caricamento.
• Flipkart ha ottenuto una riduzione del 2,6% della frequenza di rimbalzo migliorando le metriche di Core Web Vitals.
• Ameba Manga ha migliorato il numero di fumetti letti di 2-3 volte migliorando il punteggio CLS di 10 volte.
• Centro assistenza Yahoo! Il Giappone ha corretto il CLS che ha portato a una riduzione del 98% delle pagine di scarsa qualità e a un aumento del 15% delle visualizzazioni di pagina per sessione.
• AliExpress ha raddoppiato il valore CLS e il valore LCP, il che si è tradotto in una riduzione della frequenza di rimbalzo del 15%.
• GEDI ha registrato una riduzione del 77% della metrica CLS e una riduzione dell'8% della frequenza di rimbalzo.

Cosa puoi fare adesso?

Passaggio 1: inizia la misurazione

Inizia a misurare i dati dei campi per il tuo sito con gli strumenti per il monitoraggio degli utenti reali (RUM). Sono già disponibili vari strumenti RUM di Google e di terze parti.

Strumenti Google RUM

• Search Console
• PageSpeed Insights
• libreria JavaScript web-vitals
• Report sull'esperienza utente di Chrome (CrUX)

Strumenti RUM di terze parti

• Cloudflare
• New Relic
• Akamai
• Calibro
• Triangolo blu
• Sentinella
• SpeedCurve
• Raygun

Scegli lo strumento più adatto a te. Puoi fare un passo in più e integrare Google Analytics 4 per correlare i Segnali web essenziali alle metriche della tua attività.

Passaggio 2: convinci gli stakeholder

• Spiega agli stakeholder l'importanza di adottare i Segnali web essenziali per migliorare l'esperienza utente e la sua correlazione con le metriche aziendali dell'azienda.
• Ottieni uno sponsor interno per avviare un piccolo esperimento.
• Crea un obiettivo condiviso tra gli stakeholder per migliorare i Segnali web essenziali per tutti i team.

Passaggio 3: implementa in modo efficace questi suggerimenti

• Assegna una priorità: scegli una pagina con elevato volume di traffico e/o significatività di conversione per ottenere risultati significativi, ad esempio la pagina di destinazione degli annunci, la pagina di conversione o le pagine più apprezzate.
• Test A/B: utilizza il test lato server per evitare costi di rendering. Confronta i risultati delle versioni ottimizzate e non ottimizzate.
• Monitoraggio: utilizza il monitoraggio continuo per evitare le regressioni.

Infine, crediamo che la performance sia un percorso, non una destinazione. A questo proposito, prevediamo di aggiornare questo articolo con gli ultimi punti salienti dei case study. Se hai anche ottenuto risultati convincenti per la tua attività e vorresti che i tuoi contenuti venissero presentati in questo articolo, invia una proposta per i contenuti.