Cos’è l’above the fold
Above the fold (letteralmente “sopra la piega”) è la porzione di una pagina web visibile appena si arriva, senza dover scorrere verso il basso. È la prima cosa che l’utente vede, e spesso è l’unica se non trova subito qualcosa che vale la pena leggere.
Il termine viene dal giornalismo cartaceo: i quotidiani venivano esposti piegati in edicola, e la parte “above the fold” era quella superiore della prima pagina, quella che doveva convincerti a comprarlo. Stessa logica, contesto diverso.
Oggi il “punto di piega” non è fisso: cambia in base al dispositivo, alla risoluzione dello schermo e al browser. Su mobile è molto più in alto che su desktop. Per questo motivo, l’above the fold non va inteso come un’area rigida, ma come un principio strategico: metti ciò che conta di più in cima, dove tutti lo vedono subito.
Perché l’above the fold è importante
L’area above the fold influisce su tre cose concrete: prima impressione, conversioni e SEO.
Prima impressione e frequenza di rimbalzo. Un utente impiega pochi secondi a decidere se restare o andarsene. Se la parte alta della pagina non comunica subito chi sei, cosa offri e perché dovrebbe interessargli, se ne va. Punto. Questo si traduce in un aumento della frequenza di rimbalzo, che è un segnale negativo per Google.
Conversioni. Una CTA visibile senza scorrere aumenta le probabilità che l’utente compia l’azione che vuoi: compilare un form, richiedere un preventivo, acquistare. Non devi aspettare che arrivi in fondo alla pagina per chiedergli qualcosa: diglielo subito. Questo vale in modo particolare per le landing page, dove l’above the fold è spesso l’elemento che fa la differenza tra una pagina che converte e una che non lo fa.
SEO indiretto. Google non legge solo il codice: osserva anche come gli utenti si comportano. Tempo sulla pagina, scroll depth e interazioni sono segnali che influenzano il posizionamento. Una pagina con un’area above the fold ben costruita trattiene l’utente, lo invoglia a scorrere e quindi migliora questi indicatori.
Se stai costruendo un sito web aziendale o un eCommerce, la progettazione dell’above the fold è una delle prime cose a cui pensare, non un dettaglio da sistemare alla fine.
Come ottimizzare l’above the fold
Non si tratta di riempire tutto lo spazio disponibile, anzi. Meno elementi, più chiari è quasi sempre la scelta giusta. Ecco cosa deve esserci:
Un’headline che dice subito di cosa si tratta. Niente titoli creativi incomprensibili: l’utente deve capire in due secondi se è nel posto giusto. L’headline è la prima cosa che si legge e deve rispondere alla domanda “cosa ci guadagno io qui?”.
Un sottotitolo che supporta e approfondisce. Una o due righe che completano il messaggio del titolo, aggiungono contesto o anticipano il beneficio principale.
Una CTA visibile e chiara. Il pulsante o il link che vuoi che l’utente clicchi deve stare qui, non a metà pagina. Deve essere leggibile, coerente con l’obiettivo e posizionato in modo naturale nel percorso visivo.
Elementi di fiducia. Recensioni, loghi di clienti, certificazioni, numeri concreti: anche solo uno di questi elementi, se posizionato above the fold, aumenta la credibilità della pagina e abbassa le resistenze dell’utente.
Velocità di caricamento. Se l’above the fold impiega tre secondi a caricarsi, hai già perso una parte degli utenti. Immagini pesanti, slider animati e script non ottimizzati sono i principali colpevoli. Un sito veloce e responsive non è un lusso, è un requisito.
Above the fold: riepilogo rapido
| Aspetto | Dettaglio |
|---|---|
| Cos’è | La parte della pagina visibile senza scorrere |
| Da dove viene | Dal giornalismo cartaceo: la parte visibile del giornale piegato in edicola |
| Varia in base a | Dispositivo, risoluzione dello schermo, browser |
| Impatto su | Prima impressione, frequenza di rimbalzo, conversioni, SEO indiretto |
| Elementi chiave | Headline, sottotitolo, CTA, elementi di fiducia, immagine coerente |
| Errore più comune | Sovraffollare l’area con troppi elementi o nascondere la CTA sotto la piega |
| Si ottimizza con | Design pulito, gerarchia visiva chiara, velocità di caricamento, A/B test |
Domande frequenti sull’above the fold
L’above the fold è la stessa cosa su mobile e desktop? No, e questa è una delle cose più importanti da tenere a mente. Su mobile il punto di piega è molto più in alto rispetto al desktop, quindi ciò che è visibile senza scorrere è una porzione di pagina notevolmente più piccola. Ogni elemento che vuoi mostrare above the fold va testato su entrambi i dispositivi, non solo su schermo grande.
È necessario mettere tutto above the fold? Assolutamente no. Gli utenti sono abituati a scorrere, soprattutto da mobile. L’obiettivo non è comprimere tutto in cima, ma incuriosire e motivare lo scroll: l’above the fold deve dare abbastanza per convincere l’utente che vale la pena continuare a leggere.
L’above the fold influisce sulla SEO? Non direttamente, ma i suoi effetti sì. Un’area above the fold ben progettata riduce la frequenza di rimbalzo, aumenta il tempo sulla pagina e migliora la scroll depth: tutti segnali comportamentali che Google considera quando valuta la qualità di una pagina.
Come si testa l’efficacia dell’above the fold? Il modo più affidabile è l’A/B test: si creano due varianti della stessa pagina con elementi diversi (titolo, CTA, immagine) e si misura quale converte meglio. Strumenti come Hotjar sono utili anche per le heatmap, che mostrano visivamente dove gli utenti cliccano e fino a dove scorrono.
