Mirco Cilli

Google Core Web Vitals
The importance of UXs in the world of SEO

In the last few years, the user experience while surfing websites has been becoming more and more important, not only to experienced users who aim at creating and projecting a website, but for those working on the SEO aspects and on the optimisation activities on web search engines too.
In 2021 Google officially introduced specific indicators linked to user experiences as ranking factors, called Core Web Vitals.
Their goal is undoubtedly crystal clear: to simplify website usability and to improve website performances, to make it even easier and more pleasant the navigation experience of users online.

Content Index

  • What Are Core Web Vitals?
  • What Core Web Vitals Can You Find?
  • How to Analyse Core Web Vitals
  • How To Improve Core Web Vitals
  • How Can Core Web Vitals Change SEO?

What Are Core Web Vitals?

Core Web Vitals are parameters Google refers to in order to rate the global experience level of user navigation online.
Such indicators are new ranking factors in addition to all other signals a web search engine considers to determine website performances. For example: granting safety thanks to HTTPS protocols, reducing the time pages take to be loaded, optimising pages for mobile devices and defining proper ads on pages created using Javascript or Flash.

IMAGE

What Core Web Vitals Can You Find?

Let us take a closer look at Core Web Vitals:
LCP - Largest Contentful Paint (Speed Indicator)

IMAGE

It tracks the upload time needed to view the main content in terms of weight and size, in the section of the website displayed the moment a user requests the website url (Above the fold).
Generally it is an image, a video or a big text segment.
According to Google, in order to give a good user experience, websites should have a loading time (LCP) within 2.5 seconds.
This implies that the section displayed is the main content and affects contents considered less invasive such as big-sized pictures and videos, big titles, advertising banners and so on. It is important to highlight that this metric does not take into consideration the time needed to download a content, but the space amount of such an element in the section displayed.

FID - First Input Delay (Response Indicator)

IMAGE

It keeps track of the interaction time on the website, i.e. the time spent between the first interaction by a user and the response the browser sends. For instance:
the click on a link or a button and so on.
According to Google, a good experience is possible when the user interaction with the pages of a website (FID) is within 100 milliseconds.
The optimisation of the performances of the first delay input is very important because the first response a user has from a website is fundamental to make a good impression about the navigation reliability of a website.
Users do not like to wait, so waiting much longer than expected can be a decisive factor in choosing to abandon a web page or not to finalize a purchase.

CLS - Cumulative Layout Shift (Stability Indicator)

It keeps track of the content moved on a web page in order to spot the risk of wrong interactions.
Basically, this indicator takes potential sudden layout changes into consideration, which may cause a shift right after the loading of the page, for all the time a user is surfing on it.
Users who are about to interact with a web page and suffer from a sudden movement of the elements on it face a negative experience on the website and waste their time too. Both things may cause users to abandon the website.
CLS tracking depend on two different factors:

  • Impact: i.e. the area usually covered by an element in a window and then covered by it after it has been moved
  • Distance: i.e. the furthest distance covered by an the element during the movement (horizontally or vertically) divided by the window’s biggest size possible (height or width)

According to Google guidelines, a result lower than 0.1 is considered a good CLS result.

How to Analyse Core Web Vitals

The first step to take in order to get how to improve performances is to test a website and to find out what its critical points are.
Generally, it is good to test a website on different platforms, in order to obtain results as real as possible.
The main online tools to analyse Core Web Vitals are:

Page Speed Insight
IMAGE

Page Speed Insight is a tool by Google that analyses the contents of a website on desktop and mobile platforms, creating various suggestions to improve its performances.
In the upper part of its report, PSI assigns a score based on the performances of a web page. That score is based on test data analysed by
Lighthouse.
According to different colours, a score can change:

  • A score matching 90 or more: good
  • A score between 50 and 90: needs improvement
  • A score lower than 50: lacking

The audit outcome is then divided into three sections:
IMAGE

  • Opportunities: they give recommendations on how to improve metrics about the performances of a web page. Every recommendation in this section rates the speed rate a web page gets loaded at, if an improvement is implemented
  • Diagnostics: gives additional information on how a page follows the best practice to a full web development
  • Passed Checking: shows the checking the web page has passed correctly

Google Search Console

Among its countless functions,
Search Console provides a dominion report on essential web signals. These signals are important to indicate website page performances according to data based on its real usage.
In the Essential Web Signals report, URL performances are shown according to status, metrics and URL groups (groups of similar web pages and so on).
LCP, FID and CLS are important metrics and if a good amount of data is not available for at least one of these three, URL is not included in the report.

