8 Maggio, 2022 – 6:34
  • Home
  • Marketing
  • Social Media
  • Copywriting
  • Ecommerce
Menu
  • Home
  • Marketing
  • Social Media
  • Copywriting
  • Ecommerce
Home Marketing

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

megamarketing by megamarketing
Maggio 29, 2021
in Marketing
0
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.

Download gratuito: 77 esempi di Web Design brillante

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

Salva

12 elementi critici per l'infografica della homepage di un sito web

Salva

Condividi questa immagine sul tuo sito

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.

Home page del sito Web di 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.Sottotitolo della homepage del sito web mirror che recita nascondersi in bella vista

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:

4 fiumi affumicatoio homepage sito web immagine in primo piano con un hamburger al formaggio with

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:

Vantaggi della home page del sito Web Evernote

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.

Testimonianze e recensioni della home page del sito Lessonly

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:

Navigazione nella homepage del sito web di Slim e 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.

CTA secondari della homepage del sito web di Spanx

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.

Dropbox per le funzionalità della home page del sito Web aziendale

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.

homepage del sito web di lovesac con risorse e CTA nel piè di pagina

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.

Homepage del sito Calendly

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.

esempi di home page, blog e design di landing page brillanti
Previous Post

Il business dello sport femminile

Next Post

Il social trading fa per te? Ecco come dirlo

Next Post
Il social trading fa per te?  Ecco come dirlo

Il social trading fa per te? Ecco come dirlo

Ultimi articoli

Una strategia migliore per l’acquisto di media con Hassan Bash [VIDEO]

Una strategia migliore per l’acquisto di media con Hassan Bash [VIDEO]

by megamarketing
Maggio 8, 2022
0

Video della rappresentante Madison Cawthorn Tendenze sui social media: la politica ha raggiunto un nuovo minimo?

Video della rappresentante Madison Cawthorn Tendenze sui social media: la politica ha raggiunto un nuovo minimo?

by megamarketing
Maggio 7, 2022
0

News, guide, info su marketing, copywriting, psicologia applicata, business

  • Centro Privacy
  • Informativa sulla privacy
Menu
  • Centro Privacy
  • Informativa sulla privacy

Made with ❤ by megamarketing.it

Utilizziamo i cookie per offrirti la migliore esperienza online. Cliccando su Accetto, accetti la nostra politica sui cookie.

Accetto My Preferences Rifiuto
Centro privacy IMPOSTAZIONI DELLA PRIVACY Ulteriori info sulla Cookie Policy