Cos’è un footer? Consigli di design e SEO

Il design dei siti web è in costante evoluzione. Designer ed esperti nell’esperienza utente continuano a ravvivare il mercato con le loro idee. Da nuove combinazioni di colori, a cambi nella disposizione delle immagini e del testo, a consigli su dove posizionare al meglio i singoli elementi multimediali, la pletora di consigli può essere confusa e travolgente e lasciare gli operatori dei siti web con il dubbio che i loro siti non siano più rilevanti. Ma ci sono anche alcune cose che non cambiano mai! Oltre al menu, tutti i siti web si basano sullo stesso elemento strutturale: il footer. In questa guida vi spieghiamo cos’è un footer, le migliori pratiche per progettarne uno e quali vantaggi comporta.

Usando @media queries nel Cascading Style Sheets (CSS), le informazioni del sito web possono essere regolate per la massima facilità d’uso anche sugli schermi dei dispositivi mobili.

Il footer segnala la fine di una pagina web. L’implicazione è che l’utente non può scorrere ulteriormente e non vi è più alcun contenuto da visualizzare. Gli utenti che scorrono fino al footer sono generalmente alla ricerca di contenuti aggiuntivi. È in questo caso che il footer di un sito web può essere particolarmente utile, collegandosi a contenuti speciali o addizionali. I footer danno ai siti web un aspetto professionale, dato che le informazioni di base qui contenute sono sempre accessibili.

La funzione più importante del footer di un sito web è quella di fornire un’opportunità per contenuti aggiuntivi e promuovere una struttura del sito web più facile da usare, ad esempio compattando l’header.

Per integrare il footer di un sito web in modo sensato, dovreste esaminare il vostro contenuto per vedere quali componenti con informazioni ricorrenti dovrebbero o devono essere integrate più volte. Una soluzione elegante è quella di aggiungere dei menu separati nel footer. A questo scopo, i sistemi di gestione di contenuti forniscono i cosiddetti widget, che fanno anche in modo che il footer mantenga lo stesso design del resto del sito.

Il footer dovrebbe essere chiaramente separato dal contenuto principale di un sito web. Ciò può essere ottenuto utilizzando diversi colori di sfondo, contrastando l’area del footer e il colore principale del sito, aggiungendo una linea per separare i blocchi di contenuto, o con una qualsiasi combinazione di queste opzioni. Come sempre, less is more. Come anticipato, è possibile dividere la sezione del footer in due o tre sezioni di contenuto logicamente collegate. È consigliato lasciare abbastanza spazio tra queste sezioni, il cosiddetto spazio bianco, per evitare un sovraccarico visivo. Prestate inoltre molta attenzione all’equilibrio generale tra il design unico del vostro sito web e la chiarezza del contenuto, poiché il footer è spesso l’impressione finale che un utente ha del sito web.

Non esiste una regola fissa per quanto riguarda le informazioni da includere in un footer. Tuttavia, i contenuti rilevanti del sito web sono spesso collegati al footer. Di seguito riportiamo alcuni suggerimenti.

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

Collezione

• Scarpe da corsa
• Scarpe da passeggio
• Scarpe ortopediche
• Solette
• Prodotti per la cura delle scarpe

I siti web di notizie o i blog potrebbero invece voler elencare i loro ultimi post in un widget apposito nel footer.

Il footer del sito web è un buon mezzo per inserire informazioni legali obbligatorie poiché sarà visibile in tutte le pagine e sottopagine del sito stesso. Tali informazioni potrebbero includere un link a un impressum e/o all’informativa sulla privacy. I negozi online potrebbero indicare nel footer anche termini e condizioni e la loro politica di reso e cancellazione. In questo modo si ha l’occasione non solo di adempiere ai requisiti legali, ma anche di guadagnarsi la fiducia dei visitatori. Una buona aggiunta per negozi o fornitori di servizi è una lista delle opzioni di pagamento, dei servizi di consegna e di restituzione. Altre idee per aumentare la fiducia del cliente includono certificati, sigilli di approvazione, recensioni positive degli utenti e un avviso riguardante la crittografia SSL.

Potete migliorare il servizio del vostro sito web aggiungendo dettagli di contatto e, se applicabile, orari di apertura o disponibilità. Un link alle domande frequenti (FAQ) può essere utile nel caso in cui vendiate prodotti o servizi. Inoltre, se oltre al vostro negozio online disponete anche di un negozio fisico, dovreste aggiungere nel footer gli orari di apertura e una mappa in cui venga indicato come raggiungerlo. A questo scopo, può risultare utile un’integrazione di Google Maps, ad esempio.

Bisogna però fare attenzione, poiché quando si incorporano delle mappe online, è necessario aderire alle norme sulla protezione dei dati. Il trasferimento dei dati degli utenti ai server di solito richiede il consenso dell’utente stesso. A questo fine, potreste incorporare una mappa con un simbolo, una foto e un testo per dettagliare qualsiasi trasmissione di dati. Tenete presente che alcuni fornitori di servizi di mappe proibiscono espressamente l’uso di rappresentazioni sfocate delle loro mappe (ad esempio, Google Maps).

La situazione è simile per le varie piattaforme di social media. È meglio includere un’icona che rimandi a Facebook, Google, Twitter e Co. Ciò poiché’ l’integrazione diretta dei loro servizi può portare alla trasmissione non autorizzata di dati e potrebbe costituire una violazione delle norme sulla protezione dei dati. Fortunatamente, quando si tratta di social media, vi sono ora molti strumenti web disponibili per aiutare l’incorporazione degli stessi in un sito web conforme alle norme legali.

Il footer del sito web è anche utile per invogliare gli utenti a registrarsi alla newsletter. Le iniziative di e-mail marketing sono un ottimo modo per favorire la fedeltà e la fiducia dei clienti.

Se i vostri servizi sono accessibili tramite una app, potete collegare tramite link nel footer i relativi app store. Poiché un numero sempre crescente di utenti accede al web dal proprio dispositivo mobile, le app sono un’aggiunta utile per alcune aziende.

Aggiungendo il collegamento al menu principale del sito web nel footer, si rende più facile la navigazione ai visitatori del sito sulla pagina, dato che non avranno bisogno di scorrere di nuovo fino all’header per cercare le informazioni necessarie (con l’eccezione del cosiddetto menu adesivo). Una visualizzazione della sitemap può essere usata per collegare le pagine internamente.

Lavorate con un sistema di gestione dei contenuti? In questo caso potete testare la migliore disposizione dei menu provando diverse posizioni in un sito web, potendo riadattare il design rapidamente se alcune aree non dovessero funzionare. Non dimenticate di ottimizzare la struttura di navigazione per migliorare l’usabilità del vostro sito web.

I visitatori di un sito web tendono a valutare il contenuto incluso nel menu di navigazione e nel footer del sito web come più importante e degno di essere letto. Questo può aumentare il tempo che un visitatore trascorre sulla vostra pagina, che a sua volta migliora il posizionamento SEO del vostro sito web. I motori di ricerca sono allergici al cosiddetto “contenuto duplicato”, ovvero il contenuto che appare almeno due (o più) volte in un sito web, e poiché il footer è di solito copiato in ogni pagina, lunghi passaggi di testo saranno considerati duplicati dai crawler dei motori di ricerca. È possibile evitare la duplicazione salvando il contenuto in una pagina separata a cui ci si collega tramite il footer del sito.

Di seguito troverete alcuni esempi di footer che implementano i requisiti discussi sopra in modi diversi.