Ancore e navigazione one-page: non è una brochure PDF
Come usare menu, ancore e scroll su un sito one-page senza trasformarlo in un PDF lungo da sfogliare a caso.
Ho visto one-page che sembravano brochure PDF: menu con otto voci, ancore che saltano a metà frase, scroll infinito senza punti di riposo. Una sola pagina non significa «niente navigazione». Significa navigazione onesta, leggera, al servizio di chi arriva dal telefono.
Il menu deve promettere sezioni vere
Ogni voce del menu deve portare a un blocco con un titolo chiaro e contenuto utile. Se la voce dice «Servizi» e sotto trovi tre paragrafi generici, hai mentito. Meglio quattro ancore vere che otto etichette decorative.
Su mobile il menu hamburger va bene, ma non nascondere l’unica CTA importante solo lì: tienila visibile o ripetila in chiusura.
Ancore: salti netti, non tremolii
L’ancora deve atterrare sotto l’header fisso, non tagliare il titolo a metà. Sembra un dettaglio tecnico: per l’utente è la differenza tra «sito curato» e «sito fatto di corsa».
Evita animazioni di scroll da otto secondi. Un salto rapido o un movimento breve basta. Lo scroll teatrale stanca chi cerca solo l’indirizzo o il form.
Non è un PDF: serve gerarchia e aria
Una brochure stampata ha pagine. Una one-page ha ritmo: titoli, spazio bianco, immagini che non strozzano il testo. Se tutto è denso uguale, lo scroll diventa una muraglia.
Spezza con prove, citazioni corte, un pezzo di lavoro. Non con divider colorati a caso. Il respiro visuale è parte della navigazione.
Deep link e condivisioni
Le ancore devono funzionare come URL: qualcuno può mandarti «tuosito.it/#contatti» e atterrare giusto. Se le ancore sono solo JS fragile, perdi condivisioni e bookmark.
È uno dei motivi per cui non tratto la one-page come un’animazione unica: resta HTML leggibile, linkabili, aggiornabile.
Quando le ancore non bastano più
Se ti ritrovi con un menu di dieci voci e sezioni da romanzo, non è un problema di design: è un segnale che ti serve una multipagina. Le ancore non risolvono contenuti troppo eterogenei.
In quel caso ti dico di spezzare. Continuare a «one-pagizzare» tutto è comodità mia e tua nel breve, confusione per il cliente nel lungo.
Domande frequenti
- Quante voci di menu ha senso avere?
- Di solito tre–cinque. Oltre, o stai nominando pezzi inutili, o la pagina è troppo lunga per restare one-page.
- Serve uno sticky header?
- Sì su pagine medie-lunghe, con menu leggero e CTA chiara. No se occupa mezzo schermo mobile.
- Meglio scroll fluido o salto immediato?
- Preferisco un movimento breve o un salto netto. Lo scroll «cinematico» lungo sembra figo in demo e irrita in uso reale.
- Le ancore aiutano la SEO?
- Poco da sole. Aiutano usabilità e link interni. La SEO seria su temi diversi chiede pagine dedicate, non solo #sezioni.
One page: pagine locali
Pagine localizzate per le città più popolate. Stesso metodo, territorio diverso.