Luca Perullo
Tutte le note
/Performance

Mobile-first non è un'opinione: perché il tuo sito viene giudicato dallo smartphone

Nel 2026 il 75% del traffico arriva da mobile. Google indicizza la versione mobile. Se il sito è disegnato sul desktop e poi adattato, sei già in svantaggio.

Apri il tuo sito sul telefono adesso. Quanti secondi ci vogliono per vedere il primo contenuto? Quanti tap per arrivare a ciò che cerchi? Questi due numeri determinano se Google ti mostra in alto o ti seppellisce. Mobile-first non è un consiglio, è il pavimento.

Cosa significa davvero "mobile-first"

NON è "sito desktop poi rimpicciolito". È:

  • Design partito da uno schermo da 6 pollici, poi adattato a desktop
  • Performance pensata per 4G traballante, non fibra ottica
  • Interazioni progettate per il pollice, non per il mouse
  • Contenuto strutturato gerarchicamente per scroll verticale

Il "responsive" classico di 5 anni fa era retrofittare desktop su mobile. Era il minimo. Adesso non basta.

Google Mobile-First Indexing — il fatto che cambia tutto

Google indicizza il mobile del tuo sito, non il desktop. Significa:

  • Se il mobile è più povero del desktop (meno contenuto, meno link, foto compresse all'osso), Google vede solo quello
  • Se il mobile è lento, Google vede il sito come lento, sempre
  • Se il mobile non ha qualcosa che il desktop ha (es. il blog), per Google quel contenuto non esiste

Questo è il singolo errore SEO più sottovalutato del 2026.

I 6 sintomi di un sito non davvero mobile-first

  1. Bottoni piccoli che richiedono di zoomare. Target tap minimo 44x44 px.
  2. Form lunghissimi con campi in due colonne (su mobile diventa illeggibile).
  3. Menu hamburger con 15 livelli invece di navigation flatto.
  4. Hero che richiede scroll per vedere CTA. Su mobile il fold è basso.
  5. Tabelle larghe che si ingrandiscono o tagliano a destra.
  6. Pop-up modal-on-load che Google penalizza esplicitamente da anni.

Mobile-first vero: i principi che cambiano tutto

1. La gerarchia parte dalla domanda primaria.

Un visitatore mobile arriva da Google con UNA domanda. La home deve rispondere a quella in 2 secondi, non alla terza. Se dieci sezioni della home rispondono a dieci domande diverse, hai perso.

2. Il pollice ha una "comfort zone".

Tieni il telefono in una mano. Il pollice arriva facilmente al centro-basso. Difficilmente al centro-alto. Mai agli angoli alti senza prendere la mano. Le CTA importanti vivono dove arriva il pollice.

3. Lo scroll è gratis. I tap costano.

Mobile gli utenti scrollano metri di contenuto senza problemi. Ma ogni tap (link interno, sub-menu) è frizione. Preferisci scroll lungo a navigazione profonda.

4. La performance NON è un'ottimizzazione, è il design.

Decisioni che prendi in design affect performance. Foto enormi nello slider hero = LCP da 5 secondi. Web font esotici = render bloccato per 1.5s. Animazioni complesse = INP alto.

Se il design fa "wow" su Behance ma è lento su mobile reale, è un design fallito.

Il test che ti dà la verità

Prendi il tuo telefono personale. Disattiva WiFi, vai su 4G normale (non 5G). Apri il tuo sito a un cliente o amico e di': "trovami il prezzo del [tuo servizio principale]".

Cronometra:

  • Quanti secondi per il primo paint?
  • Quanti tap per arrivare alla risposta?
  • Si è dovuto zoomare?
  • Si è perso?

Se più di 5 secondi al primo paint o più di 3 tap, il tuo sito ha un problema mobile.

Cosa fare se il tuo sito è desktop-first

Quick wins (1–3 giorni):

  • Comprimi tutte le immagini in WebP
  • Aumenta i target tap (44x44 minimo)
  • Sposta CTA primarie nel fold mobile
  • Disabilita pop-up modal-on-load mobile
  • Verifica e fixa Core Web Vitals (vedi guida CWV)

Medium effort (2–4 settimane):

  • Riscrittura della navigation per single-column flow
  • Riscrittura dei form (campi singoli, mobile keyboard types corretti)
  • Hero ridisegnato per il fold mobile

Restyling completo: se il sito è del 2018 e basato su template ormai datato, conviene rifarlo da zero (con metodo: vedi restyling sicuro).

Range di costo

  • Audit mobile + quick fixes — €800–1.500 (1 settimana)
  • Refactor mobile completo (stesso CMS, design rifatto) — €3.500–7.500
  • Restyling mobile-first completo — €6.500–14.000

L'investimento si paga di solito in 4–8 mesi tramite aumento traffico organico (Google ti premia) + aumento conversioni mobile.

Vuoi un audit gratis del tuo sito su mobile? Scrivimi — un report di 1 pagina con i 5 fix prioritari.

Continua a leggere