Il sito non si vede bene da cellulare: sintomi, cause e cosa fare

Prendi il telefono, apri il tuo sito e prova a fare quello che farebbe un cliente con una mano sola, magari in piedi alla fermata dell'autobus: capire cosa fai, trovare gli orari, chiamarti. Se devi allargare la pagina con due dita, se il pulsante giusto è minuscolo o se una finestra copre tutto, il tuo sito ha un problema con gli smartphone. E per molte attività locali è proprio dal telefono che un cliente ti conosce per la prima volta.

Il test del pollice, in cinque minuti

Fallo su almeno due telefoni diversi, meglio se uno ha lo schermo piccolo, e annota cosa non va:

1. I testi si leggono senza ingrandire?
2. La pagina resta ferma in larghezza, o scorre anche di lato?
3. Il numero di telefono si chiama con un tocco? E il pulsante WhatsApp funziona?
4. Pulsanti e link sono abbastanza grandi e distanziati da non premere quello sbagliato?
5. Il menu si apre e si chiude senza fatica?
6. Appena entri, compaiono finestre che coprono la pagina? Si chiudono facilmente?
7. Le foto sono nitide e intere, o tagliate male?
8. Il modulo di contatto si compila senza fatica, con la tastiera giusta per numeri ed email?
9. La pagina si carica in fretta anche con i dati mobili, fuori dal Wi-Fi?

Se hai un solo telefono, sul computer puoi usare la modalità dei browser che simula lo schermo di uno smartphone: utile per un primo controllo, ma non sostituisce la prova con le dita. Il vecchio test di Google dedicato ai siti per dispositivi mobili non è più disponibile; per un controllo tecnico puoi usare PageSpeed Insights, che analizza anche la versione per smartphone.

Dal sintomo alla causa

• Tutto minuscolo, come una pagina da computer rimpicciolita: il sito non è responsive, cioè non si adatta allo schermo. È tipico dei siti fatti molti anni fa. Cosa significa responsive lo spiega la guida su come fare un sito web.
• La pagina scorre di lato: di solito c'è un elemento più largo dello schermo, come un'immagine, una tabella, una mappa o un video inseriti con misure fisse.
• Pulsanti attaccati: il tema del sito non prevede spazi adatti al tocco, o i menu sono stati pensati solo per il mouse.
• Finestre che coprono tutto: pop-up per iscriversi alla newsletter, offerte, banner dei cookie troppo invadenti. Google stesso sconsiglia le finestre che impediscono di leggere il contenuto appena si arriva da una ricerca.
• Testi spezzati o sovrapposti: caratteri molto grandi, titoli lunghi, parti del sito aggiunte nel tempo senza controllarle dal telefono.
• Lentezza: foto pesanti, troppi script, un hosting debole. Se è questo il problema principale, trovi i rimedi nella guida sul sito lento.

Perché non è solo una questione estetica

Un sito non ottimizzato per mobile fa perdere contatti in silenzio: chi non trova il numero non ti scrive per dirtelo, chiama il risultato successivo. E conta anche per Google, che per decidere come mostrare un sito guarda soprattutto la sua versione per smartphone. Se da telefono mancano testi o pagine che da computer ci sono, per Google rischiano di non esistere.

Correggere o rifare?

Di solito basta una correzione se…

• il sito è già responsive e i problemi riguardano pochi elementi: un'immagine larga, una tabella, un pop-up, un pulsante;
• è stato fatto o aggiornato da poco e qualcuno ne cura la manutenzione;
• i difetti stanno in poche pagine, magari aggiunte dopo.

Conviene valutare un rifacimento se…

• il sito non si adatta allo schermo in nessuna pagina;
• è costruito con strumenti vecchi che nessuno sa più aggiornare;
• ogni correzione ne rompe un'altra, e il costo delle toppe continua a salire;
• oltre allo smartphone, sono da rivedere anche testi, foto e contatti.

Quando i motivi per rifare sono più di uno, un rifacimento del sito fatto bene, che mantiene gli indirizzi delle pagine o li reindirizza, spesso costa meno fatica di tante correzioni.

Come chiedere l'intervento

Chi deve correggere il sito lavora molto meglio con esempi concreti. Mandagli:

• screenshot dal telefono di ogni problema, con l'indirizzo della pagina;
• il modello del telefono e il browser usato;
• cosa volevi fare senza riuscirci, per esempio "chiamare dalla pagina dei servizi".

Dopo l'intervento, ripeti il test del pollice sugli stessi telefoni.