La SEO mobile è l'insieme delle attività che permettono al Suo sito di funzionare senza problemi su smartphone e tablet, sia per gli utenti sia per i motori di ricerca. In Italia gran parte della navigazione avviene da telefono e Google, nel valutare il sito, guarda prima di tutto alla sua versione mobile. Quindi l'esperienza mobile non è una «funzione in più», ma il vero volto del Suo sito. In questa guida troverà le basi della SEO mobile, gli errori più comuni e come verificarla.
Cos'è la SEO mobile?
La SEO mobile comprende gli interventi tecnici e di contenuto che rendono le pagine leggibili su schermi piccoli, rapide da aprire, semplici da usare e complete per la scansione e l'indicizzazione da parte di Google. Sembra una disciplina separata dalla SEO desktop, ma persegue lo stesso obiettivo: portare la persona giusta alla pagina giusta con il minimo attrito. La differenza è che su mobile la pazienza è più limitata, lo schermo è piccolo e la connessione è spesso più lenta.
Cosa significa indicizzazione mobile-first?
L'indicizzazione mobile-first significa che Google scansiona, indicizza e posiziona un sito basandosi sulla sua versione mobile. Dopo un passaggio durato anni, Google ha reso questo approccio predefinito per tutti i siti. In pratica: un contenuto, un link o un dato strutturato che non è presente nella pagina mobile non viene considerato da Google, anche se esiste nella versione desktop.
- Un testo nascosto o abbreviato su mobile non sostituisce il testo mostrato su desktop.
- I link interni mancanti su mobile indeboliscono la scansione e la distribuzione dell'autorevolezza.
- Le risorse bloccate su mobile (CSS, JS, immagini) impediscono a Google di «vedere» correttamente la pagina.
Design responsive e viewport
Per il mobile ci sono tre opzioni: design responsive, pubblicazione dinamica e un sito mobile separato (sottodominio m.). L'opzione consigliata da Google e più semplice da mantenere è il design responsive: un solo indirizzo, un solo HTML, un CSS che si adatta alla larghezza dello schermo.
| Metodo | Vantaggio | Svantaggio |
|---|---|---|
| Design responsive | Un solo URL, facile manutenzione, parità di contenuti garantita naturalmente | Richiede lavoro di progettazione e test |
| Pubblicazione dinamica | Può inviare HTML specifico per dispositivo | Complessa; con una configurazione errata il contenuto diverge |
| Sito mobile separato (m.) | Interfaccia dedicata al mobile | Gestire due siti, rischio di errori su reindirizzamenti e canonical |
La base del design responsive è il tag viewport nella sezione <head> della pagina:
<meta name="viewport" content="width=device-width, initial-scale=1">
Senza questo tag il browser mobile disegna la pagina con la larghezza desktop e la rimpicciolisce; il testo diventa illeggibile.
Inoltre, per definire la larghezza della pagina usi percentuali, max-width e media query CSS invece di pixel fissi
(ad esempio 1200px).
Parità di contenuti tra desktop e mobile
Nell'indicizzazione mobile-first l'errore più frequente è «semplificare» il contenuto nella versione mobile. Descrizioni eliminate per fare spazio nel menu, tabelle nascoste, commenti che non vengono caricati su mobile possono uscire dall'indice in un attimo. Ecco cosa controllare:
- Testo principale: titoli e paragrafi devono essere uguali nelle due versioni. Il testo mostrato in una fisarmonica (accordion) o in una scheda è accettabile; eliminarlo del tutto no.
- Titolo, meta description e canonical: devono avere gli stessi valori in entrambe le versioni.
- Dati strutturati (schema): il markup presente su desktop e assente su mobile va perso.
- Immagini e video: devono essere accessibili anche su mobile, con i testi alternativi conservati.
- Link interni: anche se il menu si semplifica, i link alle pagine importanti devono restare presenti su mobile; per approfondire consulti il nostro articolo sui metodi per aumentare il traffico organico.
Aree di tocco e leggibilità
Il dito è molto meno preciso del puntatore del mouse. Per questo pulsanti, link e campi del modulo devono essere abbastanza grandi e distanziati. Le misure generalmente accettate sono:
- Dimensione dell'area di tocco: almeno circa 48x48 pixel CSS (intervallo indicato dalle linee guida di Google e di accessibilità).
- Spazio tra i target: almeno 8 pixel tra due link affiancati, perché il dito non tocchi l'elemento sbagliato.
- Dimensione del testo: il testo del corpo di almeno 16 pixel; un utente costretto a ingrandire il testo abbandona la pagina.
- Lunghezza e interlinea delle righe: su schermi stretti, righe brevi e interlinea comoda.
- Pop-up: finestre che coprono gran parte dello schermo e sono difficili da chiudere fanno perdere l'utente e possono far scattare la valutazione di Google sugli «interstitial invadenti».
Un test pratico: tenga il telefono con una sola mano, cerchi un prodotto nel Suo sito e lo aggiunga al carrello. Ogni punto che non raggiunge con il pollice, che tocca per sbaglio o che richiede di ingrandire è un problema di SEO mobile da correggere.
Velocità da mobile
Sui dispositivi mobili processore e connessione sono spesso più deboli rispetto al desktop, quindi la stessa pagina si carica più lentamente. Le metriche di esperienza utente di Google, LCP, INP e CLS, vengono valutate anche con i dati mobile. Per le soglie dettagliate consulti il nostro articolo sui Core Web Vitals. Gli interventi più efficaci su mobile sono:
- Convertire le immagini in formato WebP/AVIF e servirle in una dimensione adatta alla larghezza del dispositivo (
srcset). - Caricare in ritardo le immagini e gli iframe sotto la prima schermata.
- Eliminare JavaScript e CSS inutilizzati e limitare gli script di terze parti.
- Ridurre il tempo di risposta del server con cache e CDN.
- Ridurre il numero di font e usare
font-display: swap. - Assegnare dimensioni fisse alle aree di immagini e annunci, così la pagina non si sposta durante il caricamento.
Navigazione e design del menu su mobile
Su desktop un menu ampio funziona bene; sul telefono servono soluzioni come il menu a hamburger, una barra in basso o categorie a tendina. Un buon menu mobile ha queste caratteristiche: le tre-cinque pagine più importanti sono raggiungibili con un tocco, la casella di ricerca è visibile, il pulsante «indietro» funziona come previsto e, con il menu aperto, la pagina sotto non scorre. Nel semplificare il menu non elimini i link interni importanti: poiché Google considera la versione mobile, i link assenti su mobile possono influire sulla distribuzione dell'autorevolezza.
Moduli e flusso di pagamento su mobile
Il visitatore da mobile abbandona molto più facilmente un modulo o un ordine rispetto al desktop. Riduca i campi, attivi la tastiera giusta (numerica per il telefono, con la @ per l'e-mail), supporti il riempimento automatico e mostri i messaggi di errore accanto al campo. Nella fase di pagamento metodi a un tocco come Apple Pay o Google Pay possono aumentare in modo netto le conversioni. Anche se questi interventi non sono un fattore di ranking diretto, sono il modo più rapido per trasformare il traffico organico in clienti reali.
Errori frequenti che compromettono l'esperienza mobile
| Errore | Effetto | Soluzione |
|---|---|---|
| Manca il tag viewport | La pagina si rimpicciolisce, il testo non si legge | Aggiunga il meta tag viewport |
| Scorrimento orizzontale | Immagini o tabelle che escono dallo schermo affaticano l'utente | max-width: 100%, contenitore scorrevole per le tabelle |
| CSS/JS bloccati | Google non riesce a renderizzare correttamente la pagina | Non bloccare le risorse nel robots.txt |
| Flash / plugin obsoleti | Su mobile non funzionano affatto | Usi un'alternativa HTML5 |
| Reindirizzamento errato | L'utente mobile finisce su una pagina non pertinente | Reindirizzi all'URL mobile corrispondente alla stessa pagina desktop |
| Aree di tocco piccole | Clic sbagliati, abbandono | Target di circa 48 pixel |
Guardi i dati reali: il test di laboratorio simula un solo dispositivo e una sola condizione di rete. I Suoi utenti, invece, navigano con telefoni e connessioni molto diversi. Il report «Dati sulle esperienze utente reali» (Core Web Vitals) di Search Console mostra separatamente l'esperienza reale di mobile e desktop; per stabilire le priorità affidi le decisioni a questi dati più che al punteggio di laboratorio.
La quota di traffico mobile varia a seconda del settore: nel food, nei servizi locali e nello shopping la maggioranza arriva dal telefono, mentre nei siti B2B e software la quota desktop può essere più alta. Verifichi la Sua quota nel report per categoria di dispositivo di Google Analytics e calibri il lavoro di conseguenza. Ricordi però che Google usa la Sua versione mobile per il ranking, anche se la maggior parte dei Suoi visitatori arriva da desktop.
Strumenti di test e checklist
Per misurare la situazione mobile esistono strumenti gratuiti e affidabili:
- PageSpeed Insights: fornisce risultati separati per mobile e desktop sui Core Web Vitals e suggerimenti di miglioramento.
- Search Console → Ispezione URL: mostra come Googlebot mobile vede la pagina. Per la configurazione consulti la nostra guida introduttiva a Search Console.
- Modalità dispositivo di Chrome DevTools: simula diverse dimensioni dello schermo e una rete lenta.
- Test su dispositivo reale: provare a mano su alcuni telefoni e browser diversi non è sostituibile da nessuna simulazione.
Breve checklist:
- È presente il meta tag viewport?
- Su mobile contenuto principale, titoli e dati strutturati sono uguali al desktop?
- Le aree di tocco sono abbastanza grandi e il testo è leggibile?
- La pagina su mobile rispetta le soglie dei Core Web Vitals?
- CSS, JS e immagini non sono bloccati dal robots.txt?
- Pop-up e annunci non coprono il contenuto?
Se il traffico mobile abbandona una pagina in modo evidente, può verificarne le cause con i passaggi della nostra guida alla riduzione della frequenza di rimbalzo.
Un'ultima avvertenza: i miglioramenti mobile non sono un progetto da fare una volta sola. Un nuovo plugin, uno script pubblicitario o un aggiornamento grafico possono rovinare l'esperienza mobile in una notte. Dopo le modifiche importanti, abitui a ritestare alcune pagine rappresentative.
Conclusione
La SEO mobile è un requisito di base in un mondo in cui Google valuta il Suo sito tramite la versione mobile. Parta dal design responsive, mantenga la parità dei contenuti, adatti le aree di tocco e la dimensione del testo alle dita, misuri la velocità con i dati mobile. Poi controlli regolarmente con Search Console e PageSpeed Insights. Un'esperienza mobile perfetta non garantisce un posizionamento, ma elimina gli ostacoli che fanno perdere gli utenti e apre la strada a far emergere i contenuti per ciò che valgono.