Un sito responsive è un sito che si adatta allo schermo di chi lo visita: stessi contenuti e stesso indirizzo, impaginazione diversa su smartphone, tablet e computer. Oggi è il requisito di base. In Italia, secondo StatCounter (settembre 2026), il 51,78% delle pagine web viene visto da smartphone, contro il 46,61% da computer. E Google valuta i siti partendo proprio dalla versione mobile.
Sito responsive: cosa significa
Un sito responsive usa un’unica versione delle pagine e fa riorganizzare gli elementi in base alla larghezza dello schermo:
- le colonne affiancate diventano una sotto l’altra;
- il menu diventa un’icona che si apre al tocco;
- le immagini si ridimensionano senza uscire dallo schermo;
- i testi mantengono una dimensione leggibile.
È diverso dal vecchio “sito mobile” separato (il classico indirizzo m.nomesito.it), che duplicava le pagine e andava aggiornato due volte. Oggi la soluzione consigliata è un solo sito, progettato per funzionare ovunque. Come questo si traduce nel CSS lo spieghiamo in CSS: perché un sito su misura è più leggero.
Esempi di sito responsive
Un esempio tipico è la pagina di un ristorante. Da computer il menu del sito è una barra orizzontale, il menu dei piatti sta su tre colonne e la mappa è affiancata agli orari. Da smartphone il menu del sito diventa un’icona, i piatti scorrono in una colonna sola e il pulsante per prenotare resta sempre a portata di pollice. Stessi contenuti, disposizione diversa. È la stessa logica con cui si progetta l’interfaccia, di cui parliamo in differenza tra UX e UI.
I numeri del traffico mobile in Italia
I dati StatCounter di settembre 2026 per l’Italia:
- smartphone: 51,78%;
- computer: 46,61%;
- tablet: 1,61%.
Sono medie su tutto il web: il tuo sito può avere una quota diversa, in base al settore e a chi lo visita. Il dato preciso lo trovi in Google Analytics, nel report per categoria di dispositivo. Per un’attività locale vale la pena guardarlo: chi cerca orari, indirizzo o contatti spesso lo fa mentre è fuori casa.
Cosa fa Google: il mobile-first indexing
Google indicizza e posiziona i siti usando la versione mobile, scansionata con Googlebot Smartphone. Dal 5 luglio 2024 ha smesso di usare il crawler desktop per quasi tutti i siti e ha chiarito che un sito non accessibile da mobile non può più essere indicizzato.
Le linee guida di Google Search Central chiedono, tra le altre cose:
- gli stessi contenuti principali su mobile e desktop: se una sezione su mobile è nascosta o tagliata, per Google non esiste;
- gli stessi title, meta description e dati strutturati;
- immagini con gli stessi testi alternativi;
- contenuti principali non caricati solo dopo un tocco o uno scroll.
Sito non responsive: cosa succede
Un sito non responsive si apre da smartphone in versione desktop rimpicciolita: bisogna zoomare, scorrere di lato e toccare link minuscoli. Molti visitatori se ne vanno prima di trovare il contatto. Se il problema è nella struttura del sito e non in qualche pagina, spesso conviene rifarlo invece di correggerlo: lo spieghiamo in restyling o rifacimento del sito.
Cosa controllare dal telefono
Puoi fare questi controlli da solo, in pochi minuti, aprendo le pagine principali dallo smartphone:
- Il testo si legge senza zoomare.
- La pagina non scorre di lato. Lo scorrimento orizzontale è il segnale più evidente di un layout non adattato.
- Pulsanti e link si toccano senza sbagliare. Le linee guida WCAG 2.2 del W3C indicano una dimensione minima di 24×24 pixel CSS per gli elementi da toccare, salvo eccezioni.
- Il menu si apre, si chiude e porta dove deve.
- I moduli sono comodi: campi grandi, tastiera numerica per il telefono, tastiera con la @ per l’email.
- Le pagine si caricano in fretta anche con il 4G. Su questo punto trovi i dettagli in sito lento e Core Web Vitals.
Per un controllo tecnico, Google Search Console segnala i problemi di scansione e i Core Web Vitals separati per mobile e desktop.
Cosa chiedere a chi realizza il sito
- Che il sito sia progettato partendo dallo smartphone e poi esteso al desktop, non il contrario.
- Che venga testato su dispositivi reali, non solo nel simulatore del browser.
- Che le immagini vengano servite in dimensioni diverse in base allo schermo.
- Che i contenuti siano gli stessi su tutte le versioni.
In sintesi
Più di metà del traffico web in Italia arriva da smartphone e Google giudica il sito dalla versione mobile. Un sito responsive non è un extra, è il punto di partenza. Tech To Business, web agency di Catanzaro, progetta ogni sito partendo dal telefono per attività in Calabria: trovi come lavoriamo nella pagina realizzazione siti web a Catanzaro.