\nDi frequente il traffico degli utenti arriva da altre pagine interne al sito, da post sui social o landing page, tuttavia la sezione principale del tuo sito merita tutta la tua attenzione<\/strong>. Perci\u00f2 raccogline pi\u00f9 che puoi e afferra una tazza del tuo caff\u00e8 preferito, si comincia!<\/p>\n
Che cos’\u00e8 la homepage di un sito?<\/h2>\n
![\"homepage](\"https:\/\/isartidelweb.it\/wp-content\/uploads\/2021\/07\/webdesign-3411373_1920-600x400.jpg\" "\\"\\"")
<\/p>\n
Col termine homepage ci si riferisce alla pagina principale di un sito web.
\nLa navigazione degli utenti sul tuo sito dovrebbe prendere piede da l\u00ec, ma ci\u00f2 non sempre accade.<\/p>\n
Nonostante ci\u00f2, devi comunque strutturare l’homepage come il punto di riferimento per iniziare l’esplorazione del tuo sito.<\/p>\n
Essendo la sezione pi\u00f9 importante del sito dovrebbe sempre racchiudere al suo interno dei contenuti che facciano capire in modo chiaro e rapido chi sei e cosa fai. Questi contenuti devono anche essere in grado di far venire voglia agli utenti di continuare<\/strong> ad esplorare il tuo sito.<\/p>\n Mi spiego meglio.<\/p>\n Vuoi invitare delle persone a cena a casa tua ma…<\/p>\n Insomma: casa tua fa schifo e vuoi invitare gente a cena.<\/p>\n Lo stesso discorso possiamo applicarlo al tuo sito web: vuoi far fare ai visitatori del sito quello che tu vuoi che facciano ma la homepage cade a pezzi? In bocca al lupo!<\/p>\n Ma di preciso cosa dovremmo mettere nella nostra homepage? E cosa dovremmo escludere?<\/p>\n Il trucco \u00e8 strutturare l’homepage seguendo criteri specifici per raggiungere il tuo obiettivo<\/strong>.<\/p>\n L’approccio pi\u00f9 comune alla realizzazione di una homepage \u00e8 buttarci dentro chi sei, cosa fai, che servizi offri, prezzi, offerte, gallery con foto dei locali e dello staff, articoli di giornale che parlano di te, premi che hai raccolto negli anni, foto di diplomi, lauree e corsi, iscriviti alla newsletter, scarica sto catalogo, fammi una recensione, we wuagli\u00f2, magnat stu panzerotto<\/em>! E cos\u00ec via… Niente di pi\u00f9 sbagliato.<\/p>\n “Ok Fabbro, ma allora cosa devo fare?”<\/em><\/p>\n Inizia dalle basi! Mettiti nei panni del tuo pubblico<\/strong>.<\/p>\n Ora immagina: non conosci per niente la tua attivit\u00e0 e arrivi dritto sulla homepage del tuo sito. Pensa a quali contenuti e informazioni ti aiuterebbero a fare una buona impressione su te stesso e la tua attivit\u00e0.<\/p>\n Cos’\u00e8 che fa la differenza tra te e i tuoi concorrenti?<\/p>\n Quali sono i tuoi valori e il tuo obiettivo principale?<\/p>\n Come valuti l’esperienza da utente sulla tua homepage? “Eh Fabbro, chi non ne ha?”<\/em><\/p>\n S\u00ec, ma non \u00e8 questo il punto! Spesso il problema dei visitatori del tuo sito \u00e8 sciogliere un dubbio, imparare qualcosa di nuovo, acquistare un prodotto o servizio specifico. Ma la cosa bella \u00e8 che sperano di risolvere questo problema navigando il tuo sito.<\/p>\n Sperano che tu possa offrirgli la soluzione migliore.<\/p>\n E per dargli l’esperienza migliore possibile, la homepage del tuo sito deve avere una navigabilit\u00e0 semplice e intuitiva e una suddivisione dei contenuti chiara<\/strong>. Ci\u00f2 \u00e8 indispensabile per aiutare l’utente a seguire il flusso naturale delle cose.<\/p>\n A questo punto ti faccio una domanda: Non credo proprio.<\/p>\n Di solito utilizzi uno schema per permettere allo sconosciuto di capire chi sei, cosa fai e perch\u00e9 in pochi secondi, senza bisogno di bombardarlo di cose inutili o di illustrare il tuo intero vissuto personale e il tuo percorso accademico\/professionale.<\/p>\n Ecco, tienilo sempre a mente quando progetti la homepage del tuo sito.<\/p>\n Una homepage deve sempre essere strutturata in modo da mostrare gli elementi essenziali e tracciare la strada giusta per iniziare la navigazione.<\/p>\n Elementi essenziali, non qualsiasi cosa che hai da buttarci dentro a caso.<\/strong><\/p>\n E quali sono questi elementi essenziali?<\/p>\n Tutti i siti web devono sempre avere un logo. Dove va situato questo logo? Sempre in alto a sinistra oppure al centro della barra di navigazione. L’importante \u00e8 che sia ben visibile.<\/p>\n Per rendere il logo del tuo sito ben visibile esiste una regola precisa: Aggiungo che i colori del tuo sito devono essere in linea col tuo logo<\/strong> e non devono cozzare.<\/p>\n Inserisci un banner subito sotto la barra di navigazione del sito. Sullo sfondo del banner puoi inserire una foto, ma non per una questione estetica (ovviamente non ci mettere una foto sgranata), bens\u00ec per offrire agli utenti un’idea di quello che possono trovare sul sito.<\/p>\n Se sul banner metti una foto di gattini bellissima, le persone che navigano il tuo sito si aspettano che tu parli di gatti. Se ci metti la foto di un gruppo di lavoro, certo non mi far\u00e0 pensare che sto navigando un sito di gattini.<\/p>\n Se puoi evita le foto di stock<\/strong> e punta sulle immagini del tuo ambiente di lavoro o di te col tuo staff, rende tutto pi\u00f9 realistico.<\/p>\n Scrivi sul banner un testo per far comprendere cosa fai. Questo testo deve convincere il lettore che deve scegliere te per il risolvere il suo problema.<\/p>\n Ancora pi\u00f9 potente \u00e8 un bel video introduttivo<\/strong> in cui tu spieghi cosa trover\u00e0 l’utente sul tuo sito, chi sei e cosa fai.<\/p>\n Qual \u00e8 l’obiettivo del tuo sito web?<\/p>\n Qualsiasi esso sia, se vuoi che lo soddisfi devi inserire all’interno della homepage una call to action.<\/p>\n Pu\u00f2 essere un testo con un bottone, un altro banner, quello che vuoi! Ma ricorda: l’importante \u00e8 che si distingua dagli altri contenuti della pagina.<\/strong> Deve risaltare subito all’occhio ed essere una frase breve ed efficace.<\/p>\n Per aumentare il contrasto tra la call to action e gli altri elementi del sito puoi giocare con i colori. Ma occhio a non esagerare, rischi di far sanguinare gli occhi dei tuoi utenti e di compromettere definitivamente l’esperienza di navigazione del tuo sito.<\/p>\n Nota: se non sai cos’\u00e8 una call to action leggi subito questo articolo in cui ne parlo in modo approfondito<\/a>. Mi raccomando, fallo prima di proseguire la lettura!<\/p>\n Per questo elemento valgono pi\u00f9 o meno le stesse indicazioni che ti ho dato sull’inserimento del logo.<\/p>\n Rendi le scritte sul men\u00f9 e il men\u00f9 stesso ben visibili. Usa scritte chiare su sfondi scuri e viceversa.<\/p>\n Inserisci sulla barra di navigazione i collegamenti alle pagine pi\u00f9 importanti del tuo sito.<\/p>\n Puoi anche aggiungere una call to action sul tuo sito ma, se decidi di farlo, rendilo “sticky”. Cio\u00e8 fai in modo che scrollando le pagine del sito in basso il men\u00f9 sia sempre fissato in alto e segua la navigazione.<\/p>\n La leggibilit\u00e0 \u00e8 spesso sottovalutata da chi \u00e8 alle prime armi con la realizzazione del proprio sito.<\/p>\n Non dovresti mai usare font troppo particolari, quelli al massimo usali per il logo e i titoli pi\u00f9 grossi!<\/p>\n Per i paragrafi, utilizza sempre font classici e ben leggibili<\/strong>, di quelli che non stancano gli occhi.<\/p>\n Per evitare di sbagliare prendi spunto da siti di successo.<\/p>\n Presto pubblicher\u00f2 una guida su quali sono i migliori font da utilizzare sui tuoi siti, perci\u00f2 iscriviti subito alla newsletter del Fabbro per non perdertela!<\/p>\n <\/p>\n Quando un utente naviga il tuo sito hai pochissimo tempo per conquistare la sua fiducia<\/strong>. E per pochissimo tempo intendo letteralmente secondi.<\/p>\n Un ottimo modo per raggiungere l’obiettivo \u00e8 mostrare ai tuoi visitatori le recensioni di chi ha gi\u00e0 utilizzato un tuo prodotto\/servizio e di chi ha risolto un problema grazie al tuo intervento.<\/p>\n Ancora meglio se questo problema \u00e8 molto comune tra i tuoi clienti!<\/p>\n Non inventarti assolutamente delle recensioni finte, non funzionano. Anzi, sono controproducenti.<\/p>\n Chiedi ai tuoi clienti pi\u00f9 affezionati di registrare un video o di scrivere un testo in cui descrivono i benefici del tuo prodotto\/servizio e i problemi che sai risolvere.<\/p>\n\n
Come si realizza una homepage ben strutturata?<\/h2>\n
![\"struttura](\"https:\/\/isartidelweb.it\/wp-content\/uploads\/2021\/07\/scott-graham-5fNmWej4tAA-unsplash_compressed-600x401.jpg\" "\\"\\"")
<\/p>\n
\nIn pratica ci si butta dentro tutto quello che si ha a casaccio.<\/p>\n
\nQuest’ultima domanda \u00e8 importante e richiede particolare attenzione. Tieni a mente questo: le persone che arrivano sul tuo sito hanno sempre uno scopo ben preciso. Molto spesso (direi quasi la totalit\u00e0 delle volte) hanno un problema.<\/p>\n
\ncosa fai quando ti presenti a uno sconosciuto?<\/strong> Gli dici “we wuagli\u00f2, mi chiamo il Fabbro, sono questo, faccio quest’altro, tengo ‘stu sito, ti faccio un’offerta, guarda cosa ho vinto, magnat a pizza”.<\/p>\nGli elementi essenziali di una homepage di successo<\/h2>\n
Il logo della tua attivit\u00e0<\/h4>\n
![\"Logo](\"https:\/\/isartidelweb.it\/wp-content\/uploads\/2020\/10\/Logo-Sarti-Semplice-Trasparente-600x600.png\" "\\"\\""){kind=logo}
<\/p>\n
\nse il logo \u00e8 scuro mettilo su sfondo chiaro; se il logo \u00e8 chiaro mettilo su sfondo scuro. Non ti puoi sbagliare.<\/p>\nBanner con breve testo introduttivo\/video\/slogan<\/h4>\n
![\"esempio](\"https:\/\/isartidelweb.it\/wp-content\/uploads\/2021\/07\/Screenshot-2021-07-05-at-18-40-43-Benvenuto-su-McDonalds-Italia-McDonalds-Italia-600x287.png\" "\\"\\"")
<\/p>\nCall to action<\/h4>\n
![\"scritta](\"https:\/\/isartidelweb.it\/wp-content\/uploads\/2021\/07\/call-to-action-600x310.jpg\" "\\"\\"")
<\/p>\nBarra di navigazione (o men\u00f9)<\/h4>\n
Caratteri del sito e leggibilit\u00e0<\/h4>\n
![\"scritta](\"https:\/\/isartidelweb.it\/wp-content\/uploads\/2021\/07\/font-600x400.jpg\" "\\"\\"")
<\/p>\nTestimonianze e recensioni<\/h4>\n
![\"recensioni](\"https:\/\/isartidelweb.it\/wp-content\/uploads\/2021\/07\/Screenshot-2021-07-05-at-18-46-27-Home-600x274.png\" "\\"\\"")
<\/p>\nGli ultimi articoli del tuo blog<\/h4>\n
![\"articoli](\"https:\/\/isartidelweb.it\/wp-content\/uploads\/2021\/07\/Screenshot-2021-07-05-at-18-45-42-Home-600x267.png\" "\\"\\"")
<\/p>\n
![\"schermata](\"https:\/\/isartidelweb.it\/wp-content\/uploads\/2021\/07\/Screenshot-2021-07-05-at-18-46-37-Home-600x195.png\" "\\"\\"")
<\/p>\n![\"razzo](\"https:\/\/isartidelweb.it\/wp-content\/uploads\/2021\/07\/spacex-OHOU-5UVIYQ-unsplash-600x400.jpg\" "\\"\\"")
<\/p>\n