6 modi per gli utenti di HubSpot di superare l'aggiornamento di Core Web Vitals

Utenti HubSpot: quando è stata l'ultima volta che hai controllato la velocità della tua pagina? Se è passato un po', hai del lavoro da fare. Ecco perché:

Google ha iniziato a lanciare il suo tanto atteso aggiornamento Page Experience . Il nuovo algoritmo di ranking dovrebbe essere completato entro la fine di agosto 2021. La velocità del sito , l'esperienza utente complessiva e la reattività della pagina diventeranno tre fattori critici che determinano il ranking dei motori di ricerca. Google ha creato tre metriche note come Core Web Vitals per misurare l'esperienza della pagina di un sito prima del loro aggiornamento.

Esistono diversi strumenti per aiutarti a misurare questi Core Web Vitals e molti suggerimenti per aiutarti a migliorarli, ma come utente HubSpot, alcuni di questi consigli potrebbero non essere la soluzione migliore. Ecco perché abbiamo messo insieme questa guida specifica di HubSpot per superare l'aggiornamento di Page Experience. Ecco 6 modi in cui gli utenti di HubSpot possono superare l'aggiornamento di Core Web Vitals.

1. Comprendi quali sono i principali Web Vital

Per prima cosa, assicuriamoci di avere una solida comprensione di cosa sono i principali elementi vitali del web, come misurarli e come appare un buon punteggio. Un giusto avvertimento: questi termini suonano un po' complicati. Ma quando li scomponi, è molto più semplice di quanto sembri.

Le tre metriche che compongono i Core Web Vitals di Google sono:

• Largest Contentful Paint (LCP) - Misura la velocità del tuo sito. La metrica si riferisce al tempo impiegato dal contenuto principale della pagina per caricare sullo schermo di un utente. Consideralo come la quantità di tempo necessaria al caricamento del contenuto dopo aver fatto clic su un collegamento.
• First Input Display (FID) - Misura l'interattività su una pagina. Misura il tempo impiegato da un utente per interagire con il tuo sito. Ad esempio, quando qualcuno fa clic su un pulsante, il FID misura la quantità di tempo necessaria per elaborare effettivamente quella richiesta.
• Cumulative Layout Shift (CLS) - Misura la stabilità di una pagina durante il caricamento o la "stabilità visiva". Un CLS elevato significa che gli elementi della tua pagina si spostano molto durante il caricamento, il che non è una buona esperienza per l'utente.

Insieme a queste metriche, Google ha anche stabilito benchmark in cui determina se una pagina soddisfa i Core Web Vitals. Ecco l'obiettivo:

• LCP - Una pagina dovrebbe caricare il contenuto principale entro 2,5 secondi dall'arrivo su di essa.
• FID - Un utente deve interagire con la pagina entro 100 millisecondi dall'arrivo su di essa.
• CLS - Il punteggio di spostamento del layout cumulativo deve essere inferiore a .1, il che significa che ci sono salti minimi o nulli nel layout della pagina.

Quindi, ora che sai quale punteggio dovresti ottenere, come misuri i Core Web Vitals del tuo sito? Google ha reso tutto molto semplice per i proprietari di siti aggiungendo diversi nuovi modi per misurare queste metriche. Non li esamineremo tutti qui, ma forse il modo più semplice è andare su Page Speed ​​Insights e inserire il tuo URL. Riceverai automaticamente un punteggio e consigli per migliorare questo punteggio. La pagina ti dirà anche se il tuo punteggio si qualifica come passaggio o meno.

2. Usa lo strumento di suggerimenti SEO di HubSpot

Con una solida conoscenza dei Core Web Vitals di Google, puoi quindi sfruttare gli strumenti di HubSpot. In preparazione per l'aggiornamento di Page Experience, HubSpot ha rinnovato il proprio strumento di consigli SEO per includere metriche che ti aiutano a migliorare i tuoi punteggi Core Web Vital. È utile esaminare questi consigli, insieme a quelli di Google, poiché HubSpot ti darà suggerimenti unici basati sulla piattaforma del loro sito web.

Come usi questo strumento? HubSpot lo rende piuttosto semplice per i suoi utenti:

1. Nel tuo account, vai al tuo Marketing Hub.
2. Vai su "Sito web" e fai clic su "SEO".
3. Vedrai un'opzione per scansionare un nuovo dominio per i consigli.
4. Inserisci il dominio del tuo sito web e fai clic su "Scansione URL".
5. Al termine della scansione, fai clic su "Visualizza consigli".
6. Noterai che HubSpot ti offre sette categorie. Le prestazioni, la sicurezza e l'esperienza utente sono state aggiunte alla luce dell'aggiornamento di Page Experience.

Lo strumento di consigli SEO di HubSpot ti offre un buon punto di partenza per capire quali aree del tuo sito potrebbero aver bisogno di miglioramenti prima che il lancio di Google sia completo. Ma ci sono anche altre regolazioni specifiche di HubSpot che potresti voler valutare e modificare se necessario.

3. Caricamento lento di immagini di grandi dimensioni

Uno dei maggiori ostacoli a un LCP veloce o al tempo di caricamento della pagina è un'immagine o file video di grandi dimensioni. La migliore pratica è ridurre e comprimere le immagini il più possibile prima di ospitarle sul tuo sito HubSpot. Ma a volte, non puoi semplicemente andare in giro con file di dimensioni maggiori. È qui che vorrai sfruttare ciò che viene chiamato "Caricamento pigro".

Lazy Loading è esattamente come sembra. È qui che le immagini sulla tua pagina non vengono caricate completamente finché non sei passato alla sezione della pagina in cui si trova quell'immagine. Al suo posto c'è una miniatura di bassa qualità fino a quando lo scroller non arriva all'immagine. Non caricando completamente questi file più grandi, il tempo di caricamento della pagina diminuisce notevolmente.