Google Tag Manager

Referring to the Javascript library created by Google about Core Web Vitals, it is possible to collect and rate a series of data while real users surf the website.
Using APIs from Google Tag Manager, it is possible to track behaviours of single users and to forward LCP, FID and CLS metrics of each page to Google Analytics directly.

How To Improve Core Web Vitals

Once critical points from various analysis tests are shown, Google guidelines recommend correcting every metrics which has been marked as “lacking”.

Largest Contentful Paint - LCP
Causes which may slowing down the rendering of a web page can be:

  • Slow response by servers
  • Javascript and CSS blocking the rendering
  • Loading times of non-optimised resources
  • Customer-rendering affected while using Javascript

First Input Delay - FID
According to Google, the reasons for a website to show a lacking interactivity can be:

  • Very long requests by browsers
  • Long time to set Javascript in motion
  • Heavy Javascript libraries
  • Javascript resources blocking the rendering

Cumulative Layout Shift - CLS
Problems which may lead to a lack in stability of displayed contents of a website are:

  • Images with no size
  • Ads, Iframes and other elements with no size
  • Contents placed dynamically on a page
  • Web fonts loaded wrongly

How Can Core Web Vitals Change SEO?

Considering Core Web Vitals as ranking factors highlights the change of the general attitude that the whole SEO world has already been developing in the last few years.
Emphasizing User Experience leads to a change in the focus of all optimisations, not only on web search engines but, above all, on users.
This new user-centred approach is paramount to improve all the main vital signals leading to a better experience. This has to be seen from a holistic point of view, in order to consider all the aspects about speed, response and stability of web pages as one single thing.
The optimisation of these factors makes a contribution to the improvement of website performances and, as a consequence of that, of website positioning on web search engines, increasing both their reliability and conversion rates.

Mirco

Core Web Vitals di Google: l’importanza della UX per la SEO 

La User experience su un sito web è diventata nel corso degli anni una tematica sempre più importante non solo per gli addetti ai lavori chiamati alla progettazione e alla realizzazione di un sito web, ma anche per chi fa SEO e si occupa dell’ottimizzazione sui motori di ricerca.

Dal 2021 infatti, Google ha ufficialmente introdotto come fattore di ranking una serie di indicatori specifici legati all’esperienza dell’utente che prendono il nome di Core Web Vitals.

L’obiettivo dunque è chiaro e inequivocabile.
Semplificare l’usabilità e migliorare le prestazioni dei siti per facilitare ancora di più l’esperienza di navigazione degli utenti sul web.

 


Cosa sono i Core Web Vitals?

I Core Web Vitals sono dei parametri utilizzati da Google per indicare il livello di esperienza globale di navigazione dell’utente.

Tali indicatori rappresentano dei fattori di ranking che vanno ad aggiungersi a tutti gli altri segnali che il motore di ricerca considera per determinare le prestazioni di un sito.
Ad esempio: garantire la sicurezza con il protocollo HTTPS, minimizzare il caricamento delle pagine, ottimizzare le pagine per i dispositivi mobili e strutturare in maniera adeguata gli annunci pubblicitari presenti sulle pagine realizzate con Javascript o Flash.

search signal for page signal google

 

Quali sono i Core Web Vitals?

Vediamo nel dettaglio quali sono i Core Web Vitals:

LCP – Largest Contentful Paint (Indicatore di velocità)

Calcola il tempo di caricamento impiegato per visualizzare il contenuto più grande, in termini di peso e dimensione, all’interno della porzione di sito visibile dal momento in cui l’utente richiede l’URL (Above the fold).

In genere si tratta di un’immagine, di un video o di un elemento di testo di grandi dimensioni.

Google stabilisce che per fornire una buona esperienza utente i siti dovrebbero registrare un tempo di caricamento (LCP) entro i 2,5 secondi.

Questa metrica presuppone che l’oggetto immediatamente visibile sia il contenuto principale e penalizza i contenuti ritenuti invasivi come ad esempio immagini e video di enormi dimensioni, titoli molto grandi, banner pubblicitari, ecc. 

È importante sottolineare che questa metrica non considera il tempo impiegato per il download, bensì la quantità di spazio che l’elemento presente utilizza nell’area visualizzata.


FID – First Input Delay
(Indicatore di reattività)

