Core Web Vitals: cosa sono e come influiscono sulla SEO dell'avvocato?

Pubblicato: 2021-07-10

Contenuto. Collegamenti a ritroso. RankBrain. Questi sono i primi tre fattori di ranking quando si tratta di SERP di Google, secondo lo stesso gigante dei motori di ricerca.

Ma, nel maggio 2020, Google ha annunciato che un altro segnale di ranking avrebbe attirato molta dell'attenzione del motore di ricerca nel prossimo futuro: Core Web Vitals.

In poche parole, Google sta iniziando a porre molta più enfasi sull'esperienza utente (UX), in particolare quando si tratta di esperienza di pagina.

Cosa significa questo per il progetto SEO del tuo studio legale? Spiegheremo tutto ciò che devi sapere di seguito e offriremo alcune soluzioni attuabili per aiutarti a prepararti al successo.

Cosa sono i principali Web Vital?

Attraverso Core Web Vitals, Google vuole semplicemente che i visitatori del sito abbiano un'esperienza eccezionale durante la navigazione nel tuo sito web. I Core Web Vitals sono metriche che valutano le esperienze degli utenti durante il caricamento di una pagina web.

Design piatto blu del cruscotto del desktop di ottimizzazione dell'analisi SEO.

I tre punti vitali principali del web di avvocato SEO includono:

  • Il più grande contenuto di vernice (LCP)
  • Primo ingresso display (FID)
  • Cambio layout cumulativo (CLS)

Queste metriche misurano la velocità di caricamento del contenuto della pagina , la velocità con cui un browser che carica una pagina Web può rispondere all'input dell'utente e l' instabilità del contenuto durante il caricamento nel browser .

Quindi, diamo un'occhiata a questi elementi vitali fondamentali del web in modo più dettagliato.

Il più grande contenuto di vernice (LCP)

Largest Contentful Paint (LCP) misura il tempo impiegato da un browser Web per eseguire il rendering dell'immagine o del blocco di testo più grande.

In altre parole, stima la velocità con cui gli utenti possono visualizzare i contenuti above the fold. Per garantire una buona esperienza utente, dovresti cercare di ottenere un tempo di caricamento di Paintful più grande di 2,5 secondi o meno.

fonte: web.dev

Il CSS critico è il più grande fattore di influenza dei punteggi LCP. È un insieme di stili necessari per visualizzare la struttura, l'aspetto e l'aspetto della tua pagina nell'area visibile o above the fold.

Solo due stili dovrebbero essere caricati in modo sincrono su una pagina web ed essere incorporati nell'output HTML del tuo sito. Il resto del CSS dovrebbe essere caricato in modo asincrono dopo il caricamento della prima pagina.

Ciò elimina i CSS come risorsa di blocco del rendering, ottimizzando la capacità del browser di fornire le risorse necessarie più velocemente e visualizzare il contenuto above the fold molto più rapidamente.

Come posso migliorare il mio punteggio LCP?

Per migliorare ulteriormente il tuo punteggio LCP, ecco alcune cose che dovresti fare:

  • Ottimizza immagini: le immagini sono spesso i più grandi maiali di larghezza di banda. Usa il tipo, le dimensioni e la compressione corretti dell'immagine per ridurre l'ingombro extra necessario al browser per scaricare il contenuto, il che garantisce un punteggio LCP più veloce.
  • Usa il formato file corretto: i due formati di file immagine comuni sono JPEG e PNG. Usa JPEG per immagini con diversi colori (migliaia o addirittura milioni) e PNG per line-art e immagini con meno colori.
  • Comprimi le tue immagini: usa l'algoritmo di compressione del tuo formato immagine per ottenere risparmi ancora più significativi. Fortunatamente, ci sono più plugin disponibili per aiutarti a comprimere le immagini in blocco.
  • Ridimensiona immagini: le pagine Web e le immagini hanno dimensioni. Puoi impostare le giuste dimensioni dell'immagine utilizzando un software di fotoritocco o configurare gli attributi di larghezza e altezza del tag HTML IMG.
  • Riduzione del tempo di risposta del server: in genere, il tempo di risposta del server è determinato dalla velocità del server dell'host. Definito anche tempo al primo byte (TTFB), il tempo di risposta del server è il tempo impiegato dal server web per rispondere a una richiesta dell'utente, inclusi i file HTML, JavaScript, CSS e dei caratteri. Se il tempo di risposta del tuo server è estremamente lento, considera di cambiare host o di aggiornare il tuo pacchetto per servizi SEO migliori per lo studio legale.

LCP è solo un pezzo del puzzle. Anche la visualizzazione del primo input è un componente importante di Core Web Vitals.

Primo ingresso display (FID)

First Input Display (FID) tiene traccia del tempo da quando un visitatore interagisce per la prima volta con la tua pagina web dopo essere arrivato su di essa al momento in cui il browser inizia a elaborare tale interazione.

