Oltre il 60% del traffico web globale proviene da dispositivi mobili. Non si tratta di una tendenza passeggera, ma di una realtà consolidata che Google ha riconosciuto ufficialmente adottando il mobile-first indexing. In pratica, il motore di ricerca guarda prima la versione mobile del vostro sito per decidere come posizionarlo. Se la vostra esperienza mobile è scadente, ne risente tutto: posizionamento, traffico, conversioni.
Questa guida affronta gli aspetti chiave della SEO mobile: dal funzionamento del mobile-first indexing alle scelte tecniche di design, dalla velocità di caricamento su smartphone fino alla navigazione pensata per chi tocca lo schermo con un dito. L'obiettivo è darvi un quadro pratico, senza tecnicismi inutili e senza promesse miracolose.
Mobile-first indexing: cosa significa davvero
Dal 2023, Google utilizza esclusivamente il mobile-first indexing per tutti i siti. Questo significa che Googlebot esegue la scansione e l'indicizzazione del vostro sito usando lo user-agent mobile. Se una pagina mostra contenuti diversi su desktop e mobile — ad esempio nascondendo sezioni, riducendo il testo o eliminando link interni — la versione mobile è quella che conta per il ranking.
La documentazione ufficiale di Google sul mobile-first indexing è chiara: assicuratevi che la versione mobile contenga gli stessi contenuti, gli stessi dati strutturati e gli stessi metadati della versione desktop. Non è sufficiente avere un sito che "si adatta" allo schermo; il contenuto deve essere equivalente.
Un errore comune è caricare meno contenuto su mobile per "velocizzare" la pagina. In realtà, state nascondendo segnali a Google. Se un paragrafo o una sezione è importante per il posizionamento su desktop, lo è altrettanto — anzi, di più — su mobile.
Responsive design: la scelta che semplifica tutto
Esistono tre approcci tecnici per servire un sito su dispositivi diversi: URL separati (come m.example.com), serving dinamico e responsive design. Google raccomanda esplicitamente il responsive design, e nella pratica è la soluzione che crea meno problemi.
Con il responsive design, un singolo URL serve lo stesso HTML a tutti i dispositivi. Il layout si adatta tramite media query CSS. I vantaggi sono evidenti:
- Un solo URL da indicizzare, senza rischi di contenuti duplicati.
- I link in ingresso puntano tutti allo stesso indirizzo, concentrando l'autorità.
- La manutenzione è più semplice: aggiornate un file, non due versioni parallele.
- Non servono reindirizzamenti tra versione mobile e desktop, eliminando un potenziale rallentamento.
Se il vostro sito usa ancora un sottodominio mobile separato, valutate seriamente la migrazione. I costi di gestione doppia aumentano nel tempo, e i rischi di disallineamento tra le due versioni sono concreti. La SEO tecnica vi offre una panoramica completa su come strutturare il sito per facilitare la scansione e l'indicizzazione.
Fattori UX mobile che influenzano la SEO
L'esperienza utente su mobile non è un tema puramente estetico. Google misura e valuta diversi aspetti dell'interazione mobile, integrandoli nei propri fattori di ranking attraverso i Core Web Vitals e il sistema di page experience.
Dimensione del testo e leggibilità
Se gli utenti devono ingrandire lo schermo per leggere il testo, avete un problema. Google Search Console segnala esplicitamente le pagine con testo troppo piccolo. La dimensione base del font dovrebbe essere almeno 16px, con un'interlinea che permetta una lettura confortevole anche su schermi da 5 pollici.
Elementi cliccabili troppo vicini
Link, pulsanti e voci di menu troppo ravvicinati generano tap accidentali, frustrano l'utente e aumentano il tasso di rimbalzo. Google consiglia che gli elementi interattivi abbiano un'area di tocco minima di 48x48 pixel e siano distanziati di almeno 8 pixel l'uno dall'altro.
Interstitial e popup invadenti
Dal 2017, Google penalizza le pagine che mostrano interstitial invadenti su mobile — quei popup a schermo intero che coprono il contenuto appena l'utente arriva sulla pagina. Sono accettabili solo per obblighi legali (come il banner cookie) o per contenuti riservati. Se usate popup per newsletter o promozioni, assicuratevi che siano facilmente chiudibili e non coprano la maggior parte dello schermo.
Velocità di caricamento su mobile
La velocità è un fattore di ranking confermato, ma su mobile assume un peso ancora maggiore. Le connessioni cellulari sono spesso più lente e meno stabili del Wi-Fi, i processori degli smartphone sono meno potenti e la tolleranza dell'utente è minima. Secondo i dati di Think with Google, il 53% degli utenti mobile abbandona un sito che impiega più di 3 secondi a caricarsi.
Gli interventi più efficaci per la velocità mobile:
- Compressione delle immagini. Utilizzate formati moderni come WebP o AVIF. Un'immagine hero da 2 MB rallenta tutto; la stessa immagine in WebP può pesare 200 KB mantenendo una qualità visiva eccellente.
- Lazy loading. Caricate le immagini below the fold solo quando l'utente scorre verso di esse. L'attributo
loading="lazy"è supportato nativamente dai browser moderni. - Minificazione di CSS e JavaScript. Rimuovete spazi, commenti e codice non utilizzato. Ogni kilobyte risparmiato conta su una connessione 3G.
- Critical CSS. Servite inline il CSS necessario per il contenuto above the fold, ritardando il caricamento del resto. Questo migliora drasticamente il Largest Contentful Paint.
- Riduzione delle richieste HTTP. Ogni file esterno (font, script, foglio di stile) richiede un round-trip aggiuntivo. Consolidate dove possibile.
Se volete approfondire le metriche che Google usa per valutare le performance, la nostra guida ai Core Web Vitals spiega nel dettaglio LCP, INP e CLS con interventi pratici per migliorarli.
Navigazione touch-friendly
Progettare la navigazione per il tocco significa ripensare completamente l'interazione. Il mouse offre precisione millimetrica; il dito no. Ecco i principi che funzionano:
- Menu hamburger ben implementato. Su mobile, un menu compatto è quasi obbligatorio. Ma deve aprirsi senza scatti, occupare uno spazio ragionevole e chiudersi con facilità. Evitate menu a tendina con troppi livelli di profondità.
- Pulsanti ampi e distanziati. I call-to-action principali devono essere raggiungibili con il pollice, idealmente nella metà inferiore dello schermo dove il dito arriva naturalmente.
- Breadcrumb semplificato. Su mobile, un breadcrumb con cinque livelli diventa illeggibile. Mostrate solo gli ultimi due o tre passaggi.
- Ricerca ben visibile. Se il sito ha molti contenuti, la funzione di ricerca deve essere immediatamente accessibile, non nascosta in un sottomenu.
AMP: è ancora rilevante?
Accelerated Mobile Pages (AMP) è stato un progetto di Google lanciato nel 2015 per velocizzare le pagine mobile attraverso un formato HTML ridotto. Per anni, AMP è stato quasi obbligatorio per apparire nel carosello Top Stories di Google News.
La situazione è cambiata significativamente. Dal 2021, Google non richiede più AMP per le Top Stories, e il framework ha perso il ruolo privilegiato che aveva. Molti editori stanno abbandonando AMP a favore di pagine HTML standard ben ottimizzate.
La nostra posizione: AMP non è più necessario per la maggior parte dei siti. Se il vostro sito raggiunge buoni punteggi nei Core Web Vitals con HTML standard, non c'è motivo di adottare AMP. Se invece avete un sito legacy particolarmente pesante e non potete ristrutturarlo a breve, AMP potrebbe ancora offrire un vantaggio temporaneo — ma è una soluzione a breve termine, non una strategia.
Test e strumenti di verifica
Ottimizzare senza misurare è come guidare bendati. Ecco gli strumenti essenziali per verificare la qualità della vostra esperienza mobile:
- Google Search Console. Il report "Usabilità su dispositivi mobili" segnala errori specifici come testo troppo piccolo, elementi troppo vicini e contenuti più larghi dello schermo.
- PageSpeed Insights. Analizza la pagina sia da desktop sia da mobile, mostrando i Core Web Vitals reali e simulati. Concentratevi sui risultati mobile.
- Chrome DevTools. La modalità di emulazione dispositivo vi permette di testare il sito su decine di risoluzioni diverse direttamente dal browser. Non è perfetto come un test su dispositivo reale, ma è un ottimo punto di partenza.
- Test su dispositivi reali. Nessun emulatore sostituisce l'esperienza di navigare il sito sul proprio smartphone. Testate su almeno un dispositivo Android e un iPhone, con connessioni diverse.
Una checklist pratica per la SEO mobile
Prima di considerare completata l'ottimizzazione mobile del vostro sito, verificate questi punti:
- Il sito utilizza un design responsive con un unico URL per ogni contenuto.
- Il contenuto mobile è identico a quello desktop — nulla viene nascosto o rimosso.
- I dati strutturati e i metadati sono presenti anche nella versione mobile.
- Il testo base è almeno 16px e leggibile senza zoom.
- Gli elementi interattivi hanno un'area di tocco di almeno 48x48 pixel.
- Il sito carica in meno di 3 secondi su una connessione mobile media.
- Non ci sono interstitial invadenti che coprono il contenuto.
- La navigazione è utilizzabile con una sola mano.
- Google Search Console non segnala errori di usabilità mobile.
Conclusione
La SEO mobile non è un'appendice della SEO "normale". Con il mobile-first indexing, è la SEO stessa. Ogni decisione tecnica, ogni scelta di design e ogni riga di contenuto deve funzionare prima su mobile, poi su desktop. Non si tratta di adattare un sito pensato per lo schermo grande: si tratta di progettare per lo schermo piccolo e lasciare che la versione desktop erediti quella qualità.
Gli interventi più impattanti sono spesso i più semplici: un design responsive pulito, immagini compresse, testo leggibile, pulsanti raggiungibili. Non servono framework esotici o tecnologie sperimentali. Serve metodo, attenzione ai dati e la volontà di testare regolarmente. Per completare il quadro, vi consigliamo di esplorare la nostra guida alla SEO on-page, dove trovate tutti gli elementi di pagina che si intersecano con l'ottimizzazione mobile.