Il sito non si vede bene sul telefono: cosa controllare

Tanti clienti vedono il tuo sito solo dal telefono, spesso di fretta e con una mano sola. Se il testo è minuscolo, se la pagina scappa di lato o se il numero di telefono non si può toccare, chiudono e cercano qualcun altro. Qui trovi come controllare il sito da solo in dieci minuti, quali sono i problemi più frequenti e cosa deve avere un sito fatto davvero per lo smartphone.

Il telefono conta anche per Google

Dal 2024 Google esplora tutti i siti con il suo crawler per smartphone, cioè il programma che legge le pagine lo fa presentandosi come un telefono. Google ha anche spiegato che i siti che non si possono aprire da un dispositivo mobile non vengono più indicizzati, quindi non compaiono nei risultati.

La conseguenza pratica è semplice: la versione del sito che vedi sul telefono è quella che conta. Se un testo, un orario o una pagina di servizi c’è sul computer ma sul telefono manca, conviene rimetterlo.

Come controllarlo, senza strumenti tecnici

1. Apri il sito dal tuo telefono e, se puoi, da quello di un familiare con un modello diverso, magari più vecchio o più piccolo.
2. Usa una mano sola e solo il pollice. Prova a fare le cose che fa un cliente: capire cosa fai, trovare il numero e chiamarti, vedere dove sei e quando sei aperto.
3. Gira il telefono in orizzontale e guarda se qualcosa si rompe.
4. Aumenta la dimensione del testo nelle impostazioni del telefono e riapri il sito. Così vedi il sito come lo vede chi tiene i caratteri grandi.
5. Dal computer, apri il sito in Chrome, fai clic con il tasto destro e scegli Ispeziona. In alto negli strumenti che si aprono c’è l’icona di un telefono: cliccandola vedi la pagina con le misure di vari modelli di smartphone.

Puoi anche passare l’indirizzo su PageSpeed Insights, lo strumento gratuito di Google, che analizza il sito come lo vedrebbe un telefono e segnala diversi problemi di questo tipo.

I problemi che si vedono più spesso

• Testo troppo piccolo. Se devi allargare con due dita per leggere, il sito è stato pensato per il computer e poi rimpicciolito.
• Pulsanti e link troppo vicini. Tocchi una voce e se ne apre un’altra. Le indicazioni di Google per chi sviluppa siti parlano di aree da toccare di circa 48 pixel, più o meno la grandezza di un polpastrello, con circa 8 pixel di spazio tra l’una e l’altra.
• Scorrimento orizzontale. La pagina si sposta di lato mentre scorri, perché una foto, una tabella o un video è più largo dello schermo.
• Popup che coprono tutto. Iscrizione alla newsletter, offerte, chat che si apre da sola: sul telefono occupano lo schermo intero e la X per chiuderli è minuscola. Google sconsiglia le finestre che nascondono tutta la pagina e suggerisce banner che ne occupano una piccola parte.
• Numero di telefono non toccabile. Il numero è scritto come semplice testo, o peggio dentro un’immagine, e il cliente deve copiarlo a mano. Lo stesso vale per l’indirizzo, che dovrebbe aprire le mappe, e per l’email.
• Moduli scomodi. Campi minuscoli, troppe domande, e la tastiera sbagliata: quando devi scrivere il numero di telefono dovrebbe comparire il tastierino numerico, non le lettere.
• Foto tagliate male. Un’immagine larga, pensata per lo schermo del computer, sul telefono diventa una striscia in cui il soggetto finisce fuori dall’inquadratura.
• Testo scritto sopra le foto. Su uno schermo piccolo diventa illeggibile appena lo sfondo è chiaro o pieno di dettagli.

Un caso a parte è il banner dei cookie. Quando il sito usa cookie che richiedono il consenso è obbligatorio, e il Garante per la privacy chiede che sia ben visibile e adatto ai vari dispositivi. Si può comunque fare in modo che si legga bene e si chiuda con facilità anche sul telefono.

Cosa serve a un sito pensato per il telefono

Avrai sentito la parola responsive. Vuol dire che il sito si riorganizza in base alla larghezza dello schermo: le colonne si mettono una sotto l’altra, il menu si chiude in un pulsante. È il minimo indispensabile, e un sito può essere responsive e restare scomodo. Per questo noi partiamo dal telefono e solo dopo allarghiamo il progetto al computer.

In concreto, un sito comodo sul telefono ha:

• testo che si legge senza ingrandire, con un buon contrasto tra scritta e sfondo
• numero, WhatsApp e indirizzo visibili subito e attivi al tocco
• pulsanti grandi e ben distanziati
• nessuno scorrimento di lato
• foto leggere e scelte anche per lo schermo verticale
• nessuna finestra che copre la pagina appena entri
• moduli brevi, con la tastiera giusta per ogni campo
• caricamento veloce anche con i dati mobili

Se oggi i clienti ti trovano soprattutto sui social, può esserti utile anche la guida su sito web o Instagram: chi arriva da un profilo Instagram apre il sito, ovviamente, dal telefono.

Correggere o rifare

Alcune correzioni sono piccole: rendere il numero toccabile, togliere un popup, ingrandire il testo. Si fanno in poco tempo e cambiano molto l’esperienza.

Se invece il sito è nato anni fa per lo schermo del computer, con un tema che non viene più aggiornato, adattarlo pezzo per pezzo può costare quanto farne uno nuovo e dare un risultato peggiore. In quel caso ha senso confrontare le due strade, e la nostra guida su quanto costa un sito web ti aiuta a farti un’idea.

Da dove partire oggi

• Apri il sito dal telefono e prova a chiamarti toccando il numero
• Scorri tutte le pagine e controlla che non si spostino di lato
• Leggi un paragrafo senza ingrandire: se fai fatica tu, fanno fatica anche i clienti
• Chiudi tutti i popup e conta quanti tocchi ti servono
• Compila il modulo di contatto dal telefono, fino all’invio
• Fai la stessa prova su un secondo telefono

Se vuoi, mandaci l’indirizzo del tuo sito: lo guardiamo dal telefono e ti diciamo cosa non funziona. I siti che costruiamo nascono per lo smartphone, e prima che tu paghi qualsiasi cosa ti prepariamo una bozza gratuita da provare sul tuo telefono. Scrivici, ti rispondiamo su WhatsApp entro 24 ore lavorative.