Misura il tempo di interazione con il sito, ovvero il tempo trascorso tra la prima interazione che un utente effettua e la risposta effettiva che il browser impiega per quell’azione. Esempio: clic su un collegamento o su un pulsante, ecc.

Google stabilisce che per fornire una buona esperienza gli utenti dovrebbero poter avere un’interazione con le pagine del sito (
FID) entro i 100 millisecondi.

Ottimizzare le prestazioni del primo input delay è molto importante poiché la prima interazione che ha l’utente con il sito web risulta fondamentale per garantire una buona impressione su quella che è la qualità e l’affidabilità di navigazione. 

All’utente non piace aspettare, perciò attese superiori alle normali tempistiche di navigazione possono risultare decisive per determinare l’abbandono della pagina o, perché no, causare un mancato acquisto.


CLS – Cumulative Layout Shift
(Indicatore di stabilità)

Misura lo spostamento dei contenuti all’interno della pagina per determinare la possibilità di interazioni errate. 

In sostanza questo indicatore considera eventuali improvvisi cambiamenti di layout che provocano uno shift dopo il caricamento della pagina per tutta la durata della visita.

Un utente che sta per interagire con la pagina e subisce uno spostamento improvviso degli elementi vive un’esperienza negativa con il sito e una perdita di tempo che possono portare all’abbandono dello stesso.

La misurazione del CLS dipende dalla valutazione di due fattori: 

  • La componente d’impatto: misura lo spazio che un elemento normalmente occupa all’interno della finestra e quello che occupa dopo il suo spostamento.
  • La componente di distanza: misura la distanza maggiore che l’elemento instabile ricopre durante lo spostamento (in orizzontale o in verticale) diviso per la dimensione più grande della finestra (altezza o larghezza).

Secondo le linee guida di Google per ottenere un buon risultato è necessario raggiungere un punteggio (CLS) inferiore a 0,1.

 

Come misurare i Core Web Vitals?

Il primo passo per capire come intervenire e migliorare le proprie prestazioni è quello di testare il proprio sito e individuare le potenziali criticità.
In genere è buona prassi testare il sito con diverse piattaforme in modo da ottenere un risultato quanto più attendibile.

I principali tool online per misurare i Core web vitals sono:

Page Speed Insight


Page Speed Insight è uno strumento di Google che analizza i contenuti di un sito web da Desktop e da Mobile e genera una serie di suggerimenti per renderlo più performante.

Nella parte superiore del report, PSI fornisce un punteggio che riassume le prestazioni della pagina. Tale punteggio si basa sui dati di prova controllati che vengono analizzati da Lighthouse.

A seconda dei colori si identifica:

  • Un punteggio di 90 o superiore considerato buono;
  • Un punteggio da 50 a 90 che necessita di miglioramenti;
  • Un punteggio Inferiore a 50 considerato scarso.

Il risultato dell’audit viene separato in tre sezioni:

  • Le opportunità: forniscono suggerimenti su come migliorare le metriche sul rendimento della pagina. Ogni suggerimento in questa sezione stima quanto più velocemente verrà caricata la pagina se il miglioramento viene implementato.
  • La diagnostica: fornisce informazioni aggiuntive su come una pagina aderisce alle best practice per lo sviluppo web.
  • Controlli superati: indica i controlli che sono stati verificati correttamente dalla pagina.


Google Search Console

Search Console tra le innumerevoli funzionalità offerte, fornisce un rapporto a livello di dominio sui Segnali web essenziali, con cui vengono indicate le prestazioni delle pagine del sito in base ai dati sull’utilizzo reale.

Nel rapporto Segnali web essenziali vengono indicate le prestazioni degli URL per stato, tipo di metrica e gruppo di URL (gruppi di pagine web simili).

Le metriche alla base sono LCP, FID e CLS e se per un URL non è disponibile una quantità minima di dati per almeno una di queste metriche, l’URL viene omesso dal rapporto.


Google Tag Manager

Attraverso la libreria Javascript creata da Google per i Core web vitals è possibile raccogliere e misurare una serie di dati durante la navigazione degli utenti reali.
Sfruttando le API da Google Tag Manager è possibile tracciare i singoli comportamenti degli utenti e trasferire le metriche LCP, FID e CLS di ciascuna pagina direttamente alla proprietà di Google Analytics.

 

Come migliorare i Core Web Vitals?

Una volta individuate le criticità dai vari test di analisi, le linee guida di Google consigliano di correggere tutte quelle metriche che sono state rilevate come “scarse”.