In termini più semplici, FID si riferisce al ritardo tra quando un utente fa clic su un collegamento o tocca qualcosa come un pulsante di social media e il momento in cui il browser risponde all'azione e inizia a elaborarla.

fonte: web.dev

In genere, il FID viene misurato in millisecondi (ms). Il tuo sito dovrebbe sforzarsi di raggiungere un punteggio FID di 100 millisecondi o meno. Quando gli utenti atterrano sul sito web del tuo studio legale, i widget e i pulsanti di condivisione compaiono all'inizio e possono ritardare la capacità dell'utente di intraprendere la prima azione. Effettuando le giuste ottimizzazioni, puoi ridurre tali ritardi e migliorare l'esperienza dell'utente.

Come posso migliorare il mio punteggio FID?

In genere, se il tuo punteggio FID non è impressionante, è un'indicazione che il tuo utilizzo di CSS o JavaScript non è ottimizzato. I file CSS devono essere scaricati e analizzati più velocemente per consentire al browser di eseguire il rendering del layout di pagina. Minimizzare e comprimere i file o eliminare il codice CSS inutilizzato può migliorare significativamente il punteggio FID del tuo sito.

Ecco altre strategie che puoi utilizzare per ridurre al minimo il tempo di visualizzazione del primo input del tuo sito:

  • Rinvia JavaScript inutilizzato: se stai utilizzando JS moderno, puoi semplicemente configurare i moduli ES6 per caricare JavaScript su richiesta.
  • Riduci al minimo i Polyfill inutilizzati: i browser meno recenti richiedono solitamente i Polyfill. Assicurati che i polyfill non vengano eseguiti quando non sono necessari. Puoi fornire pacchetti separati con moduli o senza moduli.

C'è un ultimo pezzo del puzzle Core Web Vitals: Cumulative Layout Shift.

Cambio layout cumulativo (CLS)

Anche con molta enfasi sull'esperienza utente, è sorprendente che molti proprietari di siti Web non abbiano fatto nulla per stabilizzare i loro layout. Invece, riempiono ancora le loro pagine con banner, interstitial e annunci intrusivi che danneggiano l'esperienza dell'utente.

fonte: web.dev

Ecco perché Google ha introdotto Cumulative Layout Shift (CLS) come uno dei principali segnali di Page Experience. La metrica viene calcolata sommando tutti i cambiamenti di layout non causati dall'interazione dell'utente. CLS in genere esamina la percentuale della finestra interessata dagli spostamenti del layout e la distanza di spostamento dei parametri.

Un punteggio CLS può essere 0 per le pagine completamente statiche e aumenta man mano che si verificano più cambiamenti di layout nella pagina web. In genere, più basso è il punteggio CLS, maggiore è la stabilità visiva del tuo sito. Google consiglia di mantenere un punteggio CLS inferiore a 0,1.

Un punteggio CLS scadente è comune con i siti Web orientati al commercio che cercano di monetizzare il traffico attraverso la pubblicità. Quando gli utenti atterrano sul tuo sito, non dovrebbero essere accolti da pop-up e cose che si muovono. Fa male alla loro esperienza di navigazione invece di lasciare che trovino le risposte alle loro domande, motivo per cui visitano il sito Web del tuo studio legale in primo luogo.

Come posso migliorare il mio punteggio CLS?

Fortunatamente, puoi apportare alcune modifiche per migliorare lo spostamento cumulativo del layout. Loro includono:

  • Utilizzo dei valori di link rel=preload e font:display: se il sito Web del tuo studio legale utilizza caratteri ospitati online, potresti riscontrare FOUT (Flashes of the Unstyled Text) e FOIT (Flashes of the Invisible Text). Quando un browser scarica i caratteri dal server, di solito visualizza una pagina vuota fino al caricamento dei caratteri personalizzati. Una volta scaricato il carattere visualizzato, il layout potrebbe spostarsi molto. L'uso dei valori di link rel=preload e font:display può aiutare a stabilizzare il layout.
  • Compresi gli aspetti di larghezza e altezza per immagini e video: è sempre meglio ridimensionare le immagini utilizzando il rapporto di aspetto, il rapporto tra larghezza e altezza (ad es. 16:9). Consente ai browser di calcolare lo spazio necessario per visualizzare l'immagine, riducendo il rischio di spostamento del layout. Con le immagini reattive, usa l'attributo srcset per impostare diverse dimensioni dell'immagine per visualizzare le dimensioni adatte.

Ora che hai una migliore comprensione di cosa sono i Core Web Vitals, è importante dare un'occhiata dietro le quinte per controllare i punteggi del tuo sito web.

Come posso misurare i Web Vital principali?

