Footer di un sito web: consigli di design e SEO

Un footer di un sito web è la parte inferiore di una pagina web, che di solito rimane invariata su tutte le pagine. Spesso contiene in­for­ma­zio­ni im­por­tan­ti come note legali, privacy, opzioni di contatto o link ai social media. È una costante nel design e non dovrebbe mancare in nessun sito.

Cos’è un footer e dove è situato?

Il footer di un sito web è la “chiave di volta” visiva di un sito web e si trova proprio in fondo alla pagina. Per molto tempo, ha ricevuto poca at­ten­zio­ne poiché si pensava che gli utenti di un dato sito web fossero troppo pigri per scorrere fino alla fine della pagina. Tuttavia, gli studi hanno di­mo­stra­to che gli utenti tendono a guardare i siti web nella loro interezza per ottenere le in­for­ma­zio­ni che cercano.

Inoltre, quando si crea un sito web si teme sempre che le vi­si­ta­tri­ci e i vi­si­ta­to­ri possano perdere qualche in­for­ma­zio­ne e si tende quindi a so­vrac­ca­ri­ca­re l’header della pagina (in­te­sta­zio­ne). Questa strategia ha però l’effetto opposto, dato che il so­vrac­ca­ri­co di in­for­ma­zio­ni e la mancanza di una struttura chiara portano gli utenti ad al­lon­ta­nar­si dal sito web.

Close

Ge­ne­ral­men­te, più chiara è la struttura di un sito web, più ve­lo­ce­men­te è possibile capirne il contenuto. Il diagramma sopra riportato illustra il po­si­zio­na­men­to di un footer come vi­sua­liz­za­to su uno schermo desktop, laptop o tablet di di­men­sio­ni medio-grandi. Come si può osservare, il footer migliora la chiarezza del sito web e aumenta l’usabilità del web design.

Close

Usando le media queries nel CSS, le in­for­ma­zio­ni del sito web possono essere regolate per la massima facilità d’uso anche sugli schermi dei di­spo­si­ti­vi mobili.

Qual è lo scopo di un footer?

Il footer segnala all’utente che si è giunti alla fine di una pagina web. L’im­pli­ca­zio­ne è che l’utente non può scorrere ul­te­rior­men­te e non vi è più alcun contenuto da vi­sua­liz­za­re. Gli utenti che scorrono fino al footer sono ge­ne­ral­men­te alla ricerca di contenuti ag­giun­ti­vi. È in questo caso che il footer di un sito web può essere par­ti­co­lar­men­te utile, col­le­gan­do­si a contenuti speciali o ad­di­zio­na­li. Inoltre, i footer danno ai siti web un aspetto pro­fes­sio­na­le, dato che le in­for­ma­zio­ni di base qui contenute sono sempre ac­ces­si­bi­li.

Concetto e design dei footer

Per integrare il footer di un sito web in modo sensato, dovresti esaminare il tuo contenuto per vedere quali com­po­nen­ti con in­for­ma­zio­ni ri­cor­ren­ti do­vreb­be­ro o devono essere integrate più volte. Una soluzione elegante è quella di ag­giun­ge­re dei menu separati nel footer. A questo scopo, i sistemi di gestione di contenuti for­ni­sco­no i co­sid­det­ti widget, che fanno anche in modo che il footer mantenga lo stesso design del resto del sito.

Il footer dovrebbe essere chia­ra­men­te separato dal contenuto prin­ci­pa­le di un sito web. Ciò può essere ottenuto uti­liz­zan­do diversi colori di sfondo, con­tra­stan­do l’area del footer e il colore prin­ci­pa­le del sito, ag­giun­gen­do una linea per separare i blocchi di contenuto, o con una qualsiasi com­bi­na­zio­ne di queste opzioni. Come sempre, “less is more”. Come an­ti­ci­pa­to, è possibile dividere la sezione del footer in due o tre sezioni di contenuto collegate lo­gi­ca­men­te. È con­si­glia­to lasciare ab­ba­stan­za spazio tra queste sezioni, il co­sid­det­to spazio bianco, per evitare un so­vrac­ca­ri­co visivo. Presta inoltre molta at­ten­zio­ne all’equi­li­brio generale tra il design unico del tuo sito web e la chiarezza del contenuto, poiché il footer è spesso l’im­pres­sio­ne finale che un utente ha del sito web.

Cosa include un footer?

Non esiste una regola fissa per quanto riguarda le in­for­ma­zio­ni da includere in un footer. Tuttavia, i contenuti rilevanti del sito web sono spesso collegati al footer. Di seguito ri­por­tia­mo alcuni sug­ge­ri­men­ti.

