Core Web Vitals di Google e cosa devi fare per evitare di perdere traffico

Hai visto un improvviso calo del traffico del sito web nell'ultimo anno? L'aggiornamento Core Web Vitals di Google è il probabile colpevole.

A seguito dell'aggiornamento del motore di ricerca nell'estate 2021, molti siti Web hanno registrato un drastico calo del traffico di ricerca in arrivo al loro sito. Questo è il traffico che non hanno più visto da allora, lasciando i manager del marketing con le mani sudate alla ricerca di idee.

Suona familiare? Continua a leggere se questo descrive la tua esperienza o se vuoi proteggere il tuo traffico web dall'essere penalizzato da futuri aggiornamenti di Core Web Vitals (CWV).

Questo articolo è basato su uno dei nostri popolari webinar. Guarda il video e scarica le slide:

In che modo l'aggiornamento Core Web Vitals di Google ha cambiato il gioco SEO

Quando si tratta di SEO, ci sono molte cose che non puoi controllare. Non puoi controllare Google. Non puoi controllare chi arriva al tuo sito web o a quali pagine vanno.

Ma puoi controllare l'architettura, l'ingegneria e la velocità del tuo sito web.

Cosa sono i Core Web Vital?

I Core Web Vitals (CWV) sono il modo in cui Google misura ciò che il motore di ricerca ritiene importante sulle prestazioni del sito Web, ovvero velocità e reattività. Ci sono tre elementi:

1. Largest Contentful Paint (LCP) - Quanto tempo ci vuole per caricare una pagina? Solitamente misurato in secondi o, se il tuo sito è eccezionalmente lento, in decine di secondi.
2. Primo ritardo di input (FID) - Quanto tempo ci vuole prima che il sito Web risponda a un clic dell'utente o a un'interazione? Solitamente misurato in millisecondi.
3. Cumulative Layout Shift (CLS) - Quanto cambia il sito durante il caricamento? Solitamente misurato in secondi.

Google misura questi elementi in due modi. Dati di laboratorio , in cui inserisci la tua pagina web in un software o in uno strumento di test (ne parleremo più avanti). E i dati sul campo , che si basano sulle azioni reali degli utenti sul tuo sito.

Google non avrà o utilizzerà i dati del campo per ogni pagina, ma determinerà ciò che sta misurando in base al volume di traffico. Più alto è il volume, più è probabile che ci saranno dati sul campo effettivi. Inoltre, Google può aggregare tali dati in tutto il sito. Tale aggregazione può causare un sacco di aggravamento. Come mai? Se hai molti visitatori da persone con scarsa connettività, come telefoni cellulari con connessioni 3G o luoghi nel mondo in cui la fibra non è ancora disponibile, quel traffico può distorcere i dati. Quindi, per Google, il tuo sito potrebbe apparire lento, anche se per altri utenti va bene e i dati di laboratorio mostrano che hai un sito ad alte prestazioni.

Perché i CWV sono importanti?

Questo è un esempio di un sito che è stato colpito dall'aggiornamento CWV e ha perso metà del traffico in tre mesi. Ahia. Questi dati provengono da Google Search Console (ne parleremo più avanti).

Google penalizza i siti lenti perché agli utenti non piacciono i siti lenti. Quello che Google sta cercando di fare con i CWV è rendere il web più incentrato sull'utente, il che è positivo. L'esperienza dell'utente è importante quando vendi cose. I tassi di conversione diminuiscono per ogni secondo aggiuntivo di tempo di caricamento fino a cinque secondi, quindi scendono del 4,42%. In breve, se il tuo sito impiega sei secondi per caricarsi e il sito del tuo concorrente impiega un secondo per caricarsi, vedrà un tasso di conversione migliore del tuo.

L'aggiornamento Core Web Vitals ha semplicemente dato la priorità a questi fattori quando si tratta del gioco SEO. Se vuoi continuare a giocare, devi accettare che le regole sono cambiate. Quindi, adattati.

