Prova a pensare all’ultima volta che hai cercato un ristorante, un idraulico o un negozio: quasi certamente lo hai fatto dal telefono. I tuoi clienti fanno lo stesso. Per la maggior parte delle piccole attività, oggi, la maggioranza delle visite al sito arriva da smartphone, e anche Google valuta i siti partendo dalla loro versione mobile.
Eppure molti siti sono ancora pensati per il computer e solo “adattati” al telefono: testi minuscoli, pulsanti impossibili da toccare, menu che si aprono a metà. In questo articolo vediamo cosa significa davvero avere un sito responsive, come verificare il tuo e cosa sistemare perché non ti faccia perdere clienti.
Cosa vuol dire “sito responsive”
Un sito responsive è un sito che si adatta automaticamente allo schermo su cui viene visualizzato: computer, tablet, smartphone. Non è una versione separata, è lo stesso sito che riorganizza testi, immagini e menu in base allo spazio disponibile.
Ma adattarsi non basta. Un sito può essere tecnicamente responsive (gli elementi si ridimensionano) e comunque essere scomodo da usare. Per questo oggi si parla di progettazione mobile first: si pensa prima a come funziona da telefono, e poi si arricchisce per gli schermi più grandi.
Perché è così importante
Perché i tuoi clienti ti cercano da telefono
Le ricerche locali, in particolare, si fanno quasi sempre in movimento: “farmacia aperta”, “pizzeria qui vicino”, “green fee oggi”. Chi cerca così ha fretta e vuole trovare subito telefono, indirizzo, orari, un pulsante per prenotare.
Perché Google guarda prima la versione mobile
Google utilizza la versione mobile del sito per valutarlo e decidere la sua posizione nei risultati. Se da telefono il sito è lento, incompleto o scomodo, ne risente anche il posizionamento.
Perché un’esperienza scomoda fa scappare
Se una persona deve allargare il testo con le dita per leggere, o tocca tre volte un pulsante prima di centrarlo, chiude il sito e torna ai risultati di ricerca. E quasi mai torna indietro.
Come verificare il tuo sito in cinque minuti
Prendi il telefono e apri il tuo sito come farebbe un cliente. Poi controlla:
- Velocità: la pagina si carica in pochi secondi anche con la rete mobile, non solo con il Wi-Fi?
- Leggibilità: il testo si legge senza ingrandire?
- Menu: si apre facilmente e le voci sono comode da toccare?
- Pulsanti: chiama, prenota, contatti sono grandi e ben visibili?
- Telefono e indirizzo: toccando il numero parte la chiamata? Toccando l’indirizzo si apre la mappa?
- Moduli: riesci a compilare il modulo contatti con il pollice, senza errori?
- Immagini: si vedono bene o sono tagliate e deformate?
- Elementi fastidiosi: ci sono finestre che coprono tutta la pagina e sono difficili da chiudere?
Fai la prova anche su un telefono diverso dal tuo, magari più vecchio o con lo schermo più piccolo: i tuoi clienti non hanno tutti l’ultimo modello.
Gli errori più comuni da telefono
Testi troppo piccoli o troppo lunghi
Paragrafi infiniti su uno schermo piccolo scoraggiano. Da telefono servono frasi brevi, paragrafi corti, titoli che aiutano a orientarsi.
Pulsanti minuscoli o troppo vicini
Un dito non è preciso come il puntatore del mouse. Pulsanti e link devono essere abbastanza grandi e distanziati.
Contatti nascosti
Il numero di telefono in fondo alla pagina, in caratteri piccoli, è un’occasione persa. Da telefono, il pulsante per chiamare o scrivere su WhatsApp dovrebbe essere sempre a portata di pollice.
Immagini enormi
Foto pesanti, magari caricate direttamente dalla macchina fotografica, rallentano tutto, e da rete mobile la differenza si sente molto. Approfondiamo il tema nell’articolo su perché il sito è lento.
Popup invadenti
Finestre che coprono l’intera pagina appena si apre il sito, con una piccola “X” difficile da trovare, sono una delle esperienze più irritanti da telefono, e Google le considera negative.
Tabelle e PDF
Listini in tabelle larghe o calendari in PDF sono quasi illeggibili da smartphone. Meglio pagine vere, con contenuti che si adattano allo schermo.
Cosa deve trovare subito chi arriva da telefono
Pensa ai motivi più comuni per cui un cliente visita il tuo sito da smartphone, e rendi quelle azioni immediate:
- per un ristorante: menu, orari, prenotazione, indicazioni;
- per un professionista: servizi, telefono, modulo di contatto, dove si trova lo studio;
- per un e-commerce: ricerca prodotti, carrello, pagamento semplice;
- per un circolo di golf: prenotazione tee time, green fee, gare, meteo o stato del campo.
Queste informazioni dovrebbero essere raggiungibili con uno o due tocchi dalla home.
Velocità: il primo requisito
Da telefono la velocità conta ancora di più. Alcuni accorgimenti fanno una grande differenza:
- immagini in formati moderni e alle dimensioni giuste;
- caricamento delle immagini solo quando servono, man mano che si scorre;
- pochi componenti aggiuntivi pesanti;
- un hosting di qualità.
Mobile first non vuol dire rinunciare alla bellezza
Un sito pensato prima per il telefono non deve essere spoglio o banale. Animazioni leggere, belle immagini, una grafica curata funzionano benissimo anche da smartphone, purché siano progettate con attenzione e non rallentino la navigazione.
Un esempio prima e dopo
Un piccolo studio di fisioterapia aveva un sito curato da computer, ma da telefono il menu copriva metà schermo, il numero di telefono stava in fondo alla pagina e il modulo di prenotazione aveva dieci campi minuscoli. Dopo il rifacimento:
- in alto c’è un pulsante “Chiama” sempre visibile;
- il menu si apre a tutto schermo con voci grandi;
- il modulo chiede solo nome, telefono, motivo della visita e preferenza di giorno;
- le foto sono state alleggerite e la pagina si apre in un attimo anche in rete mobile.
Il risultato più evidente è stato un aumento delle richieste arrivate proprio da smartphone, senza cambiare nulla nei contenuti.
Pensare al contesto, non solo allo schermo
Progettare per il telefono non significa solo rimpicciolire le pagine: significa pensare a dove e come le persone usano lo smartphone. Spesso sono in piedi, in macchina come passeggeri, in coda, con una mano sola libera e poca attenzione. Per questo:
- le informazioni più importanti devono stare in alto, senza bisogno di scorrere a lungo;
- ogni pagina dovrebbe avere un solo obiettivo principale, chiaro ed evidente;
- i testi devono andare dritti al punto, rimandando i dettagli a sezioni apribili o pagine dedicate;
- i moduli devono chiedere il minimo indispensabile e usare la tastiera giusta (quella numerica per il telefono, quella con la chiocciola per l’email).
Anche il contrasto conta: chi guarda il telefono all’aperto, sotto il sole, fatica a leggere testi grigio chiaro su fondo bianco. Colori ben contrastati rendono il sito leggibile in ogni situazione, e aiutano anche chi ha qualche difficoltà di vista.
Quando serve un restyling
Se il tuo sito ha più di cinque o sei anni, è probabile che sia nato pensando al computer e che da telefono mostri i suoi limiti. In quel caso, più che rattoppare, conviene valutare un rifacimento: leggi i 7 segnali che è ora di rifare il sito.
Domande frequenti
Il mio sito si vede da telefono, quindi va bene?
Non necessariamente. Vedersi non significa funzionare bene: verifica velocità, leggibilità, pulsanti e moduli con la checklist di questo articolo.
Serve un’app invece del sito?
Per la quasi totalità delle piccole attività, no. Un sito ben fatto da telefono offre tutto ciò che serve, senza costringere il cliente a scaricare nulla.
Come controllo cosa pensa Google della versione mobile?
Gli strumenti gratuiti di Google per i proprietari dei siti, come Search Console e PageSpeed Insights, mostrano eventuali problemi di usabilità e velocità da telefono.
In sintesi
Oggi il sito della tua attività viene visto soprattutto da smartphone, e Google lo valuta partendo da lì. Un sito responsive vero è veloce, leggibile, con pulsanti comodi e contatti sempre a portata di pollice. Fai la prova con la checklist: ogni problema risolto è un cliente in più che non scappa.
Tutti i siti di Officina 19 sono progettati prima di tutto per il telefono, con animazioni leggere che non sacrificano la velocità. Scopri i pacchetti o scrivici per un parere sul tuo sito attuale.