Un sito responsive è un sito che si adatta da solo allo schermo su cui viene aperto: sul telefono le colonne si mettono una sotto l’altra, i testi restano leggibili senza zoom, i bottoni si premono con il pollice. Sul computer lo stesso sito usa tutta la larghezza. In Italia quasi una visita su due arriva da un telefono e Google, da fine 2023, legge e classifica proprio la versione mobile: se il tuo sito non è responsive, per Google è un sito peggiore. Qui trovi cosa significa davvero, come verificare il tuo in cinque minuti e cosa fare se non lo è.
Cosa significa "responsive"
“Responsive” viene dall’inglese to respond, rispondere: il sito risponde alle dimensioni dello schermo. Il termine nasce nel 2010 con l’articolo “Responsive Web Design” di Ethan Marcotte, che descriveva tre ingredienti ancora validi oggi: una griglia fluida (le larghezze sono in percentuale, non in pixel fissi), immagini flessibili (si rimpiccioliscono con la colonna che le contiene) e le media query del CSS, cioè regole che dicono al browser “sotto i 768 pixel di larghezza usa questa impaginazione”.
Non esiste quindi una “versione mobile” separata: è un solo sito, un solo indirizzo, un solo contenuto, che cambia disposizione. È il motivo per cui Google lo consiglia da anni rispetto ai vecchi siti m.tuosito.it. La definizione breve è anche nel nostro glossario web e SEO.
In una frase: un sito è responsive quando puoi usarlo bene da qualsiasi schermo senza zoomare, scorrere di lato o cercare i bottoni.
Responsive, mobile friendly, adattivo, app: le differenze
| Termine | Cosa vuol dire | Quando ha senso |
|---|---|---|
| Responsive | Un solo sito che si riorganizza in base alla larghezza dello schermo | Sempre: è lo standard dal 2015 |
| Mobile friendly | Sito “usabile” da telefono; oggi in pratica coincide con responsive | È il termine che usa Google |
| Adattivo (adaptive) | Più impaginazioni fisse (telefono, tablet, computer): il server sceglie quale servire | Grandi portali; per una PMI è solo più costoso |
| App | Programma da installare dallo store | Solo se serve qualcosa che il sito non può fare (notifiche, uso senza connessione) |
Per un negozio, uno studio o una piccola azienda la risposta è una sola: un sito responsive, ben fatto e veloce. Un’app costa molto di più e nessuno la installa per guardare orari e prezzi.
Perché conta: Google legge prima la versione mobile
Due numeri bastano. Il primo: in Italia, ad agosto 2026, il 45,7% delle visite ai siti web arriva da smartphone (fonte StatCounter), il resto da computer e tablet. Il secondo: il 31 ottobre 2023 Google ha annunciato di aver completato il passaggio all’indicizzazione mobile-first (fonte): il suo robot visita i siti come uno smartphone e quello che vede da telefono è ciò che finisce nell’indice. Un contenuto nascosto o rotto sulla versione mobile per Google non esiste.
C’è poi la parte che riguarda te: chi apre un sito dal telefono e deve zoomare per leggere se ne va in pochi secondi, e in genere non torna. La velocità fa parte del pacchetto: un sito responsive ma lento sul 4G perde clienti allo stesso modo. Ne parliamo nella SEO e nella Local SEO, dove le ricerche da telefono sono la maggioranza.
Come capire se il tuo sito è responsive: 5 verifiche da fare da soli
Non serve un tecnico: bastano il computer, il tuo telefono e cinque minuti.
1. Restringi la finestra del browser
Sul computer prendi il bordo della finestra e stringila fino a farla stretta come un telefono. Se il contenuto si riorganizza in una colonna, è responsive; se compare una barra di scorrimento orizzontale o il testo esce dallo schermo, non lo è.
2. Aprilo dal tuo telefono, senza zoomare
Il testo deve essere leggibile così com’è, i link e i bottoni premibili con il pollice senza sbagliare, il menu raggiungibile (di solito le tre linee in alto). Se devi allargare con due dita, è un sito da computer rimpicciolito.
3. PageSpeed Insights, scheda “Dispositivi mobili”
Inserisci l’indirizzo su pagespeed.web.dev: oltre al punteggio di velocità, la sezione SEO segnala “Il testo è troppo piccolo” e “Gli elementi cliccabili sono troppo vicini”, i due sintomi classici. Il vecchio Test di ottimizzazione mobile di Google non esiste più: questo lo sostituisce.
4. Prova il modulo di contatto e il telefono
Dal telefono compila il modulo e tocca il numero: deve partire la chiamata. Molti siti “responsive” si fermano proprio qui, con campi che non si aprono o pulsanti nascosti sotto la tastiera.
5. Guarda Search Console
Se hai accesso, in “Indicizzazione delle pagine” Google indica con quale crawler legge il sito (“Googlebot per smartphone”) e segnala le pagine con problemi di usabilità mobile. Se non ce l’hai, chiedi a chi ti ha fatto il sito di attivarla: è gratuita.
Cosa deve avere un sito responsive fatto bene
Essere responsive è il minimo; farlo bene è un’altra cosa. Sul telefono un sito ben fatto ha:
- un menu che si apre con un tocco e si chiude con un altro, con le voci importanti in cima;
- testo ad almeno 16 pixel e paragrafi corti, senza blocchi di dieci righe;
- immagini leggere in formato moderno (WebP o AVIF), caricate solo quando servono;
- bottoni “chiama” e “WhatsApp” sempre a portata di pollice, non nascosti in fondo;
- tabelle che scorrono dentro il loro riquadro invece di rompere la pagina;
- un modulo con pochi campi e la tastiera giusta (numerica per il telefono);
- velocità: un punteggio PageSpeed mobile sopra 90 è raggiungibile anche con WordPress, se il sito è costruito bene.
Attenzione ai temi e ai costruttori che “sono responsive di default”: lo sono le impostazioni di partenza, non quello che ci si costruisce sopra. Un sito va provato su telefoni veri, non solo nell’anteprima dell’editor.
Il tuo sito non è responsive: adattarlo o rifarlo?
Dipende da quando è stato fatto e con che cosa.
| Situazione | Cosa conviene | Costo indicativo |
|---|---|---|
| Sito WordPress recente con tema responsive ma pagine impaginate male | Sistemare le pagine (colonne, immagini, menu mobile) | Preventivo su misura |
| Sito fatto prima del 2015, in HTML fisso o con un tema abbandonato | Rifarlo: adattarlo costa quanto rifarlo e resta fragile | Sito vetrina da 1.200 € (5 pagine), SEO di base compresa |
| Sito su Wix, Jimdo, Squarespace o simili che non si adatta bene | Passare a WordPress: si rifà tutto, ma poi il sito è tuo | Da 1.200 €, in 3–5 settimane (WordPress, Wix o Shopify) |
| E-commerce con check-out difficile da telefono | Rivedere schede e pagamento; se la piattaforma è vecchia, rifarlo | E-commerce da 2.500 € |
Un sito rifatto oggi è responsive per costruzione: non è una voce in più nel preventivo. Se qualcuno te lo fa pagare a parte, chiedi perché. Altri controlli nella guida come scegliere una web agency.
Come lo facciamo noi
Tutti i siti che realizziamo a Milano e in Lombardia nascono responsive: WordPress con Elementor, impaginazione controllata per computer, tablet e telefono, e prova finale su telefoni veri, Android e iPhone, non solo nell’anteprima. Prima della consegna misuriamo con PageSpeed Insights: questo sito, per esempio, oggi ha 98 su mobile e 100 su desktop.
Sui siti dei nostri clienti la barra con “Chiama” e “WhatsApp” resta fissa in basso sul telefono, perché è da lì che arrivano le richieste: sul sito del Centro Polispecialistico Pacini le prenotazioni passano da un modulo che funziona bene anche da smartphone (ne parliamo nel caso studio). Se vuoi un sito responsive o vuoi far controllare il tuo, la pagina siti responsive a Milano spiega cosa facciamo; il preventivo arriva entro 24 ore.
Domande frequenti sui siti responsive
Vuoi sapere se il tuo sito passa le cinque verifiche? Mandaci l’indirizzo e te lo diciamo, senza impegno: preventivo gratuito entro 24 ore.
Sito responsive: cosa significa in una frase?
Un sito che si adatta da solo allo schermo (telefono, tablet, computer) mantenendo lo stesso indirizzo e gli stessi contenuti, leggibile e usabile senza zoomare.
Un sito responsive costa di più?
No. Oggi è il modo normale di costruire un sito: da noi un sito vetrina responsive con SEO di base parte da 1.200 €. Costa di più solo adattare un sito vecchio, e in quel caso spesso conviene rifarlo.
Responsive e mobile friendly sono la stessa cosa?
In pratica sì. “Responsive” descrive la tecnica (un solo sito che si riorganizza), “mobile friendly” il risultato che Google misura (si usa bene da telefono). Un sito responsive fatto bene è mobile friendly.
Come faccio a sapere se il mio sito è responsive?
Restringi la finestra del browser sul computer o aprilo dal telefono: se leggi senza zoomare e non scorri di lato, lo è. Per una verifica più completa usa PageSpeed Insights, scheda “Dispositivi mobili”.
Google penalizza i siti non responsive?
Google indicizza la versione mobile del sito dal 2023: un sito che da telefono è illeggibile o incompleto viene letto così, e nelle ricerche da smartphone parte svantaggiato. Non è una penalizzazione formale, ma il risultato è lo stesso.
Serve un’app invece del sito?
Per un negozio, uno studio o una PMI no: un sito responsive fa tutto ciò che serve (orari, prenotazioni, contatti, vendita) e non va installato. Un’app ha senso solo per funzioni che un sito non può offrire.