Come misurare i Core Web Vitals del tuo sito

Vedere il problema è il primo passo per risolverlo. Sfortunatamente, non esiste uno strumento in grado di risolvere tutti i tuoi problemi per la misurazione e l'ottimizzazione dei CWV.

Quello che stai cercando di fare è verificare se la modifica di qualcosa sul tuo sito web ha un impatto sul traffico, giusto? Quindi apporti una modifica, attendi che i dati dell'utente reale si accumulino nell'arco di un mese o due (i dati di laboratorio possono prevedere solo così tanto), quindi attendi che Google se ne accorga.

È necessario visualizzare il problema da diverse prospettive per ottenere il quadro completo. Ciò significa più strumenti. Dopo molti tentativi ed errori, questo è il toolkit che consigliamo:

1. Console di ricerca di Google

Google Search Console **** è uno strumento gratuito che devi assolutamente utilizzare se desideri dati reali sui CWV in tutto il tuo sito nel suo insieme. Quante pagine stanno ottenendo un buon punteggio? Quanti hanno bisogno di miglioramenti? Quanti segnano male? Verde, giallo, rosso. È l'unico posto in cui puoi ottenere il rapporto di Google a questo livello.

Puoi chiedere a Google di rivedere formalmente il tuo sito facendo clic su "Riconvalida" e Google andrà a raccogliere o rivedere i dati del campo nell'arco di diverse settimane. Dicono che ci vogliono fino a 28 giorni.

Sì, hai sentito bene. L'aggiornamento dei dati richiede un mese. Questo è un ciclo di feedback molto lento.

2. Clickio

Clickio fornisce la cosa più vicina ai dati in tempo reale su Core Web Vitals che puoi ottenere. Richiede di inserire un tracker sul tuo sito, che ironicamente aggiunge un po' di peso alla pagina, ma è abbastanza utile da valerne la pena fintanto che agisci in base ai dati che ne ricavi.

Clickio ti fornirà un feedback sui cambiamenti nel tempo. Qual è lo spostamento cumulativo del layout su tutte le pagine del nostro sito Web pubblicate sui dispositivi mobili in un determinato paese nell'ultimo mese? Qual è la percentuale di utenti che riceve un Contentful Paint più grande di oltre quattro secondi dalle pagine del nostro blog sui dispositivi desktop in questo trimestre? Puoi affettare e tagliare i dati in vari modi per ottenere le informazioni di cui hai bisogno.

Avviso sulla salute: lo strumento mostra l'interpretazione di Clickio dei dati di Google. NON ti mostra ciò che vede Google. È il miglior indicatore anticipatore che abbiamo trovato per affrontare potenziali problemi di CWV senza dover aspettare mesi per ottenere alcun feedback e fornisce una buona quantità di granularità , come i dati paese per paese. Ma non sono dati reali di Google. Trattandosi di dati in tempo reale , devi concedere un po' di tempo per accumulare dati significativi prima di poter dire con certezza se una modifica che hai apportato ha funzionato o meno. Non è istantaneo, ma non devi nemmeno aspettare un mese intero perché si aggiorni.

3. Google Analytics

Google Analytics prenderà alcuni punti dati rappresentativi e ti dirà le statistiche sul rendimento della pagina su questa base, nel tempo , in modo da poter vedere dove il traffico diminuisce o aumenta. Se non hai molti visitatori, questi dati probabilmente non ti saranno molto utili, ma è un buon modo per tenere traccia di queste informazioni nel tempo ed evidenziare le pagine lente che richiedono la tua attenzione.

4. Google Data Studio

Google Data Studio mostra una percentuale di rendimento nel tuo sito per ciascuno dei Core Web Vitals. In sostanza, è una storia di cambiamenti nel tempo. Miglioramenti, idealmente.