In passato, come utente HubSpot, per implementare il Lazy Loading, dovevi aggiungere il codice in un modulo personalizzato. Significa che avevi bisogno dell'assistenza di uno sviluppatore web. Ora, HubSpot ti consente di implementare il caricamento lento nei moduli predefiniti. Ciò significa che puoi facilmente abilitare il caricamento lento durante la creazione di pagine di destinazione, post di blog o altre pagine di siti Web utilizzando il modulo immagine predefinito.

Come? Aggiungi semplicemente un modulo immagine a una pagina e seleziona "Caricamento pigro" all'interno dell'interruttore "Caricamento immagine". È così facile.

Prima di iniziare a farlo su tutte le tue immagini, una parola di cautela. Il caricamento lento delle immagini a volte può influire sul layout della pagina o sull'esperienza utente. Quindi usalo strategicamente. Le immagini che hanno già una dimensione del file ridotta potrebbero non averne bisogno.

4. Ricontrolla i contenuti intelligenti

I contenuti intelligenti sono uno strumento prezioso in HubSpot. Ma se non utilizzato correttamente, potrebbe influire sull'esperienza dell'utente. Ti consigliamo di ricontrollare tutte le pagine su cui hai contenuto intelligente. Ha senso la personalizzazione? Sta funzionando nel modo in cui un utente potrebbe aspettarsi?

In genere, HubSpot è abbastanza bravo nel caricare il contenuto giusto quando si utilizza lo strumento Smart Content. Ma durante l'analisi dei tuoi Core Web Vitals e delle prestazioni del tuo sito, è una buona idea testare l'esperienza tu stesso. Assicurati che tutto venga caricato come previsto e che il layout della pagina si comporti come dovrebbe.

Potresti anche voler analizzare le prestazioni dei tuoi contenuti intelligenti. Dai un'occhiata alle visualizzazioni totali di pagina, agli invii di moduli e ai clic CTA per determinare se gli utenti stanno rispondendo in modo appropriato ai tuoi contenuti intelligenti. In caso contrario, forse è il momento di ripensare a come stai presentando questo contenuto.

5. Ritarda il tuo strumento di chat

Utilizzi lo strumento di chat di HubSpot? Probabilmente ti piace abbastanza, e lo capiamo. È un'ottima funzionalità per la conversione del traffico e la generazione di lead. Sfortunatamente, ha un grande effetto sulla velocità della tua pagina.

No, non ti stiamo chiedendo di sbarazzartene. Ma ci sono alcune cose che puoi fare per ottimizzarlo in modo che non rallenti il ​​tuo sito. Puoi ritardare il tempo di caricamento della chat, in modo che appaia solo dopo che la tua pagina non è stata completamente caricata per l'utente. Ecco come:

1. Passa a Conversazioni -> Flussi di chat.
2. Fai clic su "modifica" sul flusso di chat che desideri modificare.
3. Sotto "Visualizza" e "Comportamenti di visualizzazione della chat", noterai una richiesta per modificare l'ora sulla pagina.

Inserisci il numero di secondi in cui desideri ritardare la chat. Ciò ritarderà il caricamento della chat per il periodo di tempo impostato. HubSpot consiglia 5 secondi come procedura consigliata.

6. Fai attenzione con i moduli HubSpot

I moduli e le CTA di HubSpot possono avere un impatto piuttosto drastico sulla velocità della pagina, specialmente sui dispositivi mobili. Come mai? Ogni modulo e CTA ha il proprio Javascript, che richiede una notevole quantità di tempo di caricamento.

La soluzione più semplice consiste nell'utilizzare moduli e CTA con parsimonia. Non sempre optare per il pulsante. A volte puoi utilizzare un normale collegamento ipertestuale al posto di CTA e ottenere gli stessi risultati. Ti consigliamo inoltre di essere un po' più strategico nel posizionamento dei moduli e delle CTA. Ad esempio, molte aziende sono così concentrate sulla generazione di lead che scelgono di compilare un modulo nel piè di pagina di quasi tutte le pagine del loro sito. È davvero necessario?

Usa i dati per alimentare la tua decisione. Accedi a quali moduli funzionano bene e confrontalo con i vantaggi dell'aumento del tempo di caricamento della pagina. Decidi se vale la pena aumentare la velocità della tua pagina rimuovere un particolare modulo o CTA. Ti consigliamo anche di testare i risultati delle CTA dei collegamenti ipertestuali. Se funzionano altrettanto bene, hai scoperto un modo per acquisire lead e ridurre il tempo di caricamento della pagina.

Ho migliorato i Core Web Vitals del mio sito HubSpot. Quando vedrò i risultati?

È una domanda difficile a cui rispondere. Dipende in primo luogo da quanto erano scadenti i tuoi Core Web Vitals. Se hai segnato da qualche parte in rosso e ora stai segnando in verde, potresti vedere alcuni cambiamenti piuttosto drastici nel traffico web.

Ma i vantaggi vanno oltre il posizionamento e il traffico di ricerca. Probabilmente vedrai anche un aumento delle conversioni. Pensaci. Se offri un'esperienza utente complessiva migliore, con un tempo di caricamento della pagina rapido e spostamenti di pagina minimi o nulli, è meno probabile che gli utenti si sentano frustrati dal tuo sito e di conseguenza rimbalzino su di esso.

Quindi, anche se non possiamo garantire che vedrai un aumento istantaneo nelle classifiche dei motori di ricerca, possiamo scommettere che dedicando del tempo a migliorare i tuoi Core Web Vitals, avrai utenti del sito Web più felici e, di conseguenza, traffico molto è più probabile che si converta.