ai
a4
flazio_logo_home
Seguici su:
flazio_logo_home
{

SITEBUILDER

PRODOTTO

SUPPORT

Blog

Creare il tuo fantastico Sito Web

è gratis, facile e veloce.


facebook
twitter
gplus
youtube
Per ulteriori informazioni, contattaci:

support@flazio.com
P.I. 05021040877  |  FLAZIO.COM @ ALL RIGHT RESERVED 2017
ponloghi
27/09/2018, 17:17

creare sito web, come creare un header efficace, creazione header sito web, crea header sito web, creare intestazione sito web, come creare un sito web



Come-creare-un-header-efficace-per-il-tuo-sito-web


 L’header è la parte in testa del tuo sito web: contiene gli elementi principali del tuo sito: il logo, il nome del tuo sito, il menu di navigazione e i link ai tuoi contatti Social.




L’intestazione (o header) del tuo sito web è il primo elemento visibile del sito e generalmente è presente su tutte le pagine
Proprio perché è l’elemento di testa del tuo sito web, deve contenere alcune informazioni che i tuoi utenti devono subito riconoscere per identificare la tua attività e per navigare il tuo sito. 
Deve essere accattivante dal punto di vista grafico e funzionale quindi vale la pena di dedicare tempo alla sua creazione: questo perché è fondamentale fare subito colpo sul visitatore e spingerlo a continuare la navigazione sul sito.

Ma come creare un header e renderlo efficace? Ecco alcuni consigli dei nostri webdesigner.

L’impostazione grafica dell’header


È importante che l’intestazione del sito web sia coerente con il tuo ambito professionale ma puoi utilizzare diverse soluzioni grafiche per personalizzare il tuo header e renderlo più attraente.

Puoi infatti inserire un rettangolo che abbia le stesse dimensioni dell’header per creare uno sfondo: in questo modo potrai mettere l’header in risalto rispetto al corpo della pagina.

Potresti anche inserire un ulteriore rettangolo più sottile, in alto, per aggiungere i tuoi contatti, come mail e numero di telefono, e i collegamenti Social, come in questo esempio di sito creato con Flazio.


Per alcune pagine specifiche, come ad esempio la home oppure una landing page, potresti creare un header differente, semplicemente nascondendo l’intestazione utilizzando la funzione Nascondi presente nel menù header (accessibile cliccando sull’icona freccia a destra della linea verde).

Un altro modo per rendere speciale la pagina home è utilizzare un’immagine a schermo intero che fa da sfondo anche all’intestazione come in questo sito realizzato con Flazio.


Questa immagine è presente solamente nella home e non nelle altre pagine perché la sua dimensione è maggiore dell’area di intestazione. Puoi riprodurre questo header caricando un’immagine sul tuo editor e trascinandola in alto oltre la linea di delimitazione dell’intestazione.

Un’altra caratteristica che puoi assegnare all’intestazione è il fissa header, anch’essa presente nel menu accessibile dall’icona freccia.
Attivando questa funzionalità l’intestazione del tuo sito web scorrerà verso il basso insieme alla navigazione del sito. Questa funzionalità è molto utile soprattutto in un sito one-page: con un intestazione fissa, l’utente avrà sempre a disposizione il menù per navigare facilmente e in poco tempo le sezioni del tuo sito.

Il logo

Il logo del tuo sito web è l’immagine che identifica la tua attività digitale: deve quindi essere semplice, intuitivo e con un’idea ben precisa.

Se non hai ancora realizzato un logo e vuoi affidarti ad un designer, puoi visitare la pagina creare un logo aziendale: troverai alcuni loghi già realizzati dai nostri designer e tutte le informazioni utili per acquistare il servizio.

Tornando al nostro header, il logo va posizionato sul lato sinistro e spesso viene linkato alla pagina home: in questo modo puoi omettere la voce home dal menù e gli utenti potranno sempre tornare alla pagina principale cliccando sul logo.

Menù

Il menu di navigazione è uno degli elementi principali del tuo sito web perché i tuoi visitatori lo useranno per esplorare il sito. 

Il menù di navigazione deve essere chiaro e semplice, quindi utilizza un font leggibile e non aggiungere troppe voci o sottovoci. Se hai molte pagine, ti consiglio di non linkarle tutte nel menu principale ma di linkarle su alcune sezioni specifiche della home e delle altre pagine utilizzando ad esempio i pulsanti o le immagini.
Potresti anche utilizzare un secondo menù per una navigazione più specifica come in questo sito web:


Ricorda sempre che il menu deve essere semplice e contenere le pagine più importanti del tuo sito web.

Social Media e altri elementi

Nell’intestazione potrai inserire anche i collegamenti alle tue pagine social, utili per aumentare i followers dei tuoi canali. Ma ci sono molti altri elementi che potresti aggiungere al tuo header. 


Ad esempio, come in questo sito web e-commerce, potresti aggiungere il carrello, in modo che i tuoi clienti possano sempre verificare cosa stanno acquistando, e i pulsanti per accedere alla loro area riservata sul sito web.

Ti ricordo che, se la funzionalità header non è ancora attiva sul tuo sito web, potrai attivarla dalla Gestione Sito del tuo editor, in Impostazioni Avanzate. 
Per maggiori informazioni puoi consultare il nostro videocorso per l’aggiunta di header e footer.


1

Le Ultime News Inserite

Come creare un header efficace per il tuo sito web

27/09/2018, 17:17

Come-creare-un-header-efficace-per-il-tuo-sito-web

L’header è la parte in testa del tuo sito web: contiene gli elementi principali del tuo sito: il logo, il nome del tuo sito, il menu di navigazione e i link ai tuoi contatti Social.

{

Pronto a creare il

tuo sito web oggi stesso?

Creare un sito web con Flazio è semplicissimo: scegli uno dei nostri modelli e aggiungi i testi, le tue immagini e tutti i tuoi contenuti. Potrai personalizzare ogni aspetto grafico del sito, spostare, aggiungere ed eliminare gli elementi e aggiornarli ogni volta che vorrai.
Create a website