Vai al contenuto
Prenota una chiamata
Diagnosi · Siti web

Sito che si vede male da telefono: come accorgertene prima dei clienti

Il sito l’hai visto sul computer, approvato e messo online. Ma la maggior parte dei tuoi clienti lo apre dal telefono, con un pollice e poca pazienza. Se lì qualcosa non funziona, nessuno te lo dirà: chiuderanno la pagina e basta.

Aggiornato il Lettura: 5 minuti
tuosito.itIl visitatore ha chiuso la pagina
Sul telefono ogni piccolo difetto diventa un ostacolo.
In breve
  • Google valuta i siti soprattutto nella versione per telefono.
  • Un sito «responsive» può comunque essere scomodo: adattarsi allo schermo non significa funzionare bene.
  • I problemi tipici sono testi piccoli, pulsanti ravvicinati, finestre che coprono il contenuto e menu che non si aprono.
  • Il modo più affidabile per accorgersene è usare il sito dal telefono come farebbe un cliente, completando un’azione.
  • Gli strumenti di Google aiutano a misurare, ma non sostituiscono la prova con un telefono vero.

Perché il telefono è il banco di prova

Per la maggior parte delle attività locali e dei siti di servizi, la quota di visite da telefono supera quella da computer. Eppure i siti vengono ancora progettati, controllati e approvati davanti a uno schermo grande.

Google, dal canto suo, guarda il sito con gli occhi di un telefono: è la versione mobile quella che legge e valuta per decidere dove mostrarti. Se da telefono mancano contenuti o la pagina è difficile da usare, ne risente tutto il sito.

C’è poi il contesto: chi usa il telefono spesso è in movimento, ha una connessione meno stabile e vuole una risposta rapida, come un numero da chiamare o un indirizzo. Ogni ostacolo in più, anche piccolo, fa perdere quella persona.

ApprovatoScomodoComputerTelefono
Lo stesso sito, due esperienze
I 5 segnali

I segnali di un sito scomodo da telefono

Molti di questi problemi si vedono in un minuto, se si guarda il sito con il telefono in mano e non dal computer.

01

Per leggere bisogna allargare con le dita

Come si manifesta

I testi sono minuscoli, le righe lunghe, e il visitatore deve ingrandire per leggere. Oppure la pagina scorre anche di lato, perché qualcosa è più largo dello schermo.

Cosa c’è dietro

Il layout non è pensato per schermi piccoli, o un elemento come una tabella, un’immagine o un video ha una larghezza fissa che sfora. Basta un solo elemento così per rendere scomoda l’intera pagina.

Problema: leggibilità
16 px9 pxComputerTelefono
Testo pensato per uno schermo grande
02

Tocchi un link e si apre quello accanto

Come si manifesta

Pulsanti, voci di menu e link sono troppo piccoli o troppo vicini. Il visitatore tocca «Servizi» e si apre «Contatti», oppure deve riprovare più volte.

Cosa c’è dietro

Le aree da toccare devono essere grandi abbastanza per un dito, non per il puntatore di un mouse. Le linee guida sull’accessibilità indicano dimensioni minime precise, spesso ignorate.

Problema: aree di tocco
Servizi | Contattiaperto quello sbagliato
Due pulsanti per un dito solo
03

Una finestra copre tutto appena arrivi

Come si manifesta

Il visitatore apre la pagina e uno pop-up di iscrizione, un banner promozionale o un banner cookie enorme copre il contenuto. Chiuderlo è difficile perché la X è minuscola o fuori schermo.

Cosa c’è dietro

Le finestre invasive su telefono sono una delle cause più comuni di abbandono. Google stessa indica le interstitial intrusive come un’esperienza negativa sulle pagine mobili.

Problema: finestre invasive
Chiudi ✕
Il contenuto sotto non si vede
04

Il menu non si apre o si apre male

Come si manifesta

L’icona con le tre linee non risponde, il menu si apre ma non si chiude, oppure i sottomenu sono irraggiungibili. Alcune pagine da telefono, di fatto, non si raggiungono.

Cosa c’è dietro

Il menu mobile è spesso un componente separato dal menu desktop, gestito da script del tema o di un plugin. Un aggiornamento o un conflitto lo rompono senza che nessuno se ne accorga, perché dal computer funziona.

Problema: navigazione
☰ Menunessuna risposta
Il menu c’è ma non risponde
05

Chiamare, trovare l’indirizzo o compilare il modulo è complicato

Come si manifesta

Il numero di telefono non si tocca per chiamare, l’indirizzo non apre le mappe, il modulo ha campi minuscoli e la tastiera copre il pulsante di invio.

Cosa c’è dietro

Su telefono le azioni che portano clienti sono diverse da quelle su computer. Se non sono pensate per il pollice, il visitatore interessato rinuncia proprio nel momento in cui stava per contattarti.

Problema: azioni principali
chiamate0numero non cliccabile
Il cliente vuole chiamare, ma non può toccare il numero
Test rapido

Quanti segnali riconosci?

Prendi il tuo telefono e prova a fare quello che farebbe un cliente: trovare un servizio, chiamarti, scriverti. Il test resta sul tuo dispositivo: non viene inviato niente.

Spunta i segnali che riconosci.
Come verificarlo

Come verificare il sito da telefono

La prova più utile è anche la più semplice: usare il sito come un cliente, con un obiettivo preciso.

  1. Usa un telefono vero, non il computer rimpicciolito. Meglio ancora se è un telefono di fascia media e non l’ultimo modello.
  2. Completa un’azione. Trova un servizio e chiamaci, oppure compila e invia il modulo. Cronometra quanto ci metti e annota dove ti blocchi.
  3. Prova in verticale e in orizzontale. Alcuni problemi compaiono solo ruotando il telefono.
  4. Fai un controllo con Lighthouse. In Chrome, gli Strumenti per sviluppatori includono Lighthouse, che segnala testi piccoli, aree di tocco ravvicinate e problemi di accessibilità.
  5. Chiedi a qualcuno che non conosce il sito. Tu sai dove sono le cose. Un amico o un cliente che lo vede per la prima volta trova subito ciò che non funziona.
Le cause più comuni

Perché un sito funziona male da telefono

Spesso il problema non è il tema in sé, ma ciò che è stato aggiunto sopra nel tempo.

CausaCome la riconosciPerché non è banale
Progettato solo per il computerIl layout si restringe ma resta pensato in grandeVa ripensato l’ordine dei contenuti, non solo la dimensione
Elementi a larghezza fissaLa pagina scorre di latoPossono venire da tabelle, video incorporati o codice copiato
Pop-up e banner invasiviFinestre che coprono il contenutoAlcuni sono obbligatori, come il banner cookie, e vanno resi discreti senza perdere la conformità
Menu mobile rottoIl menu non si apre dopo un aggiornamentoDipende spesso da script del tema in conflitto con altri
Moduli lunghiTroppi campi e tastiera che copre i pulsantiRidurre i campi senza perdere informazioni utili richiede scelte
Cosa non fare

Gli errori più comuni

Controllare solo dal computer

Il ridimensionamento della finestra del browser non riproduce l’esperienza di un dito su uno schermo vero.

Nascondere contenuti su telefono

Google legge la versione mobile: se lì manca un contenuto, per Google non esiste.

Aggiungere un’app invece di sistemare il sito

Chi ti cerca su Google arriva sul sito, non sull’app.

Inseguire il punteggio e basta

Un buon punteggio negli strumenti non garantisce che il cliente riesca a chiamarti.

Il meccanico del web

Il tuo sito è scomodo da telefono?

Lo proviamo come lo proverebbero i tuoi clienti, su telefoni veri, e sistemiamo ciò che li fa rinunciare: leggibilità, pulsanti, menu, moduli e chiamate. Senza rifare il sito e senza toccare ciò che funziona.

Domande frequenti

Domande frequenti sui siti da telefono

Come faccio a sapere se il mio sito è ottimizzato per il telefono?

Usalo da un telefono vero per completare un’azione, come chiamare o inviare il modulo. Poi verifica con Lighthouse in Chrome, che segnala testi piccoli e aree di tocco troppo vicine.

Google penalizza i siti non adatti al telefono?

Google valuta i siti soprattutto nella versione mobile. Se quella versione è scomoda o incompleta, il sito ne risente nei risultati.

Il mio tema è responsive: basta?

No. Un tema responsive si adatta allo schermo, ma pulsanti, moduli, pop-up e menu possono comunque essere scomodi da usare con un dito.

I pop-up sono vietati su telefono?

No, ma quelli che coprono il contenuto appena si apre la pagina peggiorano l’esperienza e Google li considera negativi. Il banner cookie va mostrato in modo discreto.

Devo rifare il sito per sistemarlo?

Quasi mai. Nella maggior parte dei casi si interviene su layout, componenti e moduli mantenendo contenuti e posizionamento.

PARLA CON UN RESPONSABILE

Dicci a che punto sei. Rispondiamo entro un giorno lavorativo.