Largest Contentful Paint – LCP

Le cause previste che possono rallentare il rendering di una pagina web possono essere: 

  • Tempi di risposta lenti del server;
  • Javascript e CSS che bloccano il rendering;
  • Tempi di caricamento delle risorse non ottimizzate;
  • Rendering lato Client usando Javascript


First Input Delay – FID

Secondo Google i motivi di una insufficiente interattività del sito possono riguardare:

  • Richieste molto lunghe del browser;
  • Tempi lunghi per l’esecuzione di Javascript;
  • Pesanti librerie di Javascript;
  • Il rendering viene bloccato da risorse Javascript.


Cumulative Layout Shift – CLS

I problemi che possono portare a una scarsa stabilità dei contenuti visuali di un sito possono essere:

  • Immagini senza dimensioni;
  • Presenza di Annunci, Incorporamenti e Iframe senza dimensioni;
  • Contenuti iniettati dinamicamente nella pagina;

Errato caricamento dei Web fonts.

 

Come i Core Web Vitals cambiano la SEO?

L’ingresso dei Core web vitals nell’elenco dei fattori di ranking, sancisce definitivamente per il mondo della SEO il cambio di approccio già cominciato negli ultimi anni.

L’enfasi sulla User Experience porta a traslare il focus di tutte le ottimizzazioni non solo e principalmente su un’ottica motore di ricerca ma anche, e soprattutto, in considerazione di quella dell’utente.

Seguire questo nuovo approccio metodologico e mettere al centro l’utente è molto importante per intervenire e migliorare tutti i principali segnali vitali che portano ad una migliore esperienza. Questa deve essere interpretata in maniera olistica, in modo da considerare come un unico insieme tutti quegli aspetti che riguardano non solo la velocità, ma anche la reattività e la stabilità delle pagine del sito. 

L’ottimizzazione di questi fattori contribuirà a incrementare le prestazioni del sito e di conseguenza a migliorare il proprio posizionamento sul motore di ricerca, accrescere l’autorevolezza e aumentare le conversioni. 

 

Mirco 

      Mirco Cilli

 Google Core Web Vitals
The importance of UXs in the world of SEO

In the last few years, the user experience while surfing websites has been becoming more and more important, not only to experienced users who aim at creating and projecting a website, but for those working on the SEO aspects and on the optimisation activities on web search engines too.
In 2021 Google officially introduced specific indicators linked to user experiences as ranking factors, called Core Web Vitals.
Their goal is undoubtedly crystal clear: to simplify website usability and to improve website performances, to make it even easier and more pleasant the navigation experience of users online.

Content Index

  • What Are Core Web Vitals?
  • What Core Web Vitals Can You Find?
  • How to Analyse Core Web Vitals
  • How To Improve Core Web Vitals
  • How Can Core Web Vitals Change SEO?

What Are Core Web Vitals?

Core Web Vitals are parameters Google refers to in order to rate the global experience level of user navigation online.
Such indicators are new ranking factors in addition to all other signals a web search engine considers to determine website performances. For example: granting safety thanks to HTTPS protocols, reducing the time pages take to be loaded, optimising pages for mobile devices and defining proper ads on pages created using Javascript or Flash.

IMAGE

What Core Web Vitals Can You Find?

Let us take a closer look at Core Web Vitals:
LCP - Largest Contentful Paint (Speed Indicator)

IMAGE

It tracks the upload time needed to view the main content in terms of weight and size, in the section of the website displayed the moment a user requests the website url (Above the fold).
Generally it is an image, a video or a big text segment.
According to Google, in order to give a good user experience, websites should have a loading time (LCP) within 2.5 seconds.
This implies that the section displayed is the main content and affects contents considered less invasive such as big-sized pictures and videos, big titles, advertising banners and so on. It is important to highlight that this metric does not take into consideration the time needed to download a content, but the space amount of such an element in the section displayed.

FID - First Input Delay (Response Indicator)

IMAGE

It keeps track of the interaction time on the website, i.e. the time spent between the first interaction by a user and the response the browser sends. For instance:
the click on a link or a button and so on.
According to Google, a good experience is possible when the user interaction with the pages of a website (FID) is within 100 milliseconds.
The optimisation of the performances of the first delay input is very important because the first response a user has from a website is fundamental to make a good impression about the navigation reliability of a website.
Users do not like to wait, so waiting much longer than expected can be a decisive factor in choosing to abandon a web page or not to finalize a purchase.

