Loading...
ARTICLE_START
I contenuti ottimizzati per i dispositivi mobili sono testi che si leggono facilmente sullo smartphone, si caricano rapidamente con una connessione media e mostrano le stesse informazioni presenti nella versione desktop. Ciò significa paragrafi brevi, intestazioni chiare, un layout responsive, immagini delle dimensioni corrette e nessun testo nascosto o mancante. Google giudica ormai le pagine attraverso gli occhi di uno smartphone, quindi non si tratta di un vezzo di design: è il requisito fondamentale per essere indicizzati.
Questa guida copre entrambe le facce della medaglia: come scrivere per schermi piccoli e quali scelte tecniche determinano se i tuoi testi arrivano effettivamente ai lettori e ai motori di ricerca.
Google ha iniziato a orientarsi verso i dispositivi mobili nel 2015, avviando la scansione e lindicizzazione mobile-first nel 2016, come spiega la retrospettiva di Google sullindicizzazione mobile-first. Entro la metà del 2024 la transizione è stata di fatto completata: Google ha dichiarato di eseguire la scansione e lindicizzazione di quasi tutti i siti web tramite il crawler per smartphone, evidenziando che i siti non ancora accessibili da mobile rappresentano ormai un gruppo residuale, secondo lannuncio di giugno 2024.
La conseguenza pratica è semplice. Google utilizza la versione mobile dei tuoi contenuti per lindicizzazione e il posizionamento, come indicato nella documentazione sullindicizzazione mobile-first. Se un paragrafo, una tabella, unimmagine o un link esistono solo nel layout desktop, è altamente probabile che Google non li veda mai.
Cè anche una ragione legata allesperienza umana. Le persone leggono sui treni, nelle sale dattesa e a letto, usando una sola mano, su uno schermo che mostra allincirca da sei a dieci righe di testo alla volta. Una pagina impeccabile su un monitor da 27 pollici può trasformarsi in un muro di parole su quello schermo. Un buon contenuto mobile rispetta prima la situazione del lettore e poi il crawler, e in pratica i due obiettivi coincidono.
Il primo gruppo di consigli riguarda la scrittura ed è lambito in cui la maggior parte degli autori può migliorare una pagina senza toccare il codice.
Sullo smartphone si vede pochissimo prima che il lettore decida se rimanere o andarsene. Posiziona la risposta, la promessa o il concetto principale nelle prime due frasi. Salta il paragrafo introduttivo su come è cambiato il mondo. Se lutente ha digitato una domanda, le prime righe devono rispondervi, mentre il resto della pagina servirà ad approfondire.
Un paragrafo di cinque righe su desktop diventa un blocco di dieci righe sullo smartphone. Punta a due o tre frasi per paragrafo e a unidea per ciascuno di essi. I paragrafi di una sola frase sono utili quando esprimono un concetto che merita enfasi. Lobiettivo è lo spazio bianco: la pausa tra i blocchi è ciò che permette al lettore di non perdere il segno mentre scorre la pagina.
Chi legge da mobile scorre la pagina prima di leggerla attentamente. Fai in modo che ogni H2 e H3 descriva chiaramente ciò che segue, così chi scorre rapidamente può trovare subito la propria sezione. Unintestazione come Quanto costa ripararlo è decisamente meglio di Considerazioni. Tieni le intestazioni abbastanza brevi da occupare una o due righe al massimo sulla larghezza dello schermo.
I titoli lunghi vengono troncati nei risultati di ricerca e vanno a capo in modo disagevole sulla pagina. Metti le parole importanti allinizio, stai sotto i 60-70 caratteri ed evita di inserire parole chiave a forza. Lo stesso vale per i testi dei link e le etichette dei pulsanti: brevi, specifici e facili da toccare.
Gli elenchi puntati e numerati funzionano benissimo sui piccoli schermi perché ogni voce occupa la propria riga. Le tabelle larghe sono più rischiose: un confronto a cinque colonne risulterà in un testo illeggibile o costringerà a scorrere lateralmente. Quando possibile, limita le tabelle a due o tre colonne oppure trasforma i dati in un elenco di voci brevi.
Ogni frase aumenta la distanza dello scroll. Elimina concetti ripetuti, introduzioni deboli alle sezioni e aggettivi riempitivi. Non si tratta di alleggerire eccessivamente la pagina: un contenuto mobile può essere lungo e approfondito, a patto che ogni sua parte guadagni il proprio spazio e sia facile da navigare grazie a una struttura chiara.
Qualsiasi elemento che dipenda dal passaggio del mouse (hover), come i tooltip o i menu a tendina che si aprono al passaggio del puntatore, non funziona sui touchscreen. Esplicita le definizioni direttamente nel testo e mantieni i link sufficientemente distanziati affinché il pollice non tocchi quello sbagliato. Una frase densa di cinque link è difficile da usare da mobile: inserisci collegamenti solo dove sono davvero utili.
La principale insidia tecnica dellindicizzazione mobile-first è la parità dei contenuti. Le linee guida di Google specificano che viene utilizzata la versione mobile per lindicizzazione, quindi tutto ciò che rimuovi da mobile per risparmiare spazio potrebbe svanire silenziosamente dai risultati di ricerca. I problemi più comuni includono:
La pratica di comprimere i contenuti in elementi a tendina (accordion) o tab per migliorare lusabilità è comune e generalmente accettata, purché il contenuto si trovi nellHTML della pagina. Il rischio sorge quando il contenuto viene caricato solo a seguito di unazione dellutente che il crawler non compie. In caso di dubbio, verifica lHTML di cui è stato eseguito il rendering tramite lo strumento di ispezione URL in Search Console per confermare che il testo a cui tieni sia effettivamente presente.
Il modo più semplice per garantire la parità è offrire la stessa identica pagina a chiunque.
Google consiglia il responsive web design perché serve lo stesso codice HTML sullo stesso URL a qualsiasi dispositivo, limitandosi a modificare la visualizzazione della pagina, come descritto nella documentazione sullindicizzazione mobile-first. Sono supportati anche il dynamic serving e gli URL mobile separati, ma risultano più difficili da gestire e aumentano il rischio di errori di parità.
Una configurazione responsive si basa su alcuni principi fondamentali, descritti nella guida di web.dev sui fondamenti del responsive web design:
maximum-scale=1 impediscono agli utenti di ingrandire la pagina con le dita, creando barriere di accessibilità. Lobiettivo è progettare in modo che lo zoom non sia necessario, non proibirlo a chi ne ha bisogno.Se utilizzi un CMS come WordPress, HubSpot o Squarespace, la soluzione più rapida consiste spesso nello scegliere un tema responsive moderno e testare i tuoi blocchi personalizzati, poiché widget incorporati, tabelle larghe e annunci a larghezza fissa sono le cause più frequenti di overflow.
Il W3C evidenzia come molti vincoli dei dispositivi mobili (come schermi piccoli, velocità di rete variabili e modalità di input disagevoli) coincidano con le barriere affrontate dalle persone con disabilità. La loro tabella delle esperienze web condivise illustra chiaramente questo parallelismo: progettare bene per un gruppo tende ad avvantaggiare anche laltro.
Un esempio concreto è il reflow (il ridisposizione del testo). Le WCAG 2.2 richiedono che i contenuti si adattino a un viewport stretto senza scorrimento orizzontale, e la pagina Understanding Reflow spiega come questo sia fondamentale per gli utenti con problemi visivi che ingrandiscono i contenuti. Di conseguenza, la regola che segui per gli smartphone tutela anche chi effettua lo zoom al 400% su un computer portatile. Altre buone abitudini utili a entrambi i gruppi:
Una pagina scritta in modo eccellente ma che impiega otto secondi a comparire fa perdere il lettore ancor prima della prima frase. Google valuta lesperienza utente in parte attraverso i Core Web Vitals. Secondo la spiegazione di web.dev su come sono state definite le soglie, una pagina è considerata buona quando almeno il 75% delle visite soddisfa questi parametri:
| Metrica | Cosa misura | Soglia ideale |
|---|---|---|
| LCP (Largest Contentful Paint) | La velocità con cui compare il contenuto principale | 2,5 secondi o meno |
| INP (Interaction to Next Paint) | La rapidità con cui la pagina risponde a tocchi e clic | 200 ms o meno |
| CLS (Cumulative Layout Shift) | La stabilità del layout durante il caricamento (salti ed eventi imprevisti) | 0,1 o meno |
Le stesse soglie si applicano a desktop e mobile, ma è sugli smartphone (caratterizzati da processori e reti più lenti) che la maggior parte dei siti fatica a raggiungerle. Per unanalisi più approfondita su come i tempi di carico influenzino le prestazioni di ricerca e le conversioni, vale la pena leggere questo articolo sulla velocità del sito web insieme alla checklist sottostante.
srcset e sizes, comprimi i file e adopera formati moderni.Una nota di realtà tratta dalla documentazione ufficiale di Google sullesperienza sulla pagina: buoni Core Web Vitals sono raccomandati per unesperienza ottimale, ma punteggi perfetti non garantiscono posizioni di vertice. Sono un segnale tra molti. Punta a una pagina che risulti veloce per una persona reale, non a un bollino verde fine a se stesso.
Per verificare la tua situazione, controlla il rapporto sui Core Web Vitals in Search Console per i dati reali degli utenti e valuta laggiunta di strumenti di monitoraggio delle prestazioni reali (RUM), come suggerito da web.dev nella sua guida alla misurazione dei Web Vitals.
I popup che coprono i contenuti subito dopo un clic dai risultati di ricerca, i banner fissi che occupano un terzo dello schermo e gli avvisi sui cookie con pulsanti minuscoli fanno perdere lettori preziosi da mobile. Se hai bisogno di un modulo per la newsletter, posticipalo finché il lettore non ha scorso la pagina o vi ha trascorso un po di tempo, e fai in modo che il pulsante di chiusura sia grande e facile da premere. Mantieni gli elementi fissi sottili e discreti. Su un piccolo schermo, ogni pixel che il lettore non può sfruttare per la lettura rappresenta un costo.
Da verificare prima della pubblicazione:
La maggior parte delle pagine che vediamo oggi nasce come bozza generata dallintelligenza artificiale, e questo cambia i termini del problema mobile. I modelli linguistici amano paragrafi lunghi e uniformi, qualificatori stratificati e intestazioni generiche. Su un computer portatile tutto ciò risulta semplicemente noioso; su uno smartphone diventa faticoso e spinge i lettori ad abbandonare la pagina.
Per questo motivo consideriamo la leggibilità da mobile parte integrante del processo per far suonare naturale una bozza. La ristrutturazione è il lavoro principale: spezzare i blocchi di testo, variare la lunghezza delle frasi, andare dritti al punto e sostituire le intestazioni vaghe con altre specifiche. È esattamente ciò per cui abbiamo progettato Semihuman, per ristrutturare testi generati dallIA affinché si leggano in modo naturale integrando al contempo le parole chiave per cui desideri posizionarti, preservando intatto il significato. Tuttavia, uno strumento è solo un punto di partenza: il controllo finale spetta a una persona che tiene in mano uno smartphone e si chiede se vorrebbe davvero leggere quel testo mentre si trova in piedi su una banchina.
La nostra regola generale: se non invieresti quel paragrafo a un amico tramite un messaggio di testo, è troppo lungo per i dispositivi mobili.
Riteniamo inoltre che la qualità dei contenuti conti più della loro origine. Lettori e motori di ricerca premiano le pagine utili, accurate e chiare, e vale la pena tenerlo a mente durante la fase di editing. I nostri articoli sullapproccio di Google ai contenuti utili e su come allineare i contenuti allintento di ricerca dellutente approfondiscono ulteriormente largomento.
— Tilen
Se produci contenuti su larga scala, la fase più lenta dellottimizzazione per dispositivi mobili è la riscrittura. Semihuman ristruttura i testi generati dallintelligenza artificiale trasformandoli in una prosa più naturale e leggibile, aiutandoti a inserire le parole chiave di riferimento; puoi iniziare con i piani Free, Basic e Pro. I team che desiderano integrare questo passaggio direttamente in un flusso di lavoro di pubblicazione possono valutare le soluzioni API per sviluppatori e aziende. Qualunque sia la strada scelta, concludi sempre con il controllo da smartphone descritto in precedenza.
Un contenuto ottimizzato per i dispositivi mobili non si può considerare mai del tutto concluso al momento della pubblicazione. È opportuno monitorare regolarmente alcuni indicatori ogni mese:
Per idee su quali metriche tracciare e su come collegarle ai risultati concreti, consulta la nostra panoramica sulle metriche di contenuto per i marketer. Se stai abbinando lottimizzazione mobile a un lavoro SEO più ampio, la nostra guida sui consigli di digital marketing per contenuti autentici copre laspetto editoriale, mentre larticolo sui trend di narrazione visiva offre spunti utili per immagini e video che ottimizzano il peso in byte.
Prendiamo un tipico post del blog che si legge perfettamente su desktop. Su uno smartphone, il paragrafo iniziale è lungo nove righe, la prima intestazione recita Panoramica, una tabella di confronto a quattro colonne richiede lo scorrimento laterale e limmagine principale è un file da 3.000 pixel caricato pigramente.
Ecco cosa farebbe un redattore, in questordine:
Nessuno di questi passaggi richiede una riprogettazione grafica. Si tratta di operazioni di editing e pulizia che, nel loro insieme, modificano lesperienza duso della pagina molto più di qualsiasi singolo accorgimento tecnico.
Vai dritto al punto con la risposta, mantieni i paragrafi a due o tre frasi, usa intestazioni specifiche e prediligi gli elenchi rispetto alle tabelle larghe. Dopodiché, leggi la pagina su uno smartphone vero ed elimina tutto ciò che ti costringe a scorrere senza un reale valore aggiunto. Una scrittura chiara e una struttura pulita contano più di qualsiasi trucco isolato.
Inizia con un layout responsive e un tag viewport corretto, quindi assicurati che la pagina mobile contenga gli stessi testi, immagini e link della versione desktop. Comprimi e ridimensiona le immagini, riserva lo spazio per gli elementi incorporati ed evita popup invadenti. Infine, controlla i Core Web Vitals in Search Console e correggi i gruppi di URL segnalati come carenti.
Google utilizza la versione mobile dei contenuti per lindicizzazione e il posizionamento, il che significa che la tua pagina mobile è di fatto quella presa in esame. Lesperienza sulla pagina, inclusi i Core Web Vitals, è un segnale tra molti, e Google precisa che punteggi perfetti non garantiscono posizioni di vertice. Contenuti utili e perfettamente fruibili da smartphone rappresentano la posizione di partenza più sicura.
Mantieni i contenuti identici su tutti i dispositivi, adotta un design responsive e rispetta le soglie ideali per LCP, INP e CLS. Scrivi intestazioni e linee di apertura che rispondano alle intenzioni di ricerca degli utenti e tieni i titoli concisi in modo che vengano mostrati per intero. Analizza mensilmente le prestazioni mobile per dispositivo allinterno di Search Console.
Inizia
umanizzare
gratis!
Umanizza