Nuovi criteri di Google: elementi vitali Web principali
Pubblicato: 2020-12-01Aggiornato maggio 2021
Nel marketing SEO, aziende, blog, siti Web e piattaforme online competono quotidianamente. La parte superiore dell'elenco di Google è dove vogliono essere.
Delle innumerevoli inserzioni su Google, il 90% dei siti elencati non arriva mai in prima pagina. Il 10% che fanno sono gli annunci a pagamento, i grafici della conoscenza e circa dieci elenchi organici. Il traffico tra loro è irregolare. Meno del 3% degli utenti web ottiene risultati nelle pagine di follow-up.
Fino a questo punto, i principali meccanismi di marketing SEO che hanno influenzato i titoli, i contenuti, i tag del titolo, le parole chiave, le descrizioni delle immagini, i link interni, i backlink, ecc. requisito.
I Core Web Vitals diventeranno una componente determinante delle agenzie di SEO tecniche negli Stati Uniti . Ci si può anche aspettare ed è incline a ridefinire i risultati di ricerca. Mentre il marketing SEO tradizionale abbraccia essenzialmente pertinenza, distanza e importanza, i Core Web Vitals rafforzeranno il valore.
Sommario
- Quali sono i principali Web Vital?
- I tre elementi dei vitali web principali
- La più grande vernice contenta
- Primo ritardo di ingresso
- Spostamento cumulativo del layout
- Metriche vitali del Web principale
- Strumenti di analisi dei vitali Web principali
- Perché l'ottimizzazione dei vitali Web principali è importante
- Conclusione
Quali sono i principali Web Vital?
I Core Web Vitals sono un insieme separato di metriche che determinano l'esperienza utente (UX) sui siti web. Quest'ultimo incorpora tre diverse misurazioni della velocità della pagina e dell'interazione del nodo client. Il cumulo di questi fattori sarà presente in un sistema di punteggio che determina la priorità che una pagina riceve come elenco.
I tre elementi dei vitali web principali
La più grande vernice contenta
Largest Contentful Paint (LCP) è una misura creata da Google per garantire la soddisfazione degli utenti. Questo parametro si concentra maggiormente sulle prestazioni piuttosto che sulla presentazione. Se la pagina impiega troppo tempo a caricarsi e il navigatore web se ne va, questo è considerato insoddisfacente.
Il tempo di caricamento della pagina web e i fattori dell'esperienza di Google come i tag immagine e le miniature dei video determinano la valutazione LCP. Anche le immagini di sfondo con CSS ed elementi di testo come paragrafi, intestazioni ed elenchi vengono monitorate per verificarne la fluidità.
Cause di un LCP scadente
Tempi di risposta del server lenti
La velocità di rendering di un sito Web dipende dal tempo di reazione di un server. Più lento è il server, più tempo impiegherà qualcosa per essere visualizzato sullo schermo di un dispositivo.
La soluzione principale qui è ottimizzare il tuo server. La memorizzazione nella cache delle risorse e la fornitura di HTML prima della cache accelera i processi di servizio. Inoltre, è consigliabile indirizzare gli utenti a una rete CDN vicina. Stabilendo in anticipo connessioni di terze parti, la latenza diventa minima, il che è importante per i siti Web reattivi per dispositivi mobili.
Blocco rendering CSS e JavaScript.
I browser forniscono contenuto analizzando i markup HTML in un albero DOM. Se il parser incontra fogli di stile esterni, si ferma. Script e fogli di stile esterni ritardano la distribuzione delle risorse di blocco, FCP e, infine, LCP.
CSS e Java sono robusti e possono perdere "molto peso" attraverso la deferenza, la minimizzazione e la minimizzazione. I software disponibili per la compattazione Java includono UglifyJS2, Closure Compiler e YUI Compressor. CSSnano, UNCSS e CSSO sono tutti meccanismi in grado di comprimere CSS. Il tempo di ottimizzazione del caricamento migliorerà con l'implementazione di questi strumenti.
Tempi di caricamento delle risorse scarsi
Mentre l'aumento dell'attività CSS e JavaScript produce risultati negativi, altri componenti si rivelano altrettanto problematici. Gli elementi che influiscono negativamente sull'LCP sono < image >, < img > e < video > e componenti a livello di blocco contenenti nodi di testo.
L'ottimizzazione e la compressione di file di immagine e di testo aiuterà qui. Precaricando le risorse necessarie e memorizzando nella cache le risorse, mentre si utilizza un addetto al servizio diverso, il tempo necessario si riduce.
Rendering finale utente
I siti che eseguono la maggior parte del rendering sul client perdono una buona dose di controllo. Lo svantaggio di questa opzione diventa evidente con l'uso di pacchetti JavaScript di grandi dimensioni. Nella maggior parte dei casi, il contenuto non viene visualizzato fino al completamento del rendering di JavaScript; metterà a rischio le valutazioni LCP.
La minimizzazione di JavaScript è fondamentale e il rendering dell'estremità del server è preferibile all'estremità dell'utente. Un'altra soluzione è il pre-rendering che aiuterà con il tempo di ottimizzazione del caricamento.
Primo ritardo di ingresso
First Input Delay (FID) misura il tempo dall'interazione iniziale dell'utente a quando il browser risponde. È un fattore cruciale per decidere se il cliente lascerà o meno il sito. I ritardi si verificano generalmente quando il thread principale di un browser è occupato.
I file JavaScript caricati dalle app locali di solito sono responsabili dei problemi FID. Quello che succede è che i browser tentano l'analisi e l'esecuzione, ma si verifica la latenza, che porta alla mancata risposta sui dispositivi finali. Una valutazione FID bassa può accertare che il sito o la pagina in questione è inutilizzabile.
Cause di scarsa FID
JavaScript
In genere, mentre il thread principale è occupato, il browser non può rispondere alle interazioni. L'esecuzione pesante di JavaScript aggrava questo problema imponendo ritardi sulla velocità di caricamento.
Spezzando i compiti lunghi, puoi alleviare l'arretrato. Inoltre, la limitazione del runtime di JavaScript dovrebbe migliorare la reattività. Anche l'uso di un web worker è utile. Questi sono tutti modi per ottimizzare le metriche del sito Web per l'interazione.
Spostamento cumulativo del layout
La metrica Cumulative Layout Shift (CLS) misura la stabilità del design di una pagina web. Funziona per garantire che le interazioni del cliente scorrano nel modo più naturale possibile. I navigatori web spesso subiscono interruzioni o salti durante la visualizzazione di contenuti su un sito. Quindi, porta a un'interruzione della concentrazione e crea una scarsa esperienza.
L'inconveniente è il risultato di un design debole. Gli effetti prevalgono sui siti Web reattivi per dispositivi mobili e sui browser desktop.
La mancanza di elementi di design corretti provoca instabilità visiva. Quest'ultimo tende a forzare improvvisi cambiamenti di layout, molte volte inducendo l'utente a fare clic inavvertitamente su contenuti indesiderati. Esempi tipici sono i siti con annunci pop-up.
Nuovi design, anche se correttamente strutturati, possono anche rallentare le pagine web. L'algoritmo di Google compensa consentendo un'omissione di 500 ms prima che inizi il processo di calcolo.
Cause comuni di CLS
Immagini senza dimensioni
L'esclusione degli attributi di larghezza e altezza sia per i video che per le immagini risulterà in un ranking basso. Molte persone non riservano spazio ai media e questo si traduce in salti e spostamenti.
La soluzione qui è semplice; includere sempre larghezza e altezza. L'altra opzione sono le caselle delle proporzioni CSS. Sono utili per la prenotazione di spazio sui siti web. È particolarmente utile sui siti che ospitano annunci.
Annunci, incorporamenti e iframe senza dimensioni
Gli annunci pubblicitari contribuiscono in larga misura al problema. Le reti pubblicitarie optano per il dimensionamento dinamico rispetto alla variante statica, che aumenta il traffico verso i siti web. Sfortunatamente, questo è a scapito dell'esperienza desktop o mobile.
Alcuni widget consentono di incorporare elementi come video, mappe e contenuti di social media nella pagina web. Il problema qui è che il sito spesso non ha idea delle dimensioni esatte o della composizione dell'incorporamento. Non riservando spazio, l'instabilità diventa evidente una volta caricata la pagina.
Il pre-calcolo delle esigenze spaziali necessarie per un embed o un fallback il sito evita il pericolo di CLS. Gli strumenti di sviluppo del browser sono utili per ottenere l'altezza e la larghezza del risultato. Dopo averlo stabilito, l'iframe si adatterà automaticamente allo spazio riservato ogni volta che la pagina viene caricata.
Contenuto iniettato dinamicamente
Gli elementi appena inseriti su vecchi media sono anche ciò che crea cambiamenti di layout. Esempi tipici di questi sono i banner di invito all'azione. Non solo bloccano l'interazione, ma irritano invece di convincere.
Ancora una volta, riserva spazio. Inoltre, i progettisti del sito possono aggiungere uno scheletro dell'interfaccia utente. Quest'ultimo è un segnaposto che impedirà la migrazione del testo durante il caricamento dell'immagine.
Font Web che causano FOIT/FOUT
Il download e il rendering di caratteri tipografici Web sono fondamentali per un Flash of Unstyled Text (FOUT). In questo caso, un nuovo stile sostituisce la stampa di riserva.
Un'ulteriore conseguenza è Flash of Invisible Text (FOIT) che nasconde il carattere tipografico fino a quando non diventa disponibile un nuovo caso.
L'API di caricamento dei caratteri riduce il tempo necessario per ottenere gli stili di caratteri necessari, riducendo al minimo o eliminando l'occorrenza di FOUT e FOIT.
Metriche vitali del Web principale
Come notato, i tre elementi Core Web Vital hanno misurazioni individuali. Ognuno classificato secondo diversi standard temporali.
- Una buona valutazione LCP è inferiore a 2,5 secondi. Google concederà clemenza per qualsiasi cosa al di sotto dei 4 secondi, ma ciò significa comunque che c'è spazio per miglioramenti.
- L'unità di misura del FID è millisecondi e se il tempo tra l'input dell'utente e la reazione della pagina web scende sotto 100, questo è l'ideale. Una metrica di 300 ms è accettabile, ma suggerisce problemi a venire. Tutto ciò che supera i 300 ms porta alla retrocessione dell'elenco web.
- La lettura ideale per CLS è zero. Gli algoritmi di Google accetteranno 0,1, ma poiché l'accettabilità massima è 0,25, crea un margine troppo piccolo per la flessibilità. Gli amministratori del sito web possono anche lottare per la completa perfezione.
Strumenti di analisi dei vitali Web principali
- Web Vitals per Chrome è come qualsiasi altra estensione e alcuni potrebbero non sentirsi a proprio agio con questa opzione a causa di problemi di privacy.
- Le informazioni sulla velocità della pagina sono un'interfaccia semplice che ti consente di alternare tra le opzioni desktop e mobili. I risultati del PC e del dispositivo smart differiscono indipendentemente dal software di analisi utilizzato. Quanto sopra produce dati sul campo di utenti Google reali nell'arco di 28 giorni.
- Chrome Dev Tools e i design di Lighthouse consentono loro di monitorare LCP e CLS. Sfortunatamente, lo stesso software non è in grado di misurare il FID, ma per questo esiste il TBT.
Con la proliferazione dei Core Web Vitals, è inevitabile che entrino in scena altri strumenti di monitoraggio.
Perché l'ottimizzazione dei vitali Web principali è importante
L'aggiornamento principale di Google è previsto per maggio 2021. Ciò significa che da quel momento in poi i soliti segnali SEO non saranno sufficienti per mantenere un posizionamento elevato su Google.
È un'implementazione di una UX standard che sostiene la qualità. I siti al passo con i nuovi criteri non saranno interessati. Le pagine Web che non si sono adattate ne risentiranno sicuramente, nonostante l'efficacia della loro SEO. Le inserzioni con Core Web Vitals deboli diminuiranno di classifica, lasciando spazio alle entità conformi.
Conclusione
Impostando una nuova regolamentazione nel marketing SEO, Google apre la strada al miglioramento. Lo standard Core Web Vital è il primo e molti altri seguiranno sicuramente. Queste misure creano una piattaforma per una nuova era di Internet per fondersi con altre tecnologie impeccabilmente emergenti. Inoltre, puoi utilizzare questi suggerimenti per aumentare la velocità di caricamento del tuo sito web.