Faro di Google

Google Lighthouse è uno strumento di auditing automatico avviato da Google e disponibile gratuitamente per verificare le prestazioni, l’accessibilità e il SEO di un sito web. Lo strumento è in grado di analizzare rapidamente qualsiasi URL e di produrre un rapporto di analisi soddisfacente con un elenco di suggerimenti pertinenti per migliorare le prestazioni del sito sottoposto ad audit

Oltre ai miliardi di query che elabora ogni giorno, Google offre anche una suite di strumenti che gli utenti possono utilizzare per ottimizzare determinate attività sul loro sito

Questi includono Google Analytics, Search Console, Google Ads e molti altri. Ma quello di cui si sente parlare meno è il Google Lighthouse

• Che cos’è in termini concreti?
• Come funziona?
• E come può utilizzarlo sul suo sito web?

Scopra tutto su questo strumento in questo articolo su Google Lighthouse

Capitolo 1: Che cos’è Google Lighthouse?

In questo primo capitolo, tratteremo i punti chiave che ci permetteranno di fornire maggiori dettagli su questo strumento.

1.1. Definizione ed evoluzione di Faro

Google Lighthouse è uno strumento open source con il quale può valutare chiaramente la qualità tecnica e l’esperienza utente delle singole pagine

È una sorta di strumento di audit che può utilizzare per diagnosticare le sue pagine e dedurre lo stato generale del suo sito

Lighthouse produce rapporti di analisi approfonditi, ma di facile comprensione.

Nei suoi rapporti di audit, si può vedere, ad esempio, che lo strumento assegna un punteggio basato su un massimale di 100 punti per valutare alcune metriche quali

• Le prestazioni del sito
• Il livello di accessibilità
• Le buone pratiche applicate sul sito
• Il livello di SEO.

Se è un appassionato di SEO, potrebbe trovare alcune somiglianze tra Google Lighthouse e altri strumenti come PageSpeed Insights, Mobile Friendly Test o Structured Data Testing Tool

A differenza di questi strumenti che concentrano il loro rapporto di analisi su un solo aspetto, Google Lighthouse va ben oltre

Sebbene lo strumento si concentri principalmente sulle prestazioni, consente anche di esaminare ogni pagina web da diversi punti di vista.

Va detto che la prima versione di Google Lighthouse 1.0, rilasciata nel giugno 2016, è stata inizialmente sviluppata come strumento di monitoraggio per le applicazioni web progressive (PWA)

Non ha suscitato molto scalpore nel mondo SEO, poiché l’interfaccia utente e la funzionalità erano molto limitate

Con la versione 2.0, era ancora possibile generare rapporti di analisi come nella versione precedente, ma in modo leggermente più avanzato.

Poi è arrivata la terza versione, 3.0 di Lighthouse, rilasciata all’inizio del 2018

Questa versione offre un nuovo layout dello strumento ed è direttamente integrata negli strumenti di sviluppo dei browser Google Chrome e Firefox

1.2 Come funziona Google Lighthouse?

Come spiegato sopra, con Google Lighthouse può generare un rapporto di analisi del suo sito web con pochi clic. Lo strumento viene installato come estensione nel browser Chrome per facilitarne l’uso

In ogni rapporto fornito, Lighthouse suggerisce alcune soluzioni per correggere e migliorare alcuni aspetti che potrebbero essere descritti come punti deboli del sito

Questi includono

1.2.1. Prestazioni del sito

Le prestazioni del sito sono un aspetto fondamentale di qualsiasi audit SEO. Prende in considerazione, ad esempio, la velocità di caricamento della pagina, che è una delle misure più essenziali non solo per gli utenti ma anche per i motori di ricerca.

Qui, Lighthouse diagnostica tutti i problemi legati alle prestazioni del suo sito e trova le opportunità di miglioramento in un processo chiaro.

Per coprire tutti gli aspetti importanti delle prestazioni del sito, Lighthouse analizza i seguenti indici

First Contentful Paint (FCP): Si tratta di una metrica di performance che tiene conto del tempo necessario affinché il primo elemento basato su testo o immagine appaia nel browser del visitatore.