Categorie e col­le­ga­men­to al blog

Un negozio online potrebbe usare un footer per mostrare categorie di prodotti o sezioni del sito, ad esempio:

La nostra col­le­zio­ne

• Scarpe da corsa
• Scarpe da passeggio
• Scarpe or­to­pe­di­che
• Solette
• Prodotti per la cura delle scarpe

I siti web di notizie o i blog po­treb­be­ro invece voler elencare i loro ultimi post in un widget apposito nel footer.

In­for­ma­zio­ni ob­bli­ga­to­rie

Il footer del sito web è un buon mezzo per inserire in­for­ma­zio­ni legali ob­bli­ga­to­rie poiché sarà visibile in tutte le pagine e sot­to­pa­gi­ne del sito stesso. Tali in­for­ma­zio­ni po­treb­be­ro includere un link a un impressum e/o all’in­for­ma­ti­va sulla privacy. I negozi online po­treb­be­ro indicare nel footer anche termini e con­di­zio­ni e la loro politica di reso e can­cel­la­zio­ne.

In questo modo si ha l’occasione non solo di adempiere ai requisiti legali, ma anche di gua­da­gnar­si la fiducia dei vi­si­ta­to­ri e delle vi­si­ta­tri­ci. Una buona aggiunta per negozi o fornitori di servizi è una lista delle opzioni di pagamento, dei servizi di consegna e di re­sti­tu­zio­ne. Altre idee per aumentare la fiducia del cliente includono cer­ti­fi­ca­ti, sigilli di ap­pro­va­zio­ne, re­cen­sio­ni positive degli utenti e un avviso ri­guar­dan­te la crit­to­gra­fia SSL.

Contatti, new­slet­ter e app

Puoi mi­glio­ra­re il servizio del tuo sito web ag­giun­gen­do dettagli di contatto e, se ap­pli­ca­bi­le, orari di apertura o di­spo­ni­bi­li­tà. Un link alle domande frequenti (FAQ) può essere utile nel caso in cui vendi prodotti o servizi. Inoltre, se oltre al tuo negozio online disponi anche di un negozio fisico, dovresti ag­giun­ge­re nel footer gli orari di apertura e una mappa in cui venga indicato come rag­giun­ger­lo. A questo scopo, può risultare utile un’in­te­gra­zio­ne di Google Maps.

Bisogna però fare at­ten­zio­ne, poiché quando si in­cor­po­ra­no delle mappe online, è ne­ces­sa­rio aderire alle norme sulla pro­te­zio­ne dei dati. Il tra­sfe­ri­men­to dei dati degli utenti a server fuori dall’UE di solito richiede il consenso degli utenti. A questo fine, potresti in­cor­po­ra­re una mappa con un simbolo, una foto e un testo per det­ta­glia­re qualsiasi tra­smis­sio­ne di dati. Tieni presente che alcuni fornitori proi­bi­sco­no espres­sa­men­te l’uso di rap­pre­sen­ta­zio­ni sfocate delle loro mappe (ad esempio, Google Maps).

La si­tua­zio­ne è simile per le varie piat­ta­for­me di social media. È meglio includere un’icona che rimandi a Facebook, X e simili che hanno server al di fuori dell’UE. Ciò poiché l’in­te­gra­zio­ne diretta dei loro servizi può portare alla tra­smis­sio­ne non au­to­riz­za­ta di dati e potrebbe co­sti­tui­re una vio­la­zio­ne delle norme sulla pro­te­zio­ne dei dati. Tuttavia, quando si tratta di social media, vi sono ora molti strumenti web di­spo­ni­bi­li che aiutano a in­te­grar­li rimanendo conformi alle norme legali.

Il footer del sito web è anche utile per in­vo­glia­re gli utenti a re­gi­strar­si alla new­slet­ter. Le ini­zia­ti­ve di e-mail marketing sono un ottimo modo per favorire la fedeltà e la fiducia dei clienti.

Se i tuoi servizi sono ac­ces­si­bi­li tramite un’app, puoi collegare tramite link nel footer i relativi app store. Poiché un numero sempre crescente di utenti accede al web dal proprio di­spo­si­ti­vo mobile, le app sono un’aggiunta utile per alcune aziende.

Quanto è im­por­tan­te la na­vi­ga­zio­ne sul footer?