CLS - Cumulative Layout Shift (Stability Indicator)

It keeps track of the content moved on a web page in order to spot the risk of wrong interactions.
Basically, this indicator takes potential sudden layout changes into consideration, which may cause a shift right after the loading of the page, for all the time a user is surfing on it.
Users who are about to interact with a web page and suffer from a sudden movement of the elements on it face a negative experience on the website and waste their time too. Both things may cause users to abandon the website.
CLS tracking depend on two different factors:

  • Impact: i.e. the area usually covered by an element in a window and then covered by it after it has been moved
  • Distance: i.e. the furthest distance covered by an the element during the movement (horizontally or vertically) divided by the window’s biggest size possible (height or width)

According to Google guidelines, a result lower than 0.1 is considered a good CLS result.

How to Analyse Core Web Vitals

The first step to take in order to get how to improve performances is to test a website and to find out what its critical points are.
Generally, it is good to test a website on different platforms, in order to obtain results as real as possible.
The main online tools to analyse Core Web Vitals are:

Page Speed Insight
IMAGE

Page Speed Insight is a tool by Google that analyses the contents of a website on desktop and mobile platforms, creating various suggestions to improve its performances.
In the upper part of its report, PSI assigns a score based on the performances of a web page. That score is based on test data analysed by 
Lighthouse.
According to different colours, a score can change:

  • A score matching 90 or more: good
  • A score between 50 and 90: needs improvement
  • A score lower than 50: lacking

The audit outcome is then divided into three sections:
IMAGE

  • Opportunities: they give recommendations on how to improve metrics about the performances of a web page. Every recommendation in this section rates the speed rate a web page gets loaded at, if an improvement is implemented
  • Diagnostics: gives additional information on how a page follows the best practice to a full web development
  • Passed Checking: shows the checking the web page has passed correctly

Google Search Console

Among its countless functions, 
Search Console provides a dominion report on essential web signals. These signals are important to indicate website page performances according to data based on its real usage.
In the Essential Web Signals report, URL performances are shown according to status, metrics and URL groups (groups of similar web pages and so on).
LCP, FID and CLS are important metrics and if a good amount of data is not available for at least one of these three, URL is not included in the report.

Google Tag Manager

Referring to the Javascript library created by Google about Core Web Vitals, it is possible to collect and rate a series of data while real users surf the website.
Using APIs from Google Tag Manager, it is possible to track behaviours of single users and to forward LCP, FID and CLS metrics of each page to Google Analytics directly.

How To Improve Core Web Vitals

Once critical points from various analysis tests are shown, Google guidelines recommend correcting every metrics which has been marked as “lacking”.

Largest Contentful Paint - LCP
Causes which may slowing down the rendering of a web page can be:

  • Slow response by servers
  • Javascript and CSS blocking the rendering
  • Loading times of non-optimised resources
  • Customer-rendering affected while using Javascript

First Input Delay - FID
According to Google, the reasons for a website to show a lacking interactivity can be:

  • Very long requests by browsers
  • Long time to set Javascript in motion
  • Heavy Javascript libraries
  • Javascript resources blocking the rendering

Cumulative Layout Shift - CLS
Problems which may lead to a lack in stability of displayed contents of a website are:

  • Images with no size
  • Ads, Iframes and other elements with no size
  • Contents placed dynamically on a page
  • Web fonts loaded wrongly

How Can Core Web Vitals Change SEO?

Considering Core Web Vitals as ranking factors highlights the change of the general attitude that the whole SEO world has already been developing in the last few years.
Emphasizing User Experience leads to a change in the focus of all optimisations, not only on web search engines but, above all, on users.
This new user-centred approach is paramount to improve all the main vital signals leading to a better experience. This has to be seen from a holistic point of view, in order to consider all the aspects about speed, response and stability of web pages as one single thing.
The optimisation of these factors makes a contribution to the improvement of website performances and, as a consequence of that, of website positioning on web search engines, increasing both their reliability and conversion rates.

Mirco

Articoli Collegati

Seo

Link Building: tecniche e strategie per la generazione di backlink

Leggi
seo off site

Seo

SEO Off site: Ottimizzare un sito web dall’esterno

Leggi
seo on page

Seo

SEO On page: Ottimizzare i contenuti di un sito web

Leggi
seo on site

Seo

SEO On Site : Azioni e tecniche per l’ottimizzazione del sito

Leggi