La homepage è la prima pagina che la maggior parte dei visitatori vede quando decide di saperne di più sulla tua attività. Per questo è la pagina in cui c'è più in gioco e, spesso, quella che riceve meno attenzione nella progettazione. La maggior parte delle homepage cerca di dire tutto. Quelle che funzionano dicono una cosa sola, con chiarezza.
Il design della homepage decide se il tuo sito funziona o spreca il traffico che riceve. Una homepage che si carica in modo pulito e rende ovvio il passo successivo tiene i visitatori in movimento. Una confusa, lenta o poco chiara li perde prima che arrivino ai tuoi contenuti migliori.
Questo articolo spiega cosa deve fare una homepage, come strutturarne il contenuto e le scelte precise che separano una homepage che converte da una che esiste e basta.
Cosa deve fare una homepage?
Una homepage ha un solo compito: aiutare il visitatore giusto a capire di essere nel posto giusto e mostrargli dove andare dopo. Sembra semplice. La maggior parte delle homepage fallisce perché cerca di fare troppe cose insieme.
I visitatori arrivano alla homepage da posti diversi e con livelli di consapevolezza diversi. Alcuni hanno cercato esattamente quello che offri e sono pronti ad agire. Alcuni hanno sentito il tuo nome da qualcuno e vogliono verificare che tu sia affidabile. Alcuni stanno curiosando e non sono ancora sicuri di aver bisogno di qualcosa. Un buon design della homepage serve tutti e tre senza diventare un depliant generico.
Il modo più chiaro per valutare una homepage è chiedersi se un visitatore alla prima visita sa rispondere a tre domande entro cinque secondi dall'arrivo: che attività è questa, per chi è e cosa devo fare dopo? Se la risposta a una di queste non è chiara, la homepage non funziona.
Cosa mettere nella parte alta della homepage (above the fold)?
La parte alta della homepage, quella visibile senza scorrere (above the fold), ha il peso maggiore perché è ciò che ogni visitatore vede prima di decidere se scorrere o andarsene. Deve rispondere alle tre domande qui sopra nel modo più diretto possibile.
Un titolo che dice cosa fai e per chi. Non uno slogan né una dichiarazione di intenti. Una descrizione semplice e diretta del valore che offri. Una frase di supporto che aggiunge precisione o risponde alla preoccupazione principale del visitatore che vuoi di più. Un invito all'azione che dia ai visitatori pronti un passo successivo chiaro, senza pressione per chi non lo è.
Un'immagine che rafforza il messaggio invece di sostituirlo. Immagini astratte o sfondi solo decorativi aggiungono atmosfera ma tolgono chiarezza. Le immagini più efficaci nella parte alta mostrano il prodotto, il risultato o la persona che ne beneficia.
In questa sezione va anche la navigazione. I visitatori che vogliono esplorare hanno bisogno di un modo per farlo senza doverlo cercare. L'articolo su cos'è l'above the fold spiega nel dettaglio cosa rende efficace la prima schermata e come si comporta in modo diverso su mobile e su computer.
Come strutturare il contenuto sotto la parte alta della pagina?
Sotto la parte alta, la homepage ha spazio per costruire un argomento per il visitatore che non ha agito subito. La struttura che funziona meglio segue una progressione logica: cosa fai, prove che funziona, per chi è e cosa fare dopo.
Una breve spiegazione dell'offerta principale, abbastanza precisa da filtrare i visitatori che non sono adatti e rassicurare quelli che lo sono. Una prova sociale nella forma più credibile per la tua attività: citazioni dei clienti, risultati, loghi di clienti riconoscibili o un numero che dimostri la dimensione. Una sezione che parli delle preoccupazioni o delle situazioni principali da cui arrivano i tuoi clienti migliori. Un secondo invito all'azione per i visitatori che hanno letto fin qui e ora sono pronti.
La navigazione nel footer in fondo alla homepage dà a chi ha letto tutto un modo per raggiungere le pagine secondarie. Serve anche ai visitatori che scorrono subito in fondo cercando recapiti, link legali o altre pagine che gli servono. L'articolo su cos'è la navigazione di un sito tratta nel dettaglio sia la navigazione principale sia quella nel footer.
Cosa fa funzionare i testi della homepage?
I testi della homepage falliscono in due modi prevedibili. O sono troppo vaghi per voler dire qualcosa, o dicono così tanto che nulla resta impresso.
La versione vaga usa frasi come "Aiutiamo le aziende a crescere" o "Trasformiamo il modo in cui lavori". Sono affermazioni tecnicamente vere per quasi qualsiasi attività, e quindi in nessun modo utile per nessuna. Un visitatore non può capire da queste se la tua attività è rilevante per la sua situazione.
La versione sovraccarica cerca di spiegare ogni funzione, citare ogni caso d'uso e rispondere a ogni possibile domanda in una sola pagina. Il risultato è una pagina che si legge come un depliant e converte come un depliant.
Il testo che funziona è preciso, diretto e scritto per un solo tipo di visitatore. Nomina il problema o la situazione, descrive il risultato e rende ovvio il passo successivo. I migliori testi di homepage sembrano scritti da qualcuno che conosce bene la tua attività, per qualcuno che sta decidendo se fidarsi di te.
Come deve funzionare una homepage su mobile?
Una homepage progettata solo per computer perderà la maggior parte dei suoi visitatori. Più del 60 per cento del traffico web arriva da dispositivi mobili, e la homepage è spesso la prima pagina che quei visitatori vedono.
Su mobile le colonne del layout si comprimono, i font devono essere più grandi e le aree da toccare dei pulsanti devono essere abbastanza generose per un dito. La parte alta è più piccola, quindi titolo e invito all'azione devono funzionare in una finestra più stretta. Grandi immagini decorative che vanno bene su computer spesso riempiono tutto lo schermo mobile senza dire nulla di utile.
Provare la homepage su un telefono vero prima di considerarla finita non è facoltativo. Le anteprime del browser sono utili durante lo sviluppo, ma non replicano l'esperienza di un dispositivo touch. L'articolo su come rendere un sito adatto ai dispositivi mobili tratta tutte le modifiche che rendono un sito davvero utilizzabile su un telefono.
Il design della homepage influisce sulla SEO?
La homepage di solito è la pagina con più link in entrata di un sito e ha la massima autorevolezza. Il modo in cui è strutturata influisce sia su come i motori di ricerca capiscono il sito sia su come quell'autorevolezza passa alle altre pagine.
Una struttura chiara dei titoli, con un solo H1 che dice di cosa parla il sito e sezioni H2 che trattano argomenti collegati, aiuta i motori di ricerca a capire la pagina. I link interni dalla homepage verso le pagine chiave di prodotti, servizi o contenuti trasmettono autorevolezza a quelle pagine e ne segnalano l'importanza.
La velocità della homepage conta in modo sproporzionato perché è la pagina più visitata. Una homepage lenta su mobile trascina giù le prestazioni di ricerca di tutto il sito. L'articolo su cos'è il web design spiega come le scelte di layout e struttura si collegano alle prestazioni nelle ricerche. Per il quadro completo sul posizionamento, l'articolo su cos'è la SEO tratta i fattori tecnici e di contenuto che influiscono su come si posizionano le pagine.
Come WEMASY gestisce il design della homepage
Il creatore di siti di WEMASY include modelli di homepage organizzati per tipo di attività, ciascuno costruito attorno a una parte alta chiara, a un flusso logico dei contenuti e a layout responsive per il mobile. L'editor visivo ti permette di personalizzare contenuti, colori e sezioni senza toccare il codice. L'anteprima mobile mostra come appare la homepage su un telefono mentre costruisci, così dopo la pubblicazione non ci sono sorprese.
Scopri cosa è incluso nel creatore di siti WEMASY o guarda i piani nella pagina dei prezzi.
Domande frequenti
Quanto deve essere lunga una homepage?
Abbastanza da rispondere alle domande a cui un visitatore alla prima visita ha bisogno di una risposta prima di agire, e non di più. Per una semplice attività di servizi possono bastare da tre a cinque sezioni. Per un prodotto più complesso o con un ciclo di decisione più lungo, possono essere sette o otto. La lunghezza non è l'obiettivo. Lo è trattare i contenuti giusti nell'ordine giusto. Una homepage troppo corta lascia i visitatori senza informazioni sufficienti per agire. Una troppo lunga li perde prima dell'invito all'azione. Con il creatore di siti di WEMASY puoi impostarlo direttamente sul tuo sito.
Quanti inviti all'azione deve avere una homepage?
Un invito all'azione principale, ripetuto nei punti logici mentre il visitatore scorre. Avere un'unica azione principale chiara, che sia prenotare una chiamata, iniziare una prova gratuita o ottenere un preventivo, evita al visitatore di scegliere tra più opzioni in concorrenza. Azioni secondarie come "Scopri di più" o "Guarda come funziona" possono affiancare quella principale, ma devono sembrare chiaramente secondarie, perché l'azione più importante risalti.
Una homepage dovrebbe avere un video?
Un video può funzionare bene in una homepage se mostra qualcosa che è davvero difficile da comunicare con testo e immagini, come una dimostrazione del prodotto o un processo. I rischi sono il tempo di caricamento e la riproduzione automatica. Un video che parte da solo con l'audio frustra subito la maggior parte dei visitatori, soprattutto su mobile. Un video che aggiunge diversi secondi al caricamento prima che compaia qualcosa di utile peggiora le frequenze di rimbalzo. Se inserisci un video, fai in modo che sia facoltativo, senza audio per impostazione predefinita e che non blocchi il caricamento del resto della pagina.
Qual è l'errore più grande che le aziende fanno nella homepage?
Progettarla per sé stesse invece che per un visitatore alla prima visita. I titolari conoscono il loro prodotto, i loro elementi distintivi e la loro storia. I visitatori alla prima visita non ne sanno nulla e decidono in pochi secondi se investire la loro attenzione. Il risultato più comune è una homepage che parte da un linguaggio interno, usa titoli vaghi che hanno senso per chi sta dentro ma non dicono nulla a chi sta fuori, e nasconde l'offerta vera dietro una lunga spiegazione dei valori dell'azienda. La soluzione è scrivere la homepage come se spiegassi cosa fai a qualcuno che non ti ha mai sentito nominare ed è un po' scettico.
Ogni quanto va rifatta una homepage?
Quando smette di funzionare, non con una scadenza fissa. I segnali che una homepage ha bisogno di attenzione sono una frequenza di rimbalzo alta tra i nuovi visitatori, un basso tasso di conversione sull'invito all'azione principale o riscontri che i visitatori non capiscono cosa fa l'attività. Piccoli aggiornamenti a testi, immagini e inviti all'azione risolvono la maggior parte dei problemi senza un restyling completo. Un restyling completo ha senso quando l'attività è cambiata in modo significativo, il design attuale non rispecchia più ciò che l'attività è oppure la base tecnica è così datata che conviene ricostruire invece di rattoppare.