Ag­giun­gen­do il col­le­ga­men­to al menu prin­ci­pa­le del sito web nel footer, si rende più facile la na­vi­ga­zio­ne ai vi­si­ta­to­ri e alle vi­si­ta­tri­ci del sito sulla pagina, dato che non avranno bisogno di scorrere di nuovo fino all’header per cercare le in­for­ma­zio­ni ne­ces­sa­rie (con l’eccezione del co­sid­det­to menu adesivo). Una vi­sua­liz­za­zio­ne della sitemap può essere usata per collegare le pagine in­ter­na­men­te.

Lavori con un sistema di gestione dei contenuti? In questo caso puoi testare la migliore di­spo­si­zio­ne dei menu provando diverse posizioni in un sito web, potendo ria­dat­ta­re il design ra­pi­da­men­te se alcune aree non dovessero fun­zio­na­re come previsto. Non di­men­ti­ca­re di ot­ti­miz­za­re la struttura di na­vi­ga­zio­ne per mi­glio­ra­re l’usabilità del tuo sito web.

Footer del sito web e SEO

I vi­si­ta­to­ri e le vi­si­ta­tri­ci di un sito web tendono a valutare il contenuto incluso nel menu di na­vi­ga­zio­ne e nel footer del sito web come più im­por­tan­te e degno di essere letto. Questo può aumentare il tempo che una persona trascorre sulla tua pagina, che a sua volta migliora il po­si­zio­na­men­to SEO del tuo sito web. I motori di ricerca sono allergici al co­sid­det­to “contenuto duplicato”, ovvero il contenuto che appare almeno due (o più) volte su un sito web, e poiché il footer è di solito copiato in ogni pagina, lunghi passaggi di testo saranno con­si­de­ra­ti duplicati dai crawler dei motori di ricerca. È possibile evitare la du­pli­ca­zio­ne salvando il contenuto in una pagina separata a cui ci si collega tramite il footer del sito.

Il footer di un sito web: le migliori pratiche

Di seguito troverai alcuni esempi di footer che im­ple­men­ta­no i requisiti discussi sopra in modi diversi.

Ma­nu­fac­tum

L’azienda di vendita per cor­ri­spon­den­za Ma­nu­fac­tum gestisce un grande negozio online e grandi magazzini fisici in 18 sedi. Di con­se­guen­za, il footer del sito web è piuttosto esteso, ma mantiene una struttura chiara e in­co­rag­gia i clienti a iscri­ver­si alla new­slet­ter dell’azienda offrendo un buono sconto in cambio. La stretta barra grigia sopra le icone dei social media fornisce inoltre segnali per in­co­rag­gia­re i vi­si­ta­to­ri e le vi­si­ta­tri­ci del sito ad ac­qui­sta­re.

Close

Zalando

Il footer di Zalando è un ulteriore esempio di un’in­te­gra­zio­ne più ampia, ma è molto più diretto grazie alla sua struttura chiara. Aiuta i clienti ad accedere ra­pi­da­men­te alle in­for­ma­zio­ni ri­guar­dan­ti il servizio al cliente, le offerte di carte regalo e i metodi di pagamento. Inoltre, include anche dei link ai contenuti legali, alla sezione “Chi siamo”, dove si trovano anche i programmi partner e le offerte di lavoro, alle ap­pli­ca­zio­ni mobili di Zalando e agli account dei social media.

Close

Back Market

Back Market è una piat­ta­for­ma online che vende vari tipi di di­spo­si­ti­vi elet­tro­ni­ci ri­con­di­zio­na­ti, dagli smart­pho­ne agli epilatori. Il footer incorpora alcune ca­rat­te­ri­sti­che extra come un link alla pagina Trust­pi­lot di re­cen­sio­ni sull’azienda e instaura sin da subito un senso di fiducia. Ottiene altri punti anche men­zio­nan­do la garanzia di 12 mesi. Nella sezione “About” (Chi siamo), a cui si rimanda con un link, viene descritto lo scopo dell’azienda ra­pi­da­men­te e con pre­ci­sio­ne.

Close

ARTES Valve & Service

Il footer del pro­dut­to­re tedesco di valvole in­du­stria­li ARTES Valve & Service è diretto e include tutti i dettagli più im­por­tan­ti perché i clienti possano con­tat­ta­re l’azienda ra­pi­da­men­te e fa­cil­men­te per chiedere in­for­ma­zio­ni sui suoi servizi. I dettagli di contatto dell’azienda possono essere vi­sua­liz­za­ti anche su Google Maps. Il footer del sito è separato vi­si­va­men­te dal contenuto con un sottile contrasto e una linea blu.

Close