Esperienza sulla pagina di Google: aggiornamento della classifica

Pubblicato: 2021-04-08

Questo articolo è stato pubblicato per la prima volta a maggio 2020 ed è stato aggiornato ad aprile 2021.

Gli studi di Google e le ricerche di settore hanno dimostrato che gli utenti preferiscono i siti Web con un'esperienza di pagina eccezionale. Google è sempre alla ricerca di quali fattori considerare nei risultati del ranking, come la velocità di caricamento della pagina e la compatibilità con i dispositivi mobili. Il prossimo aggiornamento dell'esperienza della pagina tiene conto di una serie di fattori che mettono l'utente in primo piano. Questi "elementi vitali del web fondamentali" aiuteranno Google a offrire agli utenti i contenuti migliori.

Esperienza di pagina e vitali web principali

I Core Web Vitals sono un insieme di metriche per aiutare i proprietari di siti web a misurare le dimensioni dell'esperienza utente come il tempo di caricamento, l'interattività e la stabilità del contenuto durante il caricamento. Google ha ora fornito i dettagli di un'imminente modifica del ranking di ricerca che incorporerà queste metriche sull'esperienza della pagina.

Viene introdotto un nuovo segnale secondo cui Google afferma che "combina Core Web Vitals con i nostri segnali esistenti per l'esperienza della pagina per fornire un'immagine olistica della qualità dell'esperienza di un utente su una pagina web".

Queste modifiche verranno implementate a giugno 2021.

Inoltre, ogni anno verranno incorporati ulteriori segnali di esperienza della pagina man mano che le aspettative degli utenti si evolvono e la capacità di Google di misurare più aspetti aumenta.

Classifica esperienza sulla pagina

Allora, qual è l'idea alla base di questo? In sostanza, avere una buona esperienza consente alle persone di ottenere ciò che vogliono e una brutta esperienza potrebbe impedire a qualcuno di trovare le informazioni che stanno cercando. Google vuole rimanere il punto di riferimento per le persone che cercano informazioni e quindi deve fornire la migliore esperienza di ricerca.

Aggiungendo l'esperienza della pagina al mix di tutti gli altri segnali, l'obiettivo è rendere più facile per le persone che utilizzano i siti Web trovare ciò che stanno cercando.

Metriche di pagina di primo livello

I tre componenti principali dell'esperienza della pagina sono:

  • Quanto velocemente si carica la pagina?
  • Quanto velocemente la pagina reagisce agli utenti?
  • Quanto è stabile la pagina (gli elementi saltano durante il caricamento)?

Ora possiamo esaminare alcune delle metriche di livello superiore per decodificare il loro significato. (I primi 3 sono quelli che vengono chiamati "elementi vitali web principali".)

Vitali Web principali

  • La pittura con contenuto più grande (LCP): questa metrica cerca l'immagine o il blocco di testo più grande. Misura quanto tempo ci vuole per caricare quell'elemento nella finestra. Potrebbe trattarsi di un'immagine di un eroe o di un'ampia sezione di testo. (Idealmente dovrebbe essere inferiore o uguale a 2,5 secondi.)

  • Spostamento cumulativo del layout (CLS): questa metrica misura la stabilità visiva. In altre parole, misura quanto il contenuto si sposta durante il caricamento della pagina, rendendo difficile la lettura o la visualizzazione del contenuto. (Vuoi che sia inferiore o uguale a 0,1.)

  • Primo ritardo di input (FID): si riferisce alla velocità con cui la pagina risponde a un utente (dopo il clic di un pulsante, ad esempio). Meno o uguale a 100 ms è l'ideale per questo.

Vale la pena tenere a mente anche le seguenti metriche come utili misurazioni dell'efficacia di una pagina:

  • First Contentful Paint (FCP): questa metrica misura il tempo necessario per caricare il testo above-the-fold. Questo è il contenuto che vedi senza dover scorrere. Troppi font e file di font di grandi dimensioni influiranno su questo punteggio. Come rallenterà il caricamento dei caratteri da risorse esterne.

  • Indice di velocità (SI): questa metrica registra i cambiamenti visivi dell'arresto above-the-fold. Ciò significa che i video e le immagini degli eroi influiscono tutti sul punteggio dell'indice di velocità.

  • Time to interactive (TTI): questa metrica misura quanto tempo impiega la pagina per essere pronta per l'input dell'utente. Il caricamento tardivo delle app e gli script di monitoraggio o analisi influiranno su questa metrica.

  • Tempo di blocco totale (TBT): questa metrica è come TTI, ma misura la quantità totale di tempo di blocco sulla pagina. Questo si riferisce al fatto che l'utente non è in grado di fare clic sugli elementi o di scorrere la pagina.