Fonte gtmetrix

Fornisce informazioni sul caricamento della pagina e rappresenta una ponderazione di 15% del suo punteggio complessivo di performance.

In genere, i siti migliori funzionano a 1,5 secondi, ma quando il suo FCP è inferiore a 2 secondi, è ancora considerato veloce.

Indice di velocità (SI): L’indice di velocità è una misura delle prestazioni che mostra la velocità con cui gli elementi di una pagina web diventano visibili.

Fonte gtmetrix.com

Questa metrica ha anche una ponderazione di 15% nel calcolo del punteggio di performance.

Idealmente, l’Indice di velocità dovrebbe essere inferiore a 4,3 secondi, il che corrisponde più o meno a un punteggio dell’Indice di velocità pari a 75.

Tempo di interattività (TTI): Google lo definisce come come ”Il tempo che intercorre tra l’inizio del caricamento della pagina e la resa visiva, il caricamento degli script iniziali (se presenti) e la capacità di rispondere in modo affidabile e rapido agli input dell’utente”.

Fonte blog.dareboost

L’obiettivo è ridurre al minimo il tempo tra FCP e TTI. Questa metrica è ponderata al 15% nel punteggio complessivo della performance.

Un buon livello a cui puntare è quello di essere sotto i 3,8 secondi, che è considerato veloce da Google

Tempo di blocco totale (TBT): Questa metrica quantifica la reattività della sua pagina agli input degli utenti.

Fonte gtmetrix

Può essere utilizzato per sostituire il punteggio FID (First Input Delay) nei dati di laboratorio. Ma migliorando il TBT, di solito si migliora il FID, che è un nucleo vitale del Web

Il tempo di blocco totale è un altro elemento cruciale del punteggio delle prestazioni, con una ponderazione del 25%.

Spostamento cumulativo del layout (CLS) Questa è la metrica finale che misura la stabilità visiva di una pagina, quantificando la frequenza con cui gli utenti possono incontrare cambiamenti di layout inaspettati.

Fonte marfeel.anticipa

Questa è la metrica meno importante, con una ponderazione di solo il 5% nello schema del punteggio complessivo della performance.

1.2.2. Accessibilità del sito

Fondamentalmente, questa metrica presenta potenziali opportunità per migliorare la disponibilità e l’esperienza del cliente della sua applicazione mobile o del suo sito web.

Il monitoraggio del rapporto sui miglioramenti dell’accessibilità garantirà che i suoi clienti possano esplorare e utilizzare il suo sito senza problemi.

Oltre a garantire l’opportunità più ovvia di posizionarsi più in alto nei motori di ricerca web.

Sebbene Lighthouse non copra tutti i test di accessibilità, copre una serie di test importanti, come ad esempio

• Struttura degli elementi per un contenuto HTML ben organizzato;
• Contrasto di ombreggiatura per un contenuto leggibile e facilmente decifrabile;
• Denominazione degli elementi per componenti denominati in modo appropriato e pertinente

Questa parte del test verifica se un sito web può essere liberamente accessibile e utilizzato da tutti, compresi gli utenti di dispositivi diversi dal personal computer, come ad esempio:

• Telefoni,
• Compresse,
• E le smart TV

Per estendere ulteriormente la nozione di accessibilità, Lighthouse verifica se il suo sito è visibile alle persone con disabilità, ad esempio con problemi di vista.

Un po’ più in là, Lighthouse controlla anche se :

• Tutte le immagini hanno attributi alt
• L’attributo lang nel tag ”html” è corretto,
• Il tag title è presente

Si assicura anche che il contrasto tra lo sfondo e il primo piano del sito non sia troppo basso, in modo che il contenuto sia facilmente leggibile e l’interfaccia sia facile da usare.

1.2.3. Applicazioni web progressive

Le Progressive Web App (PWA) sono un ibrido tra applicazioni mobili e pagine web. Utilizzano molto meno spazio di memoria sul telefono, poiché non c’è un processo di download.

Tuttavia, l’utente può integrarli direttamente dal browser, cliccando sul pulsante “Aggiungi alla schermata iniziale”

Le PWA sono dotate di caratteristiche come

• Notifiche push
• Caricamento a schermo intero;
• Lavoro offline;
• Funzionamento in tutte le condizioni di rete

Facilitano il caricamento rapido dei contenuti e si sentono come un’applicazione mobile, offrendo la migliore esperienza di navigazione

Le PWA vengono servite tramite il protocollo https, che consente una comunicazione sicura tra il sito web e l’utente. La connessione crittografata tra il browser e il server non influisce sul contenuto.

Poiché le PWA rientrano in una delle cinque categorie chiave utilizzate da Lighthouse per misurare le prestazioni del sito web, lo strumento fornisce informazioni specialistiche sulle PWA

Per esaminare e valutare un’applicazione web, Lighthouse considera fattori quali

• Velocità ;
• Sicurezza; e
• Design reattivo; e
• Prestazioni offline;
• Indicizzazione ;
• Notifica push;
• Caching;
• Esperienza utente.

Nel suo rapporto sul punteggio delle prestazioni, Lighthouse presenta un elenco di test che la sua PWA non ha superato e le soluzioni per risolvere questi problemi. Poi mostra le parti restanti del test che la sua PWA ha superato.

L’audit di Lighthouse elimina molte congetture sullo sviluppo e sulle prestazioni delle applicazioni web. Grazie a rapporti dettagliati, potrà individuare meglio quali aspetti della sua PWA stanno già funzionando e quali devono essere migliorati

Tutti i suggerimenti di Lighthouse la aiutano a ottenere il massimo dalla sua PWA. Con questo strumento, può adottare un approccio diverso e sostanziale allo sviluppo di PWA eccezionali.

1.2.4. Le migliori pratiche per la SEO

Uno degli aspetti importanti che Lighthouse prende in considerazione quando analizza i siti web è verificare se le best practice sono state seguite sul sito

Per il mio sito Twaino, Lighthouse dà un punteggio di 93 per la metrica ‘Best Practices’. Questo è un punteggio piuttosto buono.

E come sempre, lo strumento fornisce anche suggerimenti che può prendere in considerazione per migliorare il suo sito

1.2.5. SEO

La SEO è la metrica più dinamica e importante tra i fattori analizzati da Lighthouse.

PageSpeed Insights non tocca questo aspetto specifico del suo sito. Ecco perché la maggior parte dei web designer e degli specialisti SEO preferiscono utilizzare Google Lighthouse per analizzare un sito web.

La metrica SEO fornisce elementi fondamentali per esaminare la razionalizzazione della sua pagina per il posizionamento nei risultati dei motori di ricerca.

Qui, Lighthouse controlla essenzialmente se:

• L’indicizzazione della pagina non è bloccata;
• I link hanno un testo descrittivo?
• Ci sono dei plugin indesiderati?
• Il documento ha un componente titolo;
• Il documento ha un hreflang valido?
• C’è una meta descrizione?
• Il documento ha un “rel = canonical” valido?
• Il documento utilizza caratteri di dimensioni leggibili.

Inoltre, lo strumento offre ulteriori controlli fisici che tengono conto del test Google Mobile friendly e dello strumento di test dei dati strutturati.

1.3. I vantaggi di Google Lighthouse

Il rapporto Google Lighthouse copre gli stessi criteri che Google considera quando classifica una pagina nei risultati di ricerca

È da questo rapporto di test che Google Lighthouse suggerisce le soluzioni ai vari squilibri osservati sul suo sito web.

Ma oltre a questi suggerimenti, lo strumento offre anche altri interessanti vantaggi

1.3.1. Tutti possono usarlo

Lighthouse semplifica l’audit SEO e mette la potenza di un audit a disposizione di chiunque ne abbia bisogno. In passato, un audit SEO tecnico poteva essere effettuato solo da un professionista SEO. Anche se questa è una realtà ancora oggi, con lo strumento Google Lighthouse, può ottenere un’utile panoramica delle aree da migliorare sul suo sito.

Non coprirà tutti gli aspetti di un audit SEO specialistico, ma le fornirà alcune buone linee guida da seguire.

1.3.2. Altri vantaggi

Ecco altri motivi per cui potrebbe voler utilizzare Lighthouse nella sua routine di test del sito:

• Suggerisce elementi attuabili: quando Lighthouse identifica un problema, le fornirà elementi importanti da risolvere per migliorare le sue pagine.

• Spesso i rapporti indicano segmenti espliciti e persino linee di codice che possono essere sistemate o migliorate.
• Aggiornamenti frequenti di Lighthouse: Lighthouse viene costantemente aggiornato dagli ingegneri di Google per garantire che vengano incorporate le metriche web più recenti.
• Lighthouse è facile da usare e può rivedere il suo sito con un solo clic.

In poche parole, con Lighthouse può migliorare la funzionalità mobile, la velocità del sito web e l’accessibilità.

Capitolo 2: Come utilizzare Google Lighthouse?

Per verificare il suo sito web con lo strumento Lighthouse, ha due opzioni: o utilizza l’estensione Lighthouse (su Chrome o Firefox) o web dev.

2.1. Google Lighthouse su Chrome

Può verificare il suo sito semplicemente cliccando sul pulsante ‘Genera rapporto’, accessibile dopo aver installato l’estensione Estensione Lighthouse per Chrome o Estensione Lighthouse per Firefox. Può scegliere cosa testare cliccando sul pulsante con l’ingranaggio.

Lo strumento Lighthouse Chrome eseguirà quindi l’audit e genererà automaticamente un rapporto in pochi secondi. Sarà disponibile in una nuova scheda aperta, come questa:

Questo è molto utile e, oltre alle informazioni grezze, si ottiene un rapporto che fornisce suggerimenti utili, compresi i bilanci delle prestazioni, in modo da poter iniziare a lavorare sugli aggiornamenti.

2.2. Faro su Web dev

Su sviluppo web è sufficiente inserire l’URL del sito che desidera analizzare e le verrà presentato un rapporto di analisi.

Una volta completato l’audit, le verrà mostrato un rapporto che assomiglia a questo:

Si assicuri di cliccare sul pulsante “Visualizza rapporto” per approfondire ogni metrica e ottenere le informazioni di cui ha bisogno

Web.dev non fornisce due rapporti diversi per mobile o desktop, ma solo un rapporto di analisi.

Capitolo 3: Come migliorare le metriche Lighthouse di un sito web?

Quando lo strumento Lighthouse invia un rapporto di analisi, è suo dovere prendere in considerazione le mancanze per correggerle.

Ora scopriremo come migliorare le metriche di Lighthouse, soprattutto le prestazioni, l’accessibilità e le tecniche SEO.

3.1. come migliorare le prestazioni del suo sito web

Secondo statistichequando il suo sito web impiega anche solo un secondo in più per caricarsi, può comportare svantaggi quali

• calo dell’11% delle visualizzazioni di pagina;
• Un calo del 16% nella soddisfazione dei clienti
• E un calo del 7% nel tasso di ritorno.

È essenziale che le prestazioni del sito web siano una priorità, in quanto le scarse prestazioni spesso portano a una cattiva esperienza dell’utente. Per farlo, ecco alcuni modi per apportare miglioramenti.

3.1.1. Ridurre la richiesta HTTP

HTTP (s) è un metodo di richiesta/risposta utilizzato da un browser web per importare file dal server web.

Per ogni pagina che un utente visita sul suo sito, il suo browser invia una richiesta al suo sito web. L’accumulo di queste richieste può causare un rallentamento della velocità di caricamento del suo sito.

Può velocizzare il suo sito web semplificando il design e gli elementi di codifica. Ecco alcune tecniche:

• Utilizzi lo spriting di immagini: lo spriting di immagini combina più immagini in un unico file immagine. Utilizza il posizionamento dello sfondo per visualizzare la parte richiesta dell’immagine.
• Colleghi CSS e JavaScript: La concatenazione dei codici CSS e JavaScript è fondamentale. È sempre meglio creare un file master piuttosto che avere diversi file per eseguire compiti diversi.
• Non faccia troppo affidamento su JavaScript: L’utilizzo di una quantità eccessiva di JavaScript può portare a un sovraccarico HTTP e renderà il suo sito web più difficile da mantenere. È meglio utilizzare JavaScript solo quando è necessario.

3.1.2. Utilizzo di un servizio CDN

Una rete di distribuzione di contenuti (CDN) è una rete geograficamente distribuita che fornisce siti web e altri contenuti web all’utente finale.

Fondamentalmente, fornisce contenuti statici del sito web come HTML, CSS, immagini e JavaScript tramite server web vicini alla posizione fisica dell’utente.

Ad esempio, se un server di origine si trova in Francia e un utente apre il sito web da Singapore, il sito web impiegherà più tempo a caricarsi perché deve fisicamente convogliare le sue informazioni più lontano.

Un CDN ha molti server di dati in diverse parti del mondo. Questo le permetterà di aprire il sito web da Singapore e di caricarlo dal centro dati di Singapore invece che dalla Francia. Questo riduce notevolmente il tempo di caricamento.

3.2.3. Ridurre le dimensioni delle immagini

Secondo un rapporto di Hubspotsecondo un rapporto di Hubspot, il 32% dei marketer afferma che le immagini e le infografiche sono considerate la forma di contenuto di maggior successo per le aziende

Catturano l’attenzione dell’utente e, se posizionati strategicamente, il suo sito risulta più attraente.

Tuttavia, l’utilizzo di immagini o foto troppo grandi può rallentare la velocità di caricamento del suo sito web.

Per ottimizzare, può :

• Utilizzi i nuovi formati fotografici, come WebP o JPeg XR, per ridurre le dimensioni dell’immagine del 20-50% senza compromettere la qualità originale;
• Salvi la foto come PNG o JPEG;
• Riduca la dimensione totale dell’immagine in qualsiasi editor come PhotoShop ;
• Utilizzi un plugin per comprimere rapidamente le immagini, come ad esempio WP Smush.

3.2. Come rendere accessibile un sito web?

Per rendere il suo sito web accessibile a tutti gli utenti e ai motori di ricerca, ecco cosa deve fare

3.2.1. Scelga un CMS che la aiuti a creare un sito web accessibile

Quando si tratta di sistemi di gestione dei contenuti e di framework, ha letteralmente una moltitudine di opzioni.

Con la rapida evoluzione dei sistemi open source, i designer e gli sviluppatori di tutto il mondo si stanno assicurando che soddisfino i requisiti di accessibilità fin dall’inizio

WordPress è un CMS che si presta al meglio a supportare l’accessibilità del suo sito. Tuttavia, ci sono altre piattaforme come Drupal o Joomla che hanno anche eccellenti caratteristiche di accessibilità.

Vediamo come queste tre diverse piattaforme si confrontano in termini di accessibilità.

WordPress: La maggior parte degli sviluppatori WP fa dell’accessibilità una delle principali preoccupazioni. Questo è facile per loro grazie a un gran numero di nuovi temi e plugin che rendono i contenuti online accessibili e piacevoli per tutti

WordPress dispone anche di un team per l’accessibilità che aiuta gli sviluppatori con i principali aggiornamenti, per garantire che le nuove funzionalità siano in linea con le attuali linee guida sull’accessibilità.

Joomla re indiscusso dei sistemi di gestione dei contenuti prima di WP, questa piattaforma è anche ben posizionata per quanto riguarda l’accessibilità. È facile implementare un codice accessibile per l’ottimizzazione del tema e la messa a punto degli elementi essenziali. L’unica cosa che deve fare è assicurarsi che il nucleo del modello che sta utilizzando sia compatibile con tali modifiche.

Drupal: Sebbene gli sviluppatori di Drupal si rivolgano generalmente alle persone più esperte di tecnologia, prendono anche sul serio il tema dell’accessibilità

La loro applicazione di costruzione è pienamente conforme alle linee guida WCAG 2.0 e offre un’eccellente documentazione per aiutare i designer a implementare questi standard

Inoltre, l’ultimo aggiornamento importante di Drupal 8 ha aggiunto miglioramenti significativi ai tag ARIA e HTML5.

3.2.2. Utilizzi i tag semantici per aumentare l’accessibilità

La leggibilità dovrebbe essere sempre una delle principali preoccupazioni, soprattutto quando si scrive o si distribuiscono contenuti per un pubblico più ampio

Deve assicurarsi che il flusso di testo sia ottimale e facile da capire. La stessa regola empirica vale anche per le annotazioni

Ecco perché è fondamentale strutturare bene i suoi contenuti e renderli comprensibili agli utenti.

HTML 5, ad esempio, offre agli sviluppatori quasi tutte le funzionalità necessarie per ottimizzare le etichette degli oggetti.

Ecco alcuni esempi di come gli elementi chiave del markup semantico possono rendere i suoi contenuti più leggibili

• : consente di definire nuove sezioni nel contenuto. Molto spesso questo inizia con un nuovo titolo.
• : indica un nuovo contenuto indipendente che può essere consumato separatamente dal resto dell’applicazione web.
• : mostra una nuova intestazione.
• : consentono una migliore costruzione del titolo. Di solito, il suo titolo principale dovrebbe essere il singolo tag H1, mentre i sottotitoli dovrebbero avere i tag H2-H6, a seconda della struttura del suo contenuto.
• : indica una tabella nel contenuto.
• : visualizza un modulo nel contenuto.

3.2.3. Gestisca i colori nel modo migliore possibile

Quando la creazione di un layout accessibile è il suo obiettivo principale, dovrebbe vedere le linee guida sull’accessibilità definite e scegliere i colori del layout di conseguenza, piuttosto che affidarsi esclusivamente alle sue preferenze personali.

Per soddisfare le esigenze della maggioranza, si assicuri di utilizzare colori che non distraggano troppo, ma utilizzi anche altri indicatori come punti interrogativi e asterischi

Inoltre, non dimentichi di utilizzare gli spazi per distinguere i diversi blocchi di contenuto.

Ecco alcune cose da tenere a mente:

• I colori vivaci, ad esempio, potrebbero essere troppo intensi per le persone con una maggiore fotosensibilità;
• Si consiglia inoltre di mantenere chiare le linee di contrasto, in modo che le persone con problemi di vista possano comprendere più facilmente il contenuto del suo sito web.
• Si assicuri che gli angoli essenziali del sito web non vadano persi nel colore. Per esempio, il pulsante “toggle” dovrebbe essere una caratteristica chiara, senza alcun colore associato ad altri componenti chiave del suo sito.
• Fortunatamente, la maggior parte delle piattaforme CMS le consentono di mettere a punto gli schemi di colore, quindi la soluzione di questo problema non dovrebbe essere così problematica se le utilizza.

3.3. Come può migliorare le sue tecniche SEO?

Le strategie e le pratiche SEO sono numerose e riguardano diversi aspetti di un sito web, dalla struttura HTML alla gestione dei link.

In termini pratici, l’attività SEO è strutturata principalmente in due aree principali:

• SEO On-Page
• SEO off-page

3.3.1. SEO On-Page

Il termine On-Page SEO si riferisce a tutte le strategie di ottimizzazione implementate sulle pagine del sito per posizionarsi nei risultati di ricerca.

Prende in considerazione la SEO del codice HTML e l’ottimizzazione del contenuto del sito.

3.3.1.1. Scelta delle parole chiave

Per fare SEO nel modo giusto, deve partire da una prima fase strategica, incentrata sull’analisi e sulla scelta delle migliori parole chiave da utilizzare.

Per ottenere un buon posizionamento su Google, è consigliabile evitare parole chiave troppo generiche con un alto volume di ricerca e una forte concorrenza. Queste parole chiave hanno poche possibilità di successo, soprattutto per i siti di piccole dimensioni

Secondo la teoria della coda lunga, è meglio scegliere molte parole chiave specifiche, con un volume di ricerca inferiore, ma anche con meno concorrenza

È stato dimostrato che questi termini offrono i migliori tassi di conversione.

Queste parole chiave saranno utilizzate in modo strategico in alcuni elementi, come ad esempio

• Tag del titolo ;
• La meta descrizione;
• Tag del titolo
• E il testo alternativo delle immagini.

Il tag title è il codice che specifica il titolo di una determinata pagina al motore di ricerca e, per essere ottimizzato, deve essere conciso e includere la parola chiave principale

La meta descrizione, la frase introduttiva che appare nelle SERP sotto ogni indirizzo web classificato dal motore di ricerca, deve essere chiara e accattivante, oltre che coerente con il contenuto a cui si riferisce.

All’interno di una pagina, è consigliabile utilizzare le intestazioni, ossia titoli e sottotitoli, H1, H2, H3, che chiariscono il contenuto della pagina agli utenti e ai motori di ricerca.

Poiché i browser non sono ancora in grado di comprendere il contenuto di un’immagine così facilmente, è importante aggiungere un testo alternativo, ossia un testo descrittivo dell’immagine che possa spiegarne il contenuto.

3.3.1.2. Ottimizzare il contenuto di un sito web

Un altro aspetto importante per il buon posizionamento di un sito web è l’ottimizzazione dei contenuti. In generale, i suoi contenuti dovrebbero essere :

• Unico e originale, cioè non copiato da altri siti;
• Utile e interessante;
• Viene redatto e aggiornato regolarmente;
• Naturalmente contengono le parole chiave mirate.

3.3.2. SEO off-page

Anche le strategie e le pratiche off-page contribuiscono al buon posizionamento di un sito. Qui ci riferiamo in particolare alla gestione dei link in entrata.

Google ritiene che le pagine web più collegate siano le più meritevoli e importanti

Tuttavia, questa convinzione non si limita a un semplice aspetto numerico. Il motore di ricerca prende in considerazione anche l’autorità delle pagine da cui provengono i link.

Ottenere link alla sua pagina web in modo naturale e quindi in conformità con le regole di Google non è facile. Il segreto è produrre contenuti di qualità che siano apprezzati dagli utenti.

3.3.3. Ottimizzi il suo sito web per i dispositivi mobili

Quasi 60% di tutte le ricerche online vengono effettuate su un dispositivo mobile

Anche Google riconosce che la maggior parte degli utenti accede ai siti web tramite un dispositivo mobile. Il motore di ricerca ha quindi introdotto l’indicizzazione mobile-first

Ciò significa che Google ora utilizza la versione mobile del contenuto di una pagina ai fini dell’indicizzazione e del ranking.

E poiché non è possibile creare un indice del sito separato per il mobile, il suo sito deve funzionare bene sul mobile come su un computer desktop.

Uno dei criteri di Google per la valutazione di un sito web è ora la sua predisposizione per l’indicizzazione mobile-first, una chiara indicazione che Google insiste sul fatto che lei abbia un design web reattivo e che metta al primo posto i suoi clienti mobili.

Che il suo sito sia veramente responsive o semplicemente mobile-friendly, si assicuri che il tempo di caricamento da mobile sia veloce e che l’aspetto sia coerente

Inoltre, si assicuri che i tag del titolo e dell’intestazione siano progettati per essere visualizzati correttamente sui dispositivi mobili.

Conclusione

Con Lighthouse, può migliorare la funzionalità mobile, la velocità del sito web e l’accessibilità, apportando al contempo le modifiche necessarie per garantire che il suo sito sia facile da usare

Inoltre, tenere conto dei rapporti analitici di Lighthouse è positivo, ma prevenire i problemi che questo strumento può scoprire sul suo sito è ancora meglio.

In questo articolo, non solo imparerà tutto quello che c’è da sapere su Google Lighthouse, ma anche i modi migliori per migliorare le prestazioni delle sue pagine web.

Se le è piaciuto questo articolo, ce lo faccia sapere nei commenti.

Grazie e a presto!