In breve
- Mobile-first vuol dire progettare e valutare il sito partendo dalla versione per smartphone.
- Google indicizza le pagine nella loro versione mobile: cio' che non e' li' presente, per il motore non conta.
- Gli errori piu' costosi: testo piccolo, elementi cliccabili vicini, contenuto piu' largo dello schermo, pop-up invasivi, immagini pesanti.
- Su mobile la velocita' pesa di piu': obiettivi Core Web Vitals LCP < 2,5s, INP < 200ms, CLS < 0,1.
- Si verifica in 10 minuti con smartphone, PageSpeed Insights e Search Console.
In sintesi
Mobile-first significa progettare e valutare un sito partendo dalla versione per smartphone, non da quella per desktop. Google adotta questo approccio da anni: il suo crawler analizza e indicizza le pagine nella loro versione mobile, quindi cio' che non e' accessibile o leggibile da telefono, per il motore di ricerca semplicemente non conta. Allo stesso tempo la maggior parte delle visite a un sito aziendale arriva ormai da dispositivi mobili. Un sito che da smartphone e' lento, con testo minuscolo o pulsanti impossibili da centrare perde utenti e posizioni insieme. Questa guida spiega cosa vuol dire davvero mobile-first, quali sono gli errori piu' comuni e come verificare in pochi minuti se il tuo sito e' a posto.
Cosa vuol dire che Google usa l'indicizzazione mobile-first
Quando Google visita il tuo sito lo fa con un crawler che simula uno smartphone. La versione che vede da mobile e' quella che usa per capire il contenuto, valutarlo e decidere come posizionarlo, anche per le ricerche fatte da desktop.
Le conseguenze pratiche:
- Se un contenuto e' presente nella versione desktop ma nascosto o assente in quella mobile, per Google e' come se non esistesse.
- Se le immagini o i dati strutturati ci sono solo sul desktop, non vengono considerati.
- Se la versione mobile e' molto piu' povera di quella desktop, il sito perde valore agli occhi del motore.
Non serve un sito separato per il mobile: serve un sito responsive, cioe' un unico sito che si adatta alla larghezza dello schermo mantenendo gli stessi contenuti.
Gli errori mobile piu' comuni (e piu' costosi)
- Testo troppo piccolo o che richiede lo zoom per essere letto.
- Elementi cliccabili troppo vicini: link e pulsanti che si toccano per sbaglio.
- Contenuto piu' largo dello schermo: bisogna scorrere in orizzontale per leggere.
- Pop-up invasivi che coprono il contenuto appena si apre la pagina (Google li penalizza esplicitamente su mobile).
- Immagini pesanti non ridimensionate, che allungano i tempi di caricamento sulla rete mobile.
- Menu o form difficili da usare col pollice: campi troppo piccoli, tendine che non si aprono bene.
- Contenuti importanti nascosti dietro tab o accordion che il crawler potrebbe non espandere.
Quasi tutti questi problemi nascono da un sito pensato per il desktop e solo dopo adattato al mobile, invece del contrario.
Velocita' e Core Web Vitals: contano di piu' su mobile
Su smartphone la connessione e' spesso piu' lenta e il processore meno potente: la velocita' percepita pesa piu' che su desktop. Google misura l'esperienza con i Core Web Vitals, tre indicatori:
- LCP (Largest Contentful Paint): quanto tempo passa prima che l'elemento principale della pagina sia visibile. Obiettivo: sotto 2,5 secondi.
- INP (Interaction to Next Paint): quanto e' reattiva la pagina quando l'utente tocca qualcosa. Obiettivo: sotto 200 millisecondi.
- CLS (Cumulative Layout Shift): quanto gli elementi si spostano durante il caricamento. Obiettivo: sotto 0,1.
Interventi che spostano l'ago: comprimere le immagini e servirle in formati moderni (WebP), caricare solo il codice necessario a ogni pagina, riservare lo spazio per immagini e banner cosi' il layout non salta, usare una cache efficace.
Come verificare in 10 minuti se il tuo sito e' mobile-first
1. Aprilo dal tuo smartphone e prova a fare quello che farebbe un cliente: leggere un servizio, trovare il telefono, compilare il form contatti. Se qualcosa e' faticoso, e' un problema.
2. Controlla la velocita' con PageSpeed Insights di Google: inserisci l'URL, guarda il punteggio mobile e i Core Web Vitals. Le indicazioni suggerite sono in ordine di impatto.
3. Verifica l'indicizzazione in Google Search Console: la sezione di controllo URL mostra come Google vede la pagina da mobile e segnala eventuali problemi.
4. Prova la lettura: il testo si legge senza zoom? I pulsanti si premono al primo tentativo? Nessuna barra orizzontale?
Se emergono problemi diffusi (non uno o due dettagli), spesso conviene rivedere le basi del sito invece di applicare toppe.
ControlCode realizza siti e web app responsive e veloci per PMI, con attenzione a Core Web Vitals e SEO tecnica. Sede a Comazzo (LO), oltre 100 progetti seguiti.
In conclusione
Mobile-first non e' una moda: e' il modo in cui Google legge i siti e in cui la maggioranza degli utenti li usa. Un sito responsive con gli stessi contenuti su ogni schermo, testo leggibile, elementi facili da toccare e tempi di caricamento bassi e' il requisito minimo per essere competitivi nella ricerca. Verificarlo richiede pochi minuti; sistemarlo, se le fondamenta sono deboli, e' un investimento che ripaga su traffico e conversioni. Se vuoi un parere sul tuo sito, scrivici.
Approfondimenti correlati
Domande frequenti
Scritto da
Riccardo Rizzini
Sviluppatore Web & Fondatore di ControlCode
Riccardo Rizzini è sviluppatore web e fondatore di ControlCode, agenzia con sede a Comazzo (LO). Da oltre 8 anni progetta siti, web app e software gestionali su misura per PMI italiane, con focus su performance, SEO tecnica e ottimizzazione per la ricerca AI. Ha seguito più di 100 progetti per oltre 80 aziende.