È importante ricordare che questi elementi vitali del web non sono affatto l'unico modo in cui il tuo sito verrà giudicato. Ci sono molti, molti fattori presi in considerazione da Google quando valuta le tue pagine. Mentre l'enfasi qui è sicuramente l'esperienza dell'utente, Google ha affermato che avere ottimi contenuti sarà ancora la considerazione più importante: cercherà di classificare le pagine con le migliori informazioni complessive, anche se l'esperienza della pagina non è il meglio del meglio.

Google non ha detto quanto sia ponderato ogni fattore, ma ha confermato che "una buona esperienza di pagina non prevale sull'avere contenuti eccezionali e pertinenti". Tuttavia, se tutti gli altri fattori sono uguali, l'esperienza della pagina potrebbe essere il fattore decisivo per la tua visibilità.

Aggiornamento della console di ricerca

Google ha aggiunto una nuova sezione a Search Console chiamata "Core Web Vitals" che riporta il rendimento del tuo sito rispetto a queste nuove metriche "Esperienza pagina". Questo rapporto ti dirà dove devi migliorare e come implementarli.

Google ha aggiornato i suoi strumenti come Lighthouse e PageSpeed ​​Insights per consentire ai proprietari di siti Web di misurare meglio le proprie prestazioni e migliorare l'esperienza della pagina per i propri visitatori. Il nostro pezzo sui controlli di velocità del sito Web offre una buona panoramica dei diversi strumenti che puoi utilizzare, oltre ai loro vantaggi e limiti in termini di valutazione del tuo sito.

Come prepararsi per i principali Web Vitals (non tutti applicabili per i negozi Shopify)

1 Pittura con contenuto più grande (LCP)

Potenziale problema: tempi di risposta del server lenti

Soluzioni

a) Risorse della cache: se il tuo HTML è statico, la memorizzazione nella cache può impedirne la ricreazione quando non è necessario, riducendo l'utilizzo delle risorse.

b) Indirizzare gli utenti a una CDN: una rete di distribuzione di contenuti utilizza server in molte località del mondo, il che elimina il problema degli utenti che sperimentano un sito più lento a causa della lontananza da un singolo server.

Potenziale problema: tempi di caricamento delle risorse lenti

Soluzioni

a) Ottimizza e comprimi le tue immagini usando tinypng: riduce le dimensioni dei file senza sacrificare la qualità, quindi si caricano più rapidamente ma hanno comunque un bell'aspetto.

b) Utilizzare un CDN di immagini: ciò ridurrà il carico utile dell'immagine, fornirà immagini su misura per ciascun dispositivo che lo richiede e invierà immagini dalla periferia della rete.

Potenziale problema: rendering lato client

Soluzioni

a) Minimizza il tuo JavaScript e rinvia JavaScript inutilizzato

b) Utilizzare il rendering lato server, se possibile

Potenziale problema: JavaScript e CSS

Soluzioni

a) Minimizza i tuoi CSS - I file CSS spesso contengono caratteri per facilitarne la lettura ma che non sono necessari per il browser. Minimizzandoli li rimuove e lo schiarisce in modo da migliorare il tempo necessario per il rendering della pagina.

b) Scaricare e fornire agli utenti la quantità minima di JavaScript necessario. Ridurre la quantità di JavaScript bloccante significa un rendering più veloce e quindi un LCP migliore.

2 Spostamento cumulativo del layout (CLS)

Potenziale problema: cambiamenti di layout imprevisti

Soluzioni

a) Includere attributi di dimensione su risorse come video e immagini, in modo che il browser abbia allocato la quantità di spazio appropriata per l'oggetto prima che venga caricato.

b) Assicurati che il contenuto inserito dinamicamente sia inserito solo sotto il contenuto esistente in modo che non attivi cambiamenti di layout imprevisti.

3 Ritardo primo ingresso (FID)

Potenziale problema: il browser non risponde rapidamente all'utente (probabilmente poiché sta ancora eseguendo JavaScript)

Soluzioni

a) Suddividere il codice di lunga durata in attività più piccole. Le attività lunghe lasciano la pagina che non risponde mentre si occupa delle attività. Suddividerli in blocchi più gestibili può aiutare a ridurre il ritardo di input.

b) Ridurre ulteriormente il tempo di esecuzione di JavaScript rinviando JS inutilizzato. Se il browser non ha bisogno del codice per eseguire il rendering della pagina, rinvialo: ciò significa che la pagina è pronta per l'interazione dell'utente più rapidamente.

Se hai bisogno di supporto per assicurarti che il tuo SEO, i contenuti o il sito web aderiscano alle ultime linee guida, contattaci e i nostri esperti di design, sviluppo e SEO di Shopify saranno felici di parlare di come possiamo aiutarti.