Da quando Google ha introdotto Core Web Vitals, il numero di modi per controllare o misurare le prestazioni di un sito Web è salito alle stelle. Oggi esistono dozzine di diversi strumenti di misurazione Core Web Vital.

Questi strumenti rientrano in una delle due categorie: strumenti da campo e strumenti da laboratorio. Gli strumenti sul campo forniscono dati grezzi raccolti dagli utenti, mentre gli strumenti di laboratorio forniscono dati in base a come gli utenti probabilmente sperimentano un sito.

Gli strumenti più popolari per il controllo dei Core Web Vitals includono:

  • Console di ricerca di Google
  • Google Page Speed ​​Insights
  • Rapporto sull'esperienza utente di Chrome (CrUX)
  • Faro di Google
  • Chrome DevTools e
  • Test della pagina web.

Quindi quale strumento dovresti usare? Prenditi del tempo per verificare come funzionano i diversi strumenti. I nostri esperti SEO adorano Lighthouse: è lo strumento leader di laboratorio e offre flessibilità come estensione di Chrome.

Per controllare i punteggi di un sito Web, è sufficiente eseguire lo strumento di sviluppo Lighthouse sul browser Google Chrome, visitare il sito che si desidera misurare e generare un rapporto Core Web Vitals.

Dopo un rapido controllo, otterrai risultati dettagliati sulle prestazioni del tuo sito (comprese le metriche al di sopra e al di là dei tre principali Web Vital principali), insieme a suggerimenti per migliorare i tuoi punteggi complessivi.

In che modo i principali fattori vitali del Web influenzano la SEO dell'avvocato

Core Web Vitals combinati con altre variabili del sito possono creare un ottimo punteggio per l'esperienza dell'utente.

Grafici e icone blu.

Sebbene Core Web Vitals rappresentino la parte del leone nel punteggio dell'esperienza utente, anche altri fattori li influenzano, tra cui:

  • HTTPS : i siti Web protetti spesso offrono un'esperienza utente migliore poiché molte persone evitano i siti non protetti. Assicurati che tutti gli indirizzi nel tuo sito siano pagine HTTPS per aiutare il punteggio dell'esperienza utente.
  • Mobile friendly: Google considera il supporto per i dispositivi mobili come un importante segnale di esperienza utente e migliorerà il tuo posizionamento nei risultati di ricerca.
  • Sicurezza: qualsiasi virus o malware sul tuo sito web può danneggiare il tuo punteggio di esperienza utente. La navigazione sicura è essenziale per un'esperienza utente positiva con i tuoi contenuti ed è un fattore di ranking che Google considera vitale.
  • Nessun popup interstiziale: se il tuo sito è pieno di popup, possono sopraffare la pagina e diventare un fastidio, con un effetto negativo sul ranking di Google. Evita sempre annunci invadenti per migliorare l'esperienza dell'utente.

Sebbene questi parametri svolgano un ruolo significativo nei punteggi dell'esperienza utente, i Core Web Vitals influiscono notevolmente sulla tua esperienza utente e sul ranking di Google. Se i punteggi Core Web Vital del tuo sito non sono complessivamente impressionanti, potresti notare un calo nelle classifiche del tuo sito. Inoltre, maggiore è il peso che Google attribuisce a Core Web Vitals come segnale di posizionamento, più è probabile che tu veda cambiamenti significativi nel modo in cui i siti si classificano.

LawRank può aiutarti a migliorare i tuoi dati vitali principali sul Web e a raggiungere il successo SEO

In definitiva, l'ottimizzazione del tuo sito web in base a queste tre metriche migliorerà l'esperienza dell'utente. L'ultima cosa che vuoi è che i visitatori raggiungano il sito web del tuo studio legale e si sentano frustrati dal caricamento lento delle pagine o dai layout che si spostano inaspettatamente dal loro dispositivo mobile. Tali esperienze negative alla fine si rifletteranno negativamente sulla tua pratica legale.

L'ottimizzazione del sito web del tuo studio legale per Core Web Vitals è un aspetto particolarmente complicato del processo SEO. Ottenere i migliori risultati richiederà tempo, una mano esperta e una conoscenza approfondita della SEO tecnica in loco per gli avvocati.

Concentrati sul fornire il miglior servizio possibile ai tuoi clienti: lascia che gli specialisti SEO dell'avvocato di LawRank migliorino il sito web della tua azienda per la massima esperienza utente. Siamo un'azienda SEO leader per gli avvocati: facciamo in modo che studi legali come il tuo si classificano quando e dove conta di più e i nostri risultati parlano da soli. Questo perché adottiamo un approccio globale alla SEO, il che significa che non c'è nulla di intentato e nessun dettaglio lasciato incontrollato.

Contattaci oggi per saperne di più su come il nostro team può aiutarti a migliorare i tuoi Core Web Vitals e altri aspetti della tua campagna SEO.