Sarebbe fantastico se fosse in tempo reale. Se potessi guardare gli ultimi 28 giorni su base continuativa, lavoro fatto, sapresti solo che quello che stai facendo sta avendo un effetto. Sfortunatamente, Google aggiorna questo mese in via posticipata a metà del mese successivo. Questo è un ciclo di feedback ancora più lento rispetto a Google Search Console. Pertanto, è un'istantanea di dati retrospettivi. Utile per monitorare i progressi, ma lento.

5. Web.dev - Faro

Web.dev, un sito di proprietà di Google, fornisce uno strumento open source chiamato Lighthouse. Questo strumento fornisce dati di laboratorio su singole pagine. Inserisci un URL e ti dirà l'accessibilità delle prestazioni, le migliori pratiche, il punteggio SEO e così via: puoi vedere più dati se fai clic su "Visualizza mappa ad albero" sull'app.

C'è una certa volatilità nei dati, in quanto i dati potrebbero cambiare leggermente a seconda del browser, dell'ora del giorno, della memorizzazione nella cache o di altri tipi di "meteo su Internet". Tuttavia, è ancora abbastanza buono.

6. Web.dev - Insights di PageSpeed

Google PageSpeed ​​Insights è il luogo in cui otterrai dati sui campi a livello di pagina. Ancora una volta, inserisci un URL che ti fornirà i dati del campo per LCP, CLS, FID e così via. Tuttavia, è necessario un certo volume di traffico verso una pagina per ottenere dati sul campo decenti.

7. GTmetrix

GTmetrix decostruisce una pagina Web e dice quanto sono grandi ciascuno dei file, quante cose vengono caricate, come è progettata e così via. Questo è un ottimo strumento per gli sviluppatori alle pagine di QA e verificare di non aver aggiunto un file immagine enorme o un widget gonfio che rallenterà i tempi di caricamento.

Suggeriamo di utilizzare questo strumento e gli strumenti web.dev insieme per misurare quali modifiche hanno funzionato pagina per pagina.

8. DebugBear

DebugBear prende un elenco di pagine e report su Core Web Vitals e poche altre metriche. È utile come strumento di monitoraggio della salute piuttosto che come strumento diagnostico. Puoi usarlo per monitorare circa 20 pagine "canarie nella miniera di carbone". Quindi, se qualche attività aggiunge peso al tuo sito web, puoi vederlo qui.

Come ottimizzare il tuo sito web per migliorare i Core Web Vitals

Ora parliamo di quali attività puoi fare per migliorare i Core Web Vitals. Riceverai molte informazioni dagli strumenti sopra su dove si trovano i problemi, quindi queste sono solo alcune delle cose che abbiamo fatto per noi stessi e per i clienti e che sappiamo hanno avuto un impatto.

1. Rehost il tuo sito web

Non si tratta di ricostruire o riprogettare il tuo sito. Lo sta solo spostando da qualche altra parte. In genere, vediamo miglioramenti delle prestazioni di circa il 30 percento per i siti che spostiamo da WordPress a HubSpot.

Se stai con WordPress, spostare il tuo sito su una società di hosting dedicata come WP Engine che conosce effettivamente le prestazioni può fare davvero una grande differenza.

Rehosting del tuo sito su HubSpot (o WP Engine), beneficerai di:

• Caching: questo rende i siti caricati più velocemente dopo la prima visita. Un sito WordPress generico avrà bisogno di un plug-in di memorizzazione nella cache, ma HubSpot lo ha integrato.
• Rete di distribuzione dei contenuti (CDN), ad es. Akamai: fornisce file all'utente da un server locale, anche se il tuo sito Web è ospitato altrove.
• CloudFlare DNS - fondamentalmente, questo aiuta ad accelerare il lato server dei nomi di dominio.

2. Disattiva il codice di condivisione social di HubSpot

Se sei già su un HubSpot, la vittoria più veloce numero uno è disattivare il codice di condivisione social di HubSpot sul tuo blog. HubSpot lascia questi pulsanti attivati ​​per impostazione predefinita, in modo fastidioso. Questo eliminerà circa 450 kilobyte di codice JavaScript da ogni pagina del tuo blog.

