Il footer o piè di pagina è una delle aree più sottovalutate di un sito web e se sei in questo articolo magari stai cercando di capire come creare un footer completo e quindi tutti gli elementi che dovrebbe contenere.
Nel mondo del web design sono molti i professionisti che si accorgono di un lavoro ben fatto di creazione di sito web dal footer. Questa sezione può essere molto utile per far trovare link utili ai tuoi utenti, fargli compiere un’azione e mettersi in contatto con te.
In questo articolo scopriamo insieme che cos’è il footer, dove si trova, come crearne uno completo e ordinato con WordPress e alcuni esempi vincenti.
P.S.: Se cerchi un modo per creare il tuo sito web con estrema flessibilità potendo modificare ogni singolo elemento come il footer guarda il sito di Divi di Elegant themes, il primo tema per WordPress.
Indice dei contenuti
Cos’è il footer?
Footer della Libreria Divi
Il footer è la sezione che conclude ogni pagina di un sito web e racchiude informazioni preziose per l’utente che può in questo modo navigare nel sito in modo agevole.
Per comprendere meglio di cosa stiamo parlando vediamo insieme come è composta l’architettura di un sito web e quali sono dunque le sezioni principali di una pagina.
La pagina web è costituita da “aree” che equivalgono a tag HTML precisi in cui inserire i vari contenuti:
- Body: è la parte in cui sono contenuti tutti gli altri tag e che corrisponde a tutto ciò che l’utente riesce a visualizzare sulla pagina web, dalla porzione in alto che contiene il menù che si chiama “header”, fino appunto al footer, la sezione finale della pagina.
- Header: si tratta della prima area contenuta nel body in cui all’interno di inseriscono solitamente il logo e il menù primario. Se hai creato il tuo sito web con WordPress questa sezione, così come le altre, si possono personalizzare all’interno della sezione modificatore di tema o direttamente nelle impostazioni del tema WordPress che hai installato.
- Footer: la terza parte è il piè di pagina, cioè la sezione finale che contiene una sorta di riassunto delle informazioni e dei link principali del sito. Di solito la sezione si distingue anche a livello visivo – staccandosi da quelli che sono i contenuti del body – sempre in linea con lo stile con cui si crea il resto delle pagine.
Alcuni temi ti permettono di poter inserire anche altri elementi nell’header come pulsanti (come nel caso di questo Blog) e call to action specifiche, se ti interessa poter personalizzare le tue pagine in modo completo dai un’occhiata al tema Divi
Il mio consiglio quando si crea un sito web è di pensare ad un layout fin dal principio scegliendo lo stile generale del sito in relazione al brand:
- I font principali del sito;
- La palette di colori che utilizzerai;
- Le immagini e nel caso in cui non ne avessi potresti rivolgerti ad un fotografo che le sviluppa per te o ai siti stock che le vendono (se sono tue meglio ancora);
- Le eventuali forme che vuoi utilizzare e che puoi richiamare in vari elementi della pagina come le call to action;
- Il menù principale, quindi un elenco delle pagine principali.
Informazioni biografiche
A partire dal primo blocco a sinistra è solito inserire il logo e due righe biografiche sull’azienda, sul professionista o sul Blog che faccia capire con poche parole di cosa tratta quel sito web. Quando inserisci dei contenuti del footer considera sempre che lo spazio è ristretto, quindi cerca di essere più sintetico possibile.
Molte aziende scelgono anche di mettere un payoff, cioè una frase che rappresenti il personal brand da utilizzare in tutte le comunicazioni. Altre ancora sono talmente tanto conosciute che non hanno necessità di inserire la descrizione biografica, ma il mio consiglio è comunque quello di inserire due righe su chi sei e cosa fai.
Di solito in questa sezione o in una riga in chiusura del footer è necessario inserire in numero di partita iva, questo rappresenta un obbligo per la legge per tutti coloro che hanno un’attività commerciale e la promuovono all’interno di un sito web. Per questa tipologia di informazioni ti consiglio di chiedere la consulenza del tuo commercialista che ti potrà dare tutte le informazioni più aggiornate in merito.
Infine tra le informazioni ricorrenti troviamo il testo “Copyright” che fa riferimento alla legge sul diritto d’autore, ricordo infatti che i contenuti del sito fanno capo al titolare dello stesso e devo essere unici e non “copiati”.
Link utili
I link sono l’elemento più importante di questa sezione, motivo per cui tutti i siti più importanti hanno addirittura interi menù divisi in base alle varie categorie per orientare l’utente e fargli trovare ciò che sta cercando.
Il mio consiglio è il seguente:
Crea una struttura di sito web su carta, elencando le pagine più importanti del tuo sito e inseriscile nel footer ordinate sotto le varie voci. Per esempio una parte dedicata ai servizi e una dedicata alle categorie del tuo blog.
Nel caso in cui tu avessi un sito molto grande anche i link saranno tanti e avranno necessità di essere ordinati in menù, per farti un esempio di footer creato a regola d’arte con la logica dei link più importanti ecco il footer di Media World, uno degli e-commerce italiani più visitati.
Link alla privacy policy
Altri elementi indispensabili (in questo caso letteralmente perché obbligatori per legge) sono i link alla privacy policy e alla cookie policy che servono per informare gli utenti sulle modalità con cui vengono conservati e gestiti i loro dati personali.
Queste pagine possono essere redatte da un consulente legale o generate in modo automatico da aziende online come Iubenda, in questo caso ti basta scegliere il pacchetto giusto per te, seguire le istruzioni della Configurazione automatica, scegliere tutti i servizi che utilizzi all’interno del tuo sito web e il sistema ti genererà le pagine.
Una volta fatto puoi integrare le pagine sia con link diretti che rimandino all’informativa o ancora con dei codici forniti da Iubenda che potrai copiare e incollare direttamente nel tuo footer.
Contatti
I contatti possono essere inseriti all’interno del footer in vari modi, per le aziende medio grandi la tendenza è quella di inserire un link alla pagina contatti in cui l’utente potrà compilare un form o avrà a disposizione delle email di assistenza e un numero verde.
Nel caso di piccole imprese e liberi professionisti spesso si preferisce inserire i propri contatti nel footer del sito così che siano più diretti e che l’utente quindi non debba visitare troppe pagine per arrivarci.
Quindi, se sei un professionista e l’obiettivo del tuo sito è appunto quello di farti ottenere nuovi contatti inseriscili direttamente nel footer:
- Indirizzo (se hai un negozio o un ufficio)
- Numero di telefono
- Link ai social
Per quanto riguarda i link ai social inseriscili solo se i tuoi canali social sono curati, non ha alcun senso far cliccare l’utente su un link di Facebook e poi farlo trovare su una pagina poco curata e che non viene aggiornata da tempo.
Altri elementi
Esistono poi altri elementi che puoi inserire all’interno di un footer e che risultano essere facoltativi, ma molto consigliati caso per caso.
Per quanto riguarda gli e-commerce può avere un impatto positivo inserire le opzioni di pagamento permesse nel sito e l’affidabilità della sicurezza nei pagamenti, inoltre in questi casi è consigliato avere anche un link ad una pagina di assistenza.
Nel caso delle piattaforme che offrono servizi ho visto dei footer che contengono anche i loghi di clienti noti da utilizzare come testimonial, ovviamente connettere il servizio offerto con il nome di una grande azienda può avere un impatto molto buono sull’autorevolezza generale del sito web.
Come creare un footer con WordPress
La sezione principale in cui puoi modificare il tuo footer in WordPress la trovi nel menù principale, seguendo le voci:
Aspetto – Personalizza
Qui puoi scegliere l’aspetto generale del tuo footer:
- il layout con il numero di colonne
- la scelta dei widget
- gli elementi del footer come testi a chiusura della sezione
- i link social
- l’aspetto generale degli elementi
La scelta dei widget la puoi fare nella sezione:
Aspetto – Widget
Da questa area puoi selezionare il widget a tua scelta e trasportarlo nella colonna che desideri.
Grazie a queste due sezioni puoi già personalizzare il footer con un qualsiasi tema WordPress, ma nel caso in cui tu volessi creare qualcosa di più professionale avrai bisogno di un tema premium che ti consenta di fare tutte le personalizzazioni che desideri, non solo al footer ma in generale a tutto il sito.
Come creare un footer personalizzato con Divi
Dopo aver installato il tema Divi (qui la Guida Completa al Tema Divi e la Guida su come installare un tema in modo semplice con pochi clic) ti apparirà una nuova sezione all’interno del menù di WordPress, chiamata appunto Divi.
All’interno di questa sezione troverai una voce che si chiama “generatore di tema” o meglio in inglese “theme builder” che è la sezione in cui poter creare dei layout personalizzati.
Ah una cosa importante… se non vuoi creare da zero un layout personalizzato, Divi mette a disposizione una libreria con centinaia di layout pronti che puoi scaricare gratis una volta acquistato il pacchetto.
Inoltre ci sono numerosi partner sul web che ti consentono di scaricare gratis i layout che creano, di importarli e installarli nel tuo sito.
Giusto per darti un’idea, questi sono alcuni layout che puoi scaricare e modificare come meglio credi.
Footer esempio 1
Footer esempio 2
Footer esempio 3
Per creare un nuovo footer con Divi ti basta andare su Divi – Theme Builder – Cliccare sulla sezione del footer e scegliere se aggiungere un layout oppure crearlo tu a tuo completo piacimento e in modalità visiva così che tu possa vedere subito il risultato finale.
Ti consiglio di optare per la seconda scelta così che tu possa creare esattamente la sezione come l’hai immaginata.
Una volta entrato all’interno del costruttore di pagina potrai creare la sezione e dargli il colore di sfondo, creare una sfumatura di colori e inserire un’immagine di sfondo.
Una volta creata la sezione inserisci la riga con le colonne che preferisci, di solito a tre o a quattro e inizia a inserire i moduli che desideri:
- Immagini
- Testi
- Menù
- Moduli di contatto o di optin
- Pulsanti social
Quando hai terminato clicca su salva e in automatico quel layout sarà applicato a tutte le pagine del tuo sito, da questo momento in poi quando vorrai modificare il tuo footer potrai farlo da questa sezione e non dalla sezione personalizza di default su WordPress.
Hai idea di quanti plugin e codici dovresti inserire per avere un effetto simile?
Conclusione
Dopo aver visto questa Guida hai scoperto che cos’è un footer, a cosa ti serve, quali sono gli elementi che devono essere presenti e quali quelli più soggettivi in base al tipo di progetto, come realizzare un footer standard con WordPress e come realizzarne uno dal layout spettacolare e completamente personalizzato con Divi ed infine alcuni esempi che possono ispirare i tuoi progetti online.
E tu alla fine come hai scelto di realizzare la tua sezione?
Hai creato qualcosa di particolarmente creativo?
Mi fa piacere vedere il tuo lavoro, quindi se vuoi condividere commenta qui sotto!
Un saluto,
Nadia
0 commenti