Best practice per l'indicizzazione di siti mobile e mobile-first

Google utilizza principalmente la versione mobile dei contenuti di un sito, sottoposto a scansione con l'agente per smartphone per l'indicizzazione e il ranking. Questa procedura è chiamata indicizzazione mobile-first.

Anche se non è necessario che le tue pagine dispongano di una versione mobile per includere i tuoi contenuti nei risultati della Ricerca Google, questa versione è vivamente consigliata. Queste best practice si applicano ai siti mobile in generale e per definizione all'indicizzazione mobile-first.

Per assicurare un'esperienza ottimale ai tuoi utenti, segui le best practice illustrate in questa guida.

Creare un sito ottimizzato per il mobile

Se non lo hai già fatto, crea un sito web ottimizzato per il mobile in modo che gli utenti che visitano il sito da un cellulare possano avere un'ottima esperienza di navigazione. Esistono tre configurazioni tra cui puoi scegliere per creare un sito ottimizzato per il mobile:

• Responsive design: viene pubblicato lo stesso codice HTML in corrispondenza dello stesso URL a prescindere dal dispositivo dell'utente (desktop, tablet, dispositivi mobili, browser non visivi); tuttavia, il codice è in grado di mostrare i contenuti in modo diverso a seconda delle dimensioni dello schermo. Google consiglia il responsive web design perché è il modello di progettazione più semplice da implementare e gestire.
• Pubblicazione dinamica: viene utilizzato lo stesso URL indipendentemente dal dispositivo. Questa configurazione si basa sullo sniffing di user-agent e sull'intestazione della risposta HTTP Vary: user-agent per gestire una versione diversa del codice HTML in base ai differenti dispositivi.
• URL distinti: viene pubblicato codice HTML diverso per ogni dispositivo e su URL distinti. Come per la pubblicazione dinamica, questa configurazione si basa sulle intestazioni HTTP user-agent e Vary per reindirizzare gli utenti alla versione del sito appropriata per il dispositivo.

I contenuti di questa guida si applicano solo alle configurazioni di pubblicazione dinamica e URL distinti. Nel caso del responsive design, i contenuti e i metadati sono gli stessi nella versione mobile e desktop delle pagine.

Assicurarsi che Google possa accedere ai contenuti e visualizzarli correttamente

Assicurati che Google possa accedere e visualizzare i contenuti e le risorse delle tue pagine mobile.

• Utilizza gli stessi meta tag robots nel sito desktop e mobile. Se utilizzi un meta tag robots sul sito mobile (in particolare i tag noindex o nofollow), Google potrebbe non riuscire a eseguire la scansione e l'indicizzazione della pagina quando il sito è abilitato per l'indicizzazione mobile-first.
• Evita il caricamento lento dei contenuti principali subito dopo l'interazione dell'utente. Google non carica i contenuti che richiedono interazioni da parte dell'utente (come scorrimento, clic o digitazione testo) per essere caricati. Assicurati che Google possa visualizzare i contenuti con caricamento lento.
• Consenti a Google di eseguire la scansione delle tue risorse. Alcune risorse hanno URL diversi nel sito mobile rispetto al sito desktop. Se vuoi che Google esegua la scansione degli URL, assicurati di non bloccare l'URL con la regola disallow.

Assicurarsi che i contenuti siano gli stessi su dispositivi desktop e mobili

Anche se i contenuti corrispondono, eventuali differenze nel DOM o nel layout tra le pagine mobile e desktop possono far sì che Google interpreti i contenuti in modo diverso. Tuttavia, mantenere gli stessi contenuti nella versione desktop e in quella mobile garantisce che le due versioni possano posizionarsi per le stesse parole chiave.

• Assicurati che i contenuti del sito mobile e del sito desktop siano gli stessi. Se il tuo sito mobile ha meno contenuti del sito desktop, valuta la possibilità di aggiornare il sito mobile in modo che i contenuti principali siano gli stessi in entrambe le versioni. Su mobile puoi avere un design diverso per ottimizzare l'esperienza utente (ad esempio, spostando contenuti in accordion o schede); assicurati solo che i contenuti siano equivalenti a quelli del sito desktop, dato che la maggior parte dell'indicizzazione sul sito proviene dalla versione mobile.
• Sul sito mobile utilizza le stesse intestazioni chiare e significative presenti sul sito desktop.

Controllare i dati strutturati

Se il tuo sito contiene dati strutturati, assicurati che siano presenti in entrambe le versioni del sito. Ecco alcuni aspetti specifici da controllare:

• Assicurati che i siti mobile e desktop contengano gli stessi dati strutturati. Se devi assegnare una priorità ai tipi da aggiungere al sito mobile, inizia con i dati strutturati Breadcrumb, Product e VideoObject.
• Utilizza gli URL corretti nei dati strutturati. Assicurati che gli URL nei dati strutturati delle versioni mobile siano aggiornati con gli URL mobile.
• Se utilizzi Evidenziatore di dati, addestra lo strumento sul tuo sito mobile. Se utilizzi Evidenziatore di dati per fornire dati strutturati, verifica regolarmente la presenza di eventuali errori di estrazione nella dashboard dello strumento.

Inserire gli stessi metadati in entrambe le versioni del sito

Assicurati che l'elemento title e la meta descrizione corrispondano in entrambe le versioni del sito.

Controllare il posizionamento degli annunci

Per evitare che gli annunci danneggino il ranking delle pagine mobile, rispetta i Better Ads Standards per la visualizzazione degli annunci sui dispositivi mobili. Ad esempio, gli annunci nella parte superiore della pagina possono occupare troppo spazio su un dispositivo mobile, determinando un'esperienza utente negativa.

Controllare i contenuti visivi

Controllare le immagini

Assicurati che le immagini sul sito mobile rispettino le best practice relative alle immagini. In particolare, ti consigliamo di:

• Fornire immagini di alta qualità. Non utilizzare immagini troppo piccole o a bassa risoluzione sul sito mobile.
• Utilizzare un formato supportato per le immagini. Non utilizzare formati o tag non supportati. Ad esempio, Google supporta le immagini in formato SVG, ma i nostri sistemi non possono indicizzare un'immagine .jpg nel tag <image> all'interno di un file SVG incorporato.
• Non utilizzare URL che cambiano ogni volta che la pagina carica le immagini. Google non sarà in grado di elaborare e indicizzare correttamente le risorse se utilizzi URL che cambiano di continuo.
• Assicurarti che le immagini del sito mobile abbiano lo stesso testo alternativo del sito desktop. Utilizza il testo alternativo descrittivo per le immagini sul sito mobile come sul sito desktop.
• Assicurarti che la qualità dei contenuti della pagina mobile corrisponda a quella della pagina desktop. Sul sito mobile utilizza gli stessi titoli, didascalie, nomi di file e testi pertinenti alle immagini, come sul sito desktop.

Controllare i video

Assicurati che i video sul sito mobile rispettino le best practice relative ai video. In particolare, ti consigliamo di:

• Non utilizzare URL che cambiano ogni volta che la pagina carica i video. Google non sarà in grado di elaborare e indicizzare correttamente le risorse se utilizzi URL che cambiano di continuo.
• Utilizzare un formato supportato per i tuoi video e di inserirli tra tag supportati. I video sono identificati nella pagina da un tag HTML, ad esempio <video>, <embed> o <object>.
• Utilizzare gli stessi dati strutturati per i video sul sito mobile e sul sito desktop. Per ulteriori informazioni, controlla i dati strutturati.
• Posizionare il video in modo che sia facile da trovare sulla pagina utilizzando un dispositivo mobile. Ad esempio, se l'utente deve scorrere troppo verso il basso per trovare il video sulla pagina mobile, il ranking del video potrebbe risentirne.

Ulteriori best practice per gli URL distinti

Se il tuo sito ha URL distinti (noti anche come m-dot) per le versioni desktop e per dispositivi mobili di una pagina, ti consigliamo di seguire le seguenti best practice aggiuntive:

• Assicurati che lo stato della pagina di errore sia lo stesso sul sito desktop e su quello mobile. Se una pagina del tuo sito desktop pubblica contenuti normali e la versione mobile di questa pagina è una pagina di errore, questa non sarà presente nell'indice.
• Assicurati che la versione mobile non contenga URL con frammenti. La parte dell'URL relativa al frammento è la sezione finale dell'URL, che inizia con #. Nella maggior parte dei casi, gli URL con frammenti non sono indicizzabili e queste pagine non saranno presenti nell'indice dopo che il tuo dominio verrà abilitato per l'indicizzazione mobile-first.
• Assicurati che le versioni desktop che offrono contenuti diversi abbiano versioni equivalenti per mobile. Se URL diversi reindirizzano allo stesso URL, ad esempio la home page sui dispositivi mobili, dopo che il tuo dominio sarà abilitato per l'indicizzazione mobile-first, tutte queste pagine non saranno presenti nell'indice.
• Controlla entrambe le versioni del tuo sito in Search Console per assicurarti di avere accesso ai dati e ai messaggi per entrambe le versioni. Sul tuo sito potrebbe verificarsi uno spostamento di dati quando Google passa all'indicizzazione mobile-first.

• Controlla i link hreflang hreflang negli URL distinti. Se utilizzi gli elementi link rel=hreflang per l'internazionalizzazione, collega separatamente gli URL mobile e desktop. L'attributo hreflang del tuo URL mobile deve reindirizzare a URL mobile e, allo stesso modo, l'attributo hreflang deve reindirizzare a URL desktop.

  Di seguito è riportato un esempio di hreflang per la home page di un sito con URL distinti per mobile e desktop.

  Dispositivi mobili

  In questo esempio, l'URL del sito per dispositivi mobili è https://m.example.com/.

  <link rel="canonical" href="https://example.com/">
  <link rel="alternate" hreflang="es" href="https://m.example.com/es/">
  <link rel="alternate" hreflang="fr" href="https://m.example.com/fr/">
  <link rel="alternate" hreflang="de" href="https://m.example.com/de/">
  <link rel="alternate" hreflang="th" href="https://m.example.com/th/">

  Desktop

  In questo esempio, l'URL del sito desktop è https://example.com/.

  <link rel="canonical" href="https://example.com/">
  <link rel="alternate" media="only screen and (max-width: 640px)" href="https://m.example.com/">
  <link rel="alternate" hreflang="es" href="https://example.com/es/">
  <link rel="alternate" hreflang="fr" href="https://example.com/fr/">
  <link rel="alternate" hreflang="de" href="https://example.com/de/">
  <link rel="alternate" hreflang="th" href="https://example.com/th/">

• Assicurati che la capacità del sito mobile sia sufficiente per gestire un potenziale aumento della frequenza di scansione nella versione mobile del tuo sito.
• Verifica che le regole del tuo file robots.txt funzionino come previsto per entrambe le versioni del sito. Il file robots.txt ti consente di specificare quali parti di un sito web possono essere sottoposte a scansione e quali no. Nella maggior parte dei casi, utilizza le stesse istruzioni del file robots.txt nelle versioni desktop e mobile del tuo sito.

• Utilizza gli elementi link rel=canonical e rel=alternate tra le versioni mobile e desktop. L'URL desktop è sempre l'URL canonico, mentre la versione mobile è la versione alternativa.

  Di seguito è riportato un esempio di rel=canonical e rel=alternate per la configurazione di un sito con URL distinti.

  Dispositivi mobili

  In questo esempio, l'URL del sito mobile è https://m.example.com/ e include un elemento link che rimanda all'URL desktop come URL canonico.

  <link rel="canonical" href="https://example.com/">

  Desktop

  In questo esempio, l'URL del sito desktop è https://example.com/ e include un elemento link che rimanda a se stesso come URL canonico, seguito da un altro elemento link che rimanda alla versione mobile come versione alternativa di questo URL.

  <link rel="canonical" href="https://example.com/">
  <link rel="alternate" media="only screen and (max-width: 640px)" href="https://m.example.com/">

Risoluzione dei problemi

Di seguito è riportato un elenco degli errori più comuni che possono impedire l'abilitazione di un sito per l'indicizzazione mobile-first o causare un calo del ranking dopo l'abilitazione. Se il tuo sito non è ancora abilitato per l'indicizzazione mobile-first, hai notato un calo del ranking dopo l'abilitazione o hai ricevuto un messaggio in Search Console, controlla il seguente elenco degli errori comuni e risolvi gli eventuali errori.

Errori
Dati strutturati mancanti	error Causa del problema: la pagina mobile non ha tutto il markup dei dati strutturati presente nella pagina desktop. done Risoluzione del problema Verifica che i dati strutturati siano presenti in entrambe le versioni del tuo sito (desktop e mobile). Assicurati che i siti mobile e desktop contengano gli stessi dati strutturati. Utilizza gli URL corretti nei dati strutturati. Assicurati che gli URL nei dati strutturati delle versioni mobile siano aggiornati e corretti. Controlla la presenza di errori di estrazione nei dati strutturati. Se utilizzi Evidenziatore di dati per fornire dati strutturati, verifica regolarmente la presenza di eventuali errori di estrazione nella dashboard dello strumento. Utilizza lo strumento Controllo URL per controllare che i contenuti siano visibili sulla pagina visualizzata, ovvero il modo in cui Google vede la tua pagina.
Tag noindex sulle pagine	error Causa del problema: l'indicizzazione di una pagina mobile è bloccata da un tag noindex. done Risoluzione del problema: utilizza gli stessi meta tag robots sul sito mobile e sul sito desktop. Non utilizzare il tag noindex nella pagina mobile; in caso contrario Google non indicizzerà la pagina quando per il tuo sito viene abilitata l'indicizzazione mobile-first.
Immagine mancante	error Causa del problema: la pagina mobile non ha tutte le immagini importanti presenti nella pagina desktop. done Risoluzione del problema Assicurati che i contenuti del sito mobile e del sito desktop siano gli stessi. Se il tuo sito mobile ha meno contenuti del sito desktop, valuta la possibilità di aggiornare il sito mobile, in modo che il contenuto principale sia lo stesso del sito desktop. Solo i contenuti visualizzati sul sito mobile sono utilizzati per l'indicizzazione. Utilizza gli stessi meta tag robots sul sito mobile e sul sito desktop. Non utilizzare il tag nofollow nella pagina mobile; in caso contrario Google non eseguirà la scansione e l'indicizzazione della pagina quando per il sito viene abilitata l'indicizzazione mobile-first. Utilizza un formato e un tag supportati per le immagini. Ad esempio, Google supporta le immagini in formato SVG, ma i nostri sistemi non possono indicizzare un'immagine .jpg nel tag <image> all'interno di un file SVG incorporato. Evita il caricamento lento dei contenuti principali subito dopo l'interazione dell'utente. Google non carica i contenuti che richiedono interazioni da parte dell'utente (come scorrimento, clic o digitazione testo) per essere caricati. Assicurati che Google possa visualizzare i contenuti con caricamento lento.
Immagine bloccata	error Causa del problema: un'immagine importante nella pagina mobile è bloccata dal file robots.txt. done Risoluzione del problema: consenti a Google di eseguire la scansione delle tue risorse. Alcune immagini hanno URL diversi sul sito mobile rispetto al sito desktop. Se vuoi che Google esegua la scansione degli URL, non bloccare l'URL con la regola disallow.
Immagine di bassa qualità	error Causa del problema: un'immagine importante nella pagina mobile è troppo piccola o ha una risoluzione troppo bassa. done Risoluzione del problema: fornisci immagini di alta qualità. Non utilizzare immagini troppo piccole o a bassa risoluzione sul sito mobile.
Testo alternativo mancante	error Causa del problema: in un'immagine importante nella pagina mobile manca il testo alternativo. done Risoluzione del problema: utilizza lo stesso testo alternativo per le immagini sul sito mobile come fai con il sito desktop.
Titolo pagina mancante	error Causa del problema: su una pagina mobile manca un titolo. done Risoluzione del problema: assicurati che i titoli e le meta descrizioni siano uguali in entrambe le versioni del sito.
Meta descrizione mancante	error Causa del problema: in una pagina mobile manca la meta descrizione. done Risoluzione del problema: assicurati che i titoli e le meta descrizioni siano uguali in entrambe le versioni del sito.
L'URL mobile è una pagina di errore	error Causa del problema: la pagina mobile è una pagina di errore. done Risoluzione del problema: assicurati che lo stato della pagina di errore sia lo stesso nel sito desktop e mobile. Se una pagina del tuo sito desktop pubblica contenuti normali e la versione mobile di questa pagina è una pagina di errore, questa non sarà presente nell'indice.
L'URL mobile presenta un frammento di ancoraggio	error Causa del problema: l'URL mobile include un frammento di ancoraggio; Google non può indicizzare gli URL che includono frammenti. done Risoluzione del problema: assicurati che la versione mobile non contenga URL con frammenti. Nella maggior parte dei casi, gli URL con frammenti non sono indicizzabili e non saranno presenti nell'indice dopo l'abilitazione del dominio per l'indicizzazione mobile-first.
Pagina mobile bloccata da robots.txt	error Causa del problema: la pagina mobile è bloccata da una regola del file robots.txt. done Risoluzione del problema:: verifica che le regole del file robots.txt e i meta tag robots funzionino come previsto per entrambe le versioni del tuo sito. Utilizza le stesse regole del file robots.txt in entrambe le versioni mobile e desktop del tuo sito.
Pagina mobile target duplicata	error Causa del problema: più pagine desktop reindirizzano alla stessa pagina mobile. done Risoluzione del problema: assicurati che le versioni desktop che offrono contenuti diversi abbiano versioni equivalenti per dispositivi mobili. Se URL diversi reindirizzano allo stesso URL, sui dispositivi mobili, dopo l'abilitazione del tuo dominio per l'indicizzazione mobile-first tutte queste pagine non saranno presenti nell'indice.
Il sito desktop reindirizza alla home page mobile	error Causa del problema: tutte o gran parte delle pagine del tuo sito desktop reindirizzano alla home page del sito mobile. done Risoluzione del problema: assicurati che la versione desktop abbia una versione mobile equivalente. Se URL diversi reindirizzano alla home page su dispositivi mobili, nessuna di queste pagine sarà presente nell'indice dopo che il tuo dominio avrà eseguito la migrazione all'indicizzazione mobile-first.
Problemi di qualità della pagina	error Causa del problema: la pagina mobile presenta problemi relativi ad annunci, contenuti mancanti, titoli o elementi descrittivi delle immagini. done Risoluzione del problema Per evitare che gli annunci danneggino il ranking delle pagine mobile, rispetta i Better Ads Standards per la visualizzazione degli annunci sui dispositivi mobili. Assicurati che i contenuti del sito mobile e del sito desktop siano gli stessi. Se il tuo sito mobile ha meno contenuti del sito desktop, valuta la possibilità di aggiornare il sito mobile, in modo che il contenuto principale sia lo stesso del sito desktop. Solo i contenuti visualizzati sul sito mobile sono utilizzati per l'indicizzazione. Assicurati di utilizzare intestazioni chiare e significative sul sito mobile come sul sito desktop. Sul sito mobile utilizza gli stessi titoli, didascalie, nomi di file e testi pertinenti alle immagini come sul sito desktop.
Problemi video	error Causa del problema: la pagina mobile contiene un video in un formato non supportato, in una posizione difficile da trovare, in cui mancano meta descrizioni o dal caricamento molto lento. done Risoluzione del problema Utilizza un formato supportato per i tuoi video e inseriscili tra tag supportati. I video sono identificati nella pagina da un tag HTML, ad esempio <video>, <embed> o <object>. Evita il caricamento lento dei contenuti principali subito dopo l'interazione dell'utente. Google non carica i contenuti che richiedono interazioni da parte dell'utente (come scorrimento, clic o digitazione testo) per essere caricati. Assicurati che Google possa vedere i contenuti a caricamento lento. Posiziona il video in modo che sia facile da trovare utilizzando un dispositivo mobile. Ad esempio, se l'utente deve scorrere troppo verso il basso per trovare il video sulla pagina mobile, il ranking del video potrebbe risentirne.
Problemi relativi al carico host	error Causa del problema: alcuni host non hanno un carico host sufficiente. done Risoluzione del problema: assicurati che la capacità del sito mobile sia sufficiente per gestire un potenziale aumento della frequenza di scansione nella versione mobile del tuo sito.