Contenuto
- Definizione del sidebar
- Tipi di sidebar
- Contenuto del sidebar
- Utilizzo del sidebar
- Come posizionare il sidebar nella pagina
Definizione del sidebar
Il sidebar è una colonna laterale di una pagina web che contiene informazioni aggiuntive, collegamenti e pulsanti. Nella maggior parte dei casi, nel sidebar si trovano elementi come:
- Menu di navigazione
- Catalogo di un negozio online
- Blocco pubblicitario
- Raccomandazioni
- Filtri
- Modulo di contatto
- Pulsanti sociali
Un aspetto chiave nel posizionamento dei sidebar è mantenere uno spazio ottimale: il sidebar non dovrebbe occupare troppo spazio nella pagina. Sebbene le dimensioni esatte possano variare, di solito il sidebar è visivamente più piccolo del contenuto principale, per non distrarre l'attenzione degli utenti.
Tipi di sidebar
I sidebar possono essere classificati in tre tipi principali a seconda della loro posizione nella pagina:
- Sidebar sinistri: L'opzione più comune, poiché la maggior parte delle persone legge da sinistra a destra. Di solito qui si trovano i cataloghi dei negozi online e i filtri, il che aiuta gli utenti a trovare più rapidamente i prodotti desiderati.
- Sidebar destri: Un'opzione meno preferita, poiché i blocchi pubblicitari sono spesso posizionati a destra, rendendoli meno visibili. Gli utenti possono ignorare questa parte della pagina, riducendo l'efficacia della pubblicità.
- Sidebar bilaterali: Posizionare i sidebar su entrambi i lati può comprimere il contenuto principale, rendendo difficile la percezione delle informazioni. Colonne strette possono costringere gli utenti a scorrere continuamente la pagina, ostacolando la loro concentrazione sul contenuto principale.
Contenuto del sidebar
Il sidebar può contenere informazioni varie che aiutano gli utenti a orientarsi meglio sul sito. Ecco alcuni elementi principali che dovrebbero essere posizionati nella colonna laterale:
- Menu e categorizzazione: Il sidebar può contenere un catalogo o un insieme di collegamenti che permettono agli utenti di navigare ad altre sezioni del sito. È consigliabile posizionare solo i collegamenti importanti relativi alla sezione attuale, per non distrarre l'utente dal contenuto principale.
- Annunci: Il sidebar può includere feed di notizie o annunci di pubblicazioni, permettendo agli utenti di rimanere aggiornati sugli eventi attuali, anche senza cliccare sui collegamenti.
- Pubblicità: Nel sidebar destro si trovano spesso blocchi pubblicitari o materiali di affiliazione, anche se gli utenti possono ignorare questa parte della pagina.
- Call to action e pulsanti social: Elementi che invitano l'utente all'azione, come l'iscrizione alla newsletter o la richiesta di richiamata, possono anche essere posizionati nel sidebar.
- Filtri: Per facilitare la ricerca di prodotti, i filtri sono spesso posizionati nel sidebar a sinistra, per renderli facilmente visibili agli utenti.
Utilizzo del sidebar
Il sidebar può essere utile per la maggior parte dei siti web, specialmente per quelli che si aprono su desktop. Tuttavia, sui dispositivi mobili, il sidebar può cambiare forma e spostarsi verso il basso o verso l'alto, trasformandosi in un normale "hamburger" o in un insieme di pulsanti. Questo può portare a nascondere parte delle informazioni dietro il pulsante "altro". È importante ricordare che le landing page che richiedono uno studio sequenziale del materiale è meglio che si astengano dai sidebar, poiché possono distrarre gli utenti.
Tuttavia, alcune landing page possono essere piene di diversi blocchi, e in tali casi può essere utile posizionare un sidebar "sticky" con navigazione, affinché gli utenti possano tornare facilmente alle informazioni necessarie.
Come posizionare il sidebar nella pagina
Il posizionamento del sidebar sul sito può avvenire in due modi principali: attraverso la programmazione web o utilizzando sistemi di gestione dei contenuti (CMS). Se la pagina è creata manualmente, sarà necessario scrivere il codice per il sidebar, il che richiede determinate competenze nella programmazione web. In caso di utilizzo di un CMS, il sidebar viene aggiunto tramite gli strumenti del costruttore.
Ad esempio, in WordPress ci sono diversi modi per aggiungere un sidebar:
- Creazione di un tema con sidebar e il suo caricamento;
- Scelta di un tema predefinito dal catalogo;
- Installazione di un plugin per aggiungere un sidebar;
- Utilizzo del plugin Elementor per la personalizzazione del sito.
I temi predefiniti di WordPress di solito hanno sidebar integrati, il che semplifica notevolmente il processo di sviluppo.