Fai uno snapshot prima e dopo della velocità della pagina e del tempo di caricamento in GTmetrix e web.dev. È davvero soddisfacente.

3. Comprimi le immagini

Quando hai lanciato per la prima volta il tuo sito Web, i tuoi sviluppatori potrebbero aver evitato di utilizzare immagini di grandi dimensioni. Speriamo. E speriamo che abbiano utilizzato il caricamento lento per le immagini, proprio come principio generale.

Ma più avanti, i marketer ben intenzionati aggiungeranno immagini in primo piano a blog e pagine e all'improvviso. Bam. Il tuo sito è rallentato da un file immagine di 40 MB che potrebbe abbellire il lato di un jumbo jet.

Comprimi le immagini a <250KB, idealmente a <100KB. Converti le immagini in jpg o usa gli svg, ove possibile. Fai molta attenzione con i loghi, in particolare i loghi nel piè di pagina poiché si trovano su ogni pagina del tuo sito.

Ancora una volta, se hai HubSpot, Articulate ha creato uno strumento chiamato Fizz + Ginger per comprimere le immagini sui post del blog e sulle pagine del sito Web in HubSpot.

4. Evita gli incorporamenti

Questo è uno screenshot di una pagina del nostro sito che aveva una presentazione incorporata, un video di YouTube incorporato, un pop-up, immagini e alcuni social media dal vivo. Tutta quella roba ha aggiunto fino a sei megabyte di solo... roba. Eliminando quanto più possibile, la pagina si caricava molto più velocemente. Ad esempio, abbiamo sostituito i video incorporati con miniature collegate.

5. Semplifica i tuoi strumenti di marketing

Gli strumenti di marketing aggiungono peso alla pagina. Cose come Hot Jar o Lucky Orange che monitorano l'utilizzo della pagina o tracciano gli inviti alle azioni o Google Tag Manager: avere questi strumenti sul tuo sito è utile, ma ha un costo. Il costo è la prestazione. Quindi devi usarli con parsimonia e giudizio.

6. Accendere AMP

Esiste uno standard di Google chiamato pagine mobili accelerate o AMP. Con AMP, ottieni tempi di caricamento rapidissimi. Se un utente fa clic su un risultato di ricerca su un browser Google, gli servirà la versione AMP della pagina dai server di Google.

Ma, nel processo, perdi il controllo su chi serve quella pagina e come appare. Lo spogliano al minimo indispensabile in termini di stile. È un compromesso.

7. Ottimizza il tuo codice

Questo è il lungo, duro lavoro di ottimizzazione del sito web. Non puoi semplicemente collegare e riprodurre questo. Devi ottimizzare il tuo codice. Per questo, devi avere un team di qualità di sviluppatori esperti, che implementeranno cose come:

• Minimizzare Javascript e CSS
• Caricamento ritardato di Javascript
• Caricamento lento per impostazione predefinita
• Auto-AMPificazione (ad es. non mostrare le immagini in primo piano del blog sui dispositivi mobili)
• Buone pratiche di codifica all'interno della pipeline di sviluppo
• Utilizzo minimo di plugin e codice esterno

L'esperienza utente è la metrica del sito web del futuro

Nei prossimi anni, i Core Web Vitals aumenteranno solo di importanza. Le aziende devono ora adattare i loro siti Web alle prestazioni e all'esperienza utente per evitare di essere penalizzate nel prossimo grande aggiornamento.

Naturalmente, saremo lieti di offrire i nostri servizi di SEO e sviluppo di siti Web per aiutarti ad arrivare dove devi andare. Abbiamo imparato molto sui Core Web Vitals e abbiamo incorporato questa conoscenza nei nostri processi, rendendo i nostri siti altamente ottimizzati e leggeri.

Contattaci per ottenere il sito che i tuoi utenti desiderano che tu abbia.