12 elementi critici che ogni home page del sito Web deve avere [Infographic]

Servendo da porta d’ingresso virtuale della tua azienda, questa pagina è responsabile dell’assorbimento della maggior parte del traffico del tuo sito web. Tuttavia, nonostante la sua importanza, molte aziende fanno fatica a ottimizzarlo correttamente.

Vedi, la tua homepage deve indossare molti cappelli. Piuttosto che trattarla come una landing page dedicata costruita attorno a un’azione particolare, dovrebbe essere progettata per servire un pubblico diverso, con origini diverse. E per farlo in modo efficace, deve essere costruito con uno scopo. In altre parole, dovrai incorporare elementi che attirino traffico, educano i visitatori e invitino le conversioni.

Per migliorare le prestazioni della tua home page, controlla questi elementi che ogni home page deve avere.

12 elementi critici che ogni home page di un sito web deve avere

Cosa dovresti includere nel design della home page del tuo sito web

1. Titolo

Entro tre secondi, un sito Web deve comunicare ai visitatori ciò che l’azienda ha da offrire. È qui che entra in gioco il tuo titolo. Potrebbero essere solo poche parole, ma è uno dei testi più importanti del tuo sito web.

Molti tipi di persone potrebbero visitare il tuo sito Web e ti sarà difficile trovare alcune parole che colpiscano tutti. Invece, scrivi il tuo titolo per indirizzare un terzo di quelle persone che hanno maggiori probabilità di essere soddisfatte del tuo prodotto.

Mantieni il titolo stesso chiaro e semplice. Il titolo di Dropbox è un ottimo esempio: “Tutto ciò di cui hai bisogno per lavorare, tutto in un unico posto”. È semplice, ma potente: non è necessario decodificare il gergo per capire cosa fa veramente Dropbox.

2. Sottotitolo

Il tuo sottotitolo dovrebbe integrare il titolo offrendo una breve descrizione di ciò che fai o offri. Questo può essere fatto in modo efficace concentrandosi su un punto dolente comune che il tuo prodotto o servizio risolve.

Ecco un esempio di un ottimo sottotitolo di Mirror: “Nascondersi in bella vista”. Si concentra sul principale punto di forza della palestra dello specchio: è una palestra completa a casa, un personal trainer e un piano di allenamento, tutto nel comfort di casa tua senza occupare preziosa metratura con le attrezzature.

Per ottimizzare i titoli per i dispositivi mobili, utilizza caratteri più grandi per offrire ai visitatori un’esperienza migliore. I caratteri piccoli potrebbero costringere i visitatori mobili a pizzicare e ingrandire per leggere e interagire con il contenuto del tuo sito. Il nostro consiglio? Usa le opzioni di intestazione nel tuo editor di pagine. Le intestazioni H1 sono perfette per i titoli delle pagine: dovrebbe esserci solo un H1 su una pagina. I sottotitoli dovrebbero seguire l’ordine della gerarchia, H2, H3 … H6 e così via. Puoi avere molti di questi titoli, assicurati solo che siano in ordine. Ad esempio, non vorrai saltare da un H1 a un H3: scegli invece un H2.

3. Inviti all’azione principali

L’obiettivo della tua home page è costringere i visitatori a scavare più a fondo nel tuo sito Web e spostarli lungo la canalizzazione. Includi due o tre inviti all’azione above the fold che indirizzano le persone a diverse fasi del ciclo di acquisto e posizionale in punti facili da trovare.

Questi CTA dovrebbero essere visivamente sorprendenti, idealmente in un colore che contrasta con la combinazione di colori della tua home page pur continuando a adattarsi al design generale. Mantieni il testo breve (non più di cinque parole) e orientato all’azione, in modo che spinga i visitatori a fare clic su qualsiasi cosa tu stia offrendo. Esempi di copia CTA sono “Iscriviti”, “Fissa un appuntamento” o “Provalo gratuitamente”.

Il sito web di Afterschool HQ presenta due CTA above the fold, entrambi orientati ai direttori di programmi interessati a promuovere i loro programmi di doposcuola alle famiglie sul sito. La nota sotto il CTA più lungo “Crea il tuo profilo gratuito” offre ai visitatori la spinta di cui hanno bisogno per creare un account: il primo passo per diventare un fornitore di Afterschool HQ.

4. Immagine di supporto

La maggior parte delle persone sono visive. Assicurati di utilizzare un’immagine (o anche un breve video) che indichi chiaramente ciò che offri. Usa immagini che catturano emozioni, guidano l’azione e raccontano visivamente la storia di cui stai scrivendo.

Per ottimizzare le tue immagini per gli utenti mobili, utilizza immagini di alta qualità con dimensioni del file ridotte. (I clienti HubSpot non devono preoccuparsi di questo, poiché le immagini caricate sul software HubSpot vengono automaticamente compresse. Altrimenti, strumenti come TinyPNG faranno il trucco.) Inoltre, aggiungi sempre testo alternativo alle tue immagini per renderle più accessibili ai visitatori che usa gli screen reader e per migliorare i tuoi sforzi SEO.

La homepage di 4 Rivers Smokehouse è un ottimo esempio di immagini emotive: presenta una serie di video brevi, ad alta definizione e appetitosi che vengono riprodotti in loop dietro un semplice titolo, sottotitolo e CTA principale:

5. Vantaggi

Non è solo importante descrivere ciò che fai, ma perché ciò che fai è importante. I potenziali clienti vogliono conoscere i vantaggi dell’acquisto da te perché è ciò che li costringerà a restare.

Mantieni la copia leggera e facile da leggere e parla la lingua dei tuoi clienti. Evernote fa un ottimo lavoro nell’elencare i vantaggi sulla propria home page in modo avvincente, visivamente gradevole e facile da capire:

6. Prova sociale

La prova sociale è un potente indicatore di fiducia. Il tuo prodotto o servizio potrebbe essere il migliore al mondo, e va bene affermarlo: è solo che le persone potrebbero non crederti a meno che non lo sentano anche da altre persone. Ed è esattamente ciò che fa la prova sociale.

Includi solo alcune delle tue migliori (brevi) citazioni sulla home page e, se applicabile, link a casi di studio. L’aggiunta di un nome e di una foto conferisce maggiore credibilità a queste testimonianze. Lessonly lo inchioda sulla loro homepage con testimonianze brillanti di clienti reali.

7. Navigazione

Il design e il contenuto nella navigazione della tua home page potrebbero fare la differenza tra una conversione del sito web e un rimbalzo. Per ridurre la frequenza di rimbalzo, dai ai tuoi visitatori un percorso chiaro verso le pagine di cui hanno bisogno direttamente dalla home page. Rendi visibile il menu di navigazione nella parte superiore della pagina e organizza i collegamenti in una struttura gerarchica.

Nessuno conosce il tuo sito web meglio di chi ha contribuito a progettarlo, quindi assicurati di condurre test utente per assicurarti che sia semplice e intuitivo per i visitatori trovare ciò che stanno cercando sul tuo sito. Includi una casella di ricerca se puoi. (Leggi questo post del blog per suggerimenti più utili sulla navigazione del sito.)

Ecco un esempio di un design di navigazione chiaro e ben strutturato dalla homepage di Pizza Beeria di Slim & Husky:

8. Offerta di contenuti

Per generare ancora più lead dalla tua home page, presenta un’offerta di contenuti davvero eccezionale, come un whitepaper, un ebook o una guida. Le persone che potrebbero non essere pronte all’acquisto potrebbero preferire scaricare un’offerta che fornisce loro maggiori informazioni su un argomento a cui sono interessate. Se hai bisogno di ispirazione, ecco diversi tipi di contenuto tra cui scegliere.

9. Inviti all’azione secondari

Includi CTA secondari sulla tua home page per offrire ulteriori opportunità di conversione per i potenziali clienti che non sono interessati al tuo obiettivo principale. Pensa a loro come al piano di emergenza: offrono un altro percorso per i visitatori che non sono ancora pronti per qualcosa di così impegnativo come chiedi.

Mentre i tuoi CTA primari dovrebbero essere above the fold, posiziona CTA secondari below the fold per offrire ai visitatori elementi su cui fare clic quando scorrono verso il basso. Ad esempio, sotto la piega sulla home page di Spanx, troverai tre inviti all’azione chiaramente etichettati che offrono alle persone che hanno scorreto fino a quel punto alcune altre opzioni su cui fare clic. Questi CTA secondari sono per due diversi tipi di conversioni: uno all’estrema sinistra per $ 20 di sconto e un altro, “acquista ora” per esplorare il catalogo online.

10. Caratteristiche

Oltre ai vantaggi, elenca alcune delle tue caratteristiche principali. Ciò offre alle persone una maggiore comprensione di ciò che viene fornito dai tuoi prodotti e servizi. Ancora una volta, mantieni la copia leggera e facile da leggere. Dropbox for Business, ad esempio, non esita a mostrare una matrice di funzionalità direttamente sulla loro home page below the fold.

11. Risorse

Ancora una volta, la maggior parte dei visitatori del tuo sito web non sarà ancora pronta per l’acquisto. Per le persone che sono alla ricerca di ulteriori informazioni, offri un collegamento a un centro risorse in cui possono sfogliare le informazioni pertinenti. Questo non solo li mantiene sulla tua pagina web più a lungo, ma ti aiuta anche a stabilire la tua credibilità come leader di pensiero nel tuo settore.

Lovesac aggiunge un collegamento alle risorse al piè di pagina sotto la piega. Nota come ciascuno di questi CTA secondari copra più fasi del ciclo di acquisto: un collegamento alla carta di credito per aiutare i clienti ad acquistare facilmente i loro mobili, una guida ai campioni di tessuto per coloro che sono ancora alla ricerca del colore perfetto prima di effettuare un acquisto e un catalogo online per le persone che cercano mobili nuovi ma non sono ancora pronte per l’acquisto.

12. Indicatori di successo

Oltre alle storie di successo dei clienti, sia i premi che i riconoscimenti possono anche contribuire a ispirare una buona prima impressione. La tua azienda è un ristorante acclamato dalla critica? Sei stato votato come migliore nuova app quest’anno? Fai sapere ai visitatori della tua home page dei tuoi risultati. Come la prova sociale, darà più credibilità alla tua attività a coloro che non ti conoscono.

Sulla homepage di Calendly, ad esempio, troverai i nomi di organizzazioni famose che li hanno riconosciuti, come Gartner e Dropbox.

Una home page che vale la pena visitare

La homepage del tuo sito è la prima introduzione che ogni visitatore avrà alla tua attività. Prima di decidere di diventare un cliente, esamineranno la tua home page per avere un’idea di cosa vendi, perché è importante per loro e come possono trarre vantaggio da ciò che hai da offrire.

Fai una prima impressione brillante con una homepage che incorpora gli elementi sopra descritti. E per ulteriore ispirazione, dai un’occhiata a straordinari esempi di home page scaricando il lookbook gratuito di seguito.

Nota del redattore: questo post è stato originariamente pubblicato nel gennaio 2012 ed è stato aggiornato per freschezza, accuratezza e completezza.