Web Designer Freelance Milano ・ Yunikon Design

  • Chi sono
  • Servizi
    • Identità per Brand
    • Siti Web su misura
  • Consulenze
    • Brand Styling
    • Performance sito web
  • Web Designer Freelance Milano e Online · Yunikon Design
  • Newsletter
  • Blog
    • Branding
    • Web Design
    • Palette Colori
    • Risorse e How-To
    • Vita da freelance
  • Contatti
Cosa inserire nella sidebar

Guida alla sidebar perfetta

Web Design/ 18 Giugno 2014

Considera prima di tutto che l’occhio di un qualunque visitatore è portato a ignorare la sidebar naturalmente, in quanto più concentrato a trovare le informazioni che cerca tra i contenuti del tuo blog (i post o il menu di navigazione nell’header).

Eppure la sidebar è importantissima proprio perché è lì che l’occhio del visitatore corre se non trova ciò che cerca tra i contenuti del tuo sito.

Quando ti appresti a costruire la sidebar chiediti: qual è lo scopo del tuo blog, ovvero che messaggio desideri trasmettere ai tuoi visitatori? Forse ti interessa semplicemente condividere con altre persone la tua passione, o forse stai cercando di trasmettere autorevolezza e professionalità?

Poi: quali sono gli obiettivi che intendi raggiungere attraverso il blog? Un blog che parla di marketing è ben diverso da uno che parla di craft design: probabilmente i blogger stessi avranno obiettivi e desideri diversi.

Tutto ciò dovrebbe essere racchiuso nella tua sidebar. Tieni sempre a mente che tra i vari elementi che comporranno la tua sidebar devi mettere per primi quelli più importanti. Se usi il blog per rafforzare la tua immagine online, al primo posto nella tua sidebar dovrà esserci un box con la tua foto e una breve bio. Se invece il blog ti serve perché la tua priorità è quella di guadagnarci, forse dovrai fare spazio ai vari banner pubblicitari (posso aggiungere: orrore?).

Cosa inserire nella sidebar

Capita l’importanza della sidebar passiamo allo step successivo: quali sono gli elementi fondamentali da includere al suo interno? Vediamoli insieme.

1. About Box

Ovvero un riquadro che racconti chi sei e cosa fai. In questo box è importante includere una tua foto (la stessa che usi per gestire i tuoi social network… perché non usi un’immagine profilo diversa da social a social, vero…?) e una breve bio che racconti sinteticamente chi sei e di cosa ti occupi. Alla fine della bio inserisci un link che rimandi alla tua about page, così da permettere ai tuoi visitatori di conoscerti meglio.

2. Social Network

Inserisci i widget dei principali social network che usi – e ripeto – che usi. Se hai un account twitter ma il tuo ultimo tweet risale a mesi fa, che senso ha inserirlo nella sidebar? Ecco, nulla, bravo. Quindi toglilo.

Inserisci solo i social network su cui sei attivo: meglio pochi ma buoni. A me fanno un sacco ridere le sidebar piene di widget sociali, da Pinterest a Google+, fino ad arrivare a Youtube. Ragazzi: pulizia, vi prego.

Nella mia sidebar ho solo tre rimandi ai social: Twitter, Google+ e la Pagina Facebook e già mi sembrano tanti. Ho un account Pinterest, Youtube, SlideShare e Instagram ma per scelta ho deciso di non includerli, per due motivi.

Il primo è perché, lo ripeto, rischio di disperdere i miei lettori fuori dal mio sito (cosa che chiaramente non voglio: faccio il possibile per scrivere articoli di qualità che portino visitatori nel sito e poi mi frego da sola appiccicando qua e là richiami sociali? Ma anche no!) e il secondo è perché sono dell’idea che alcuni social non siano adatti ai temi che tratto.

Opinione personalissima e non condivisibile: credo che social come Instagram non si adattino al tema del mio blog. Riccardo Esposito ha scritto un articolo proprio oggi sull’integrazione tra blog e Instagram: trovi anche il mio commento (che va contro la sua tesi).

3. Newsletter

Prevedi un box dedicato alla tua newsletter. Prova a pensare ad un visitatore che entra per la prima volta nel tuo blog, legge una manciata di articoli e mentre arriva alla fine dell’ultimo pensa “questo che scrive è uno tosto, voglio seguirlo”.

Perché non dargli la possibilità di iscriversi in maniera veloce alla tua newsletter, prima che cambi idea? Potresti controbattere dicendo che hai già un link, nel menu, che porta al form di iscrizione alla newsletter: ma perché mai il lettore dovrebbe fare la fatica di andarselo a cercare? Fidati, non lo farà MAI.

Se nel tuo blog invece alla fine di ogni post, prevedi già un box con il form di iscrizione alla newsletter, non metterlo nella sidebar: è una ripetizione inutile.

4. Ultimi post / Post più letti

Inserisci una lista con gli ultimi post pubblicati o in alternativa una lista contenente i post più letti.

La prima serve ai tuoi lettori, quelli che ti conoscono già, per trovare facilmente le ultime cose che hai scritto (tutti d’accordo che il lettore non entra tutti i giorni nel tuo blog e che tu blogger non fai parte dei suoi pensieri fissi, vero? Se la tua risposta è no, fly down!).

Il secondo invece serve ai visitatori che accedono per la prima volta al tuo blog: scoprono i tuoi post migliori e così rimangono più tempo all’interno del tuo sito. La speranza qui è quella di trasformare il visitatore in lettore.

Scegli, o ne metti uno, o metti l’altro. Puoi mettere anche entrambi, sia chiaro, ma secondo me non è una scelta azzeccata, perché liste infinite nella sidebar sono brutte da vedere e c’è il rischio che uno o più post di una lista siano presenti anche in quella subito sotto. Bleah!

Cosa non inserire nella sidebar

Ovviamente, ci sono anche degli elementi che non vanno inseriti nella sidebar, in quanto inutili.

Lista Categorie / Lista Archivio

Sul serio, c’è qualcosa di più triste della lista Categorie, o peggio ancora, della lista Archivio? Se sei un blogger che poi scrive molto la tua lista Archivio sarà un insieme lunghissimo di mesi che, fidati, nessuno andrà a cliccare.

Piuttosto, predisponi il menu di navigazione nell’header, in modo tale che contenga le categorie trattate nel blog e se proprio, replicalo nel footer. Ma la sidebar non toccarla.

Ultimi commenti

Credi davvero che a qualcuno interessi che PincoPalla ha lasciato un commento nel tuo post X? No. Non interessa a nessuno. Ti prego, questo tipo di lista è pure peggio di quelle che ho appena trattato sopra. Fai un favore al tuo blog (e ai tuoi lettori): toglila!

Contatori

Hai presente quei piccoli box colorati che segnano quanti visitatori sono entrati o sono presenti nel tuo blog? Ecco, fanno così tanto anni ’90. Gli albori del web, quando ancora non era 2.0. Quando vedo un elemento di questo tipo in una sidebar, o in generale in un blog, penso subito a due cose:

  • Google Analytics, questo sconosciuto. Se hai allacciato il tuo blog a Google Analytics, perché inserire anche un couter? A cosa ti serve, cosa vuoi dimostrare? Di avere un sacco di visite e che quindi, sei un figo? Ecco, a me fai l’impressione opposta, ovvero…;
  • tu blogger ai miei occhi perdi di professionalità. Professionalità che diventa inversamente proporzionale al tema che tratti. Perché, se il tema del tuo blog riguarda il craft design posso anche chiudere un occhio, ma se scrivi di web marketing et similia, iniziano a sanguinarmi gli occhi.

Blogroll

Il blogroll è una lista di siti particolarmente amati dal blogger. Possono essere link a siti di amici o di professionisti che trattano temi affini a quelli del tuo blog. Il blogroll è un ottimo strumento per guidare il traffico del tuo sito… su altri. Ecco perché non mi piace. Inoltre anche qui, è uno strumento che ai miei occhi risulta obsoleto: poteva avere un senso quando non c’erano i social, ma ormai basta un tweet per consigliare un blog o un post che hai particolarmente apprezzato, che senso ha tenere il blogroll nella sidebar? Secondo me nessuno.

Che ne pensi?

Sei d’accordo con la mia analisi? Ci sono elementi nella sidebar di cui non puoi proprio fare a meno? Quali sono e perché? Quali invece proprio mal sopporti perché reputi inutili ed ormai superati? Se ti va, parliamone nell’area commenti. Aloha!

Potrebbe interessarti anche:

Usabilità web: 6 consigli per rendere il tuo blog più usabileUsabilità web: 6 consigli per rendere il tuo blog più usabile Come scegliere la palette colori del tuo sito webCome scegliere la palette colori del tuo sito Come strutturare i contenuti del tuo sito web

Ciao, sono Laura Lonighi, Brand & Web designer freelance

Nel mio lavoro disegno la personalità visiva di un marchio e realizzo siti web ed ecommerce. Vivo nelle nebbiose (sigh!) campagne mantovane con il mio compagno e nostri due gatti di nome Brando e Briseide. Se questo articolo ti è piaciuto puoi ricevere i prossimi iscrivendoti alla newsletter che trovi in fondo al sito.

Leggi chi sono

Commenti

  1. Eli dice

    18/06/2014 alle 2:22 pm

    Bellissimo post! Sei grande come sempre.
    Allora: prima cosa che ho fatto (mentre lo leggevo, manco arrivata alla fine): ho spostato la mia foto con l’About me in alto, e subito dopo il form per l’iscrizione alla newsletter. Ho lasciato i post più letti e gli ultimi post perchè tanto non coincidono. Per il momento 🙂 Quando feci il restyling dell mio blog, decisi di eliminare il blogroll, per dare al sito un’aria più professionale. Ammetto però che i blogroll di alcuni blogger a me affini mi hanno permesso di scovare siti interessanti, che seguo tutt’oggi.
    Se non nella sidebar, le Ad dove le metteresti?

    Rispondi
    • ROSY dice

      18/06/2014 alle 3:49 pm

      Anke io con blogroll ho trovato tantissimi blog che seguo ogni giorno…ora il mio l ho tolto però mi piacerebbe rimetterlo. Vorrei anche io sapere dove si potrebbe mettere. Per quanto riguarda il resto la penso uguale anche io.

      Rosy

      Rispondi
  2. Sara Stellegemelle dice

    18/06/2014 alle 4:59 pm

    ciao, sono in fase restyling sul mio blog, specifico fin da subito che è uno dei tanti blog mammeschi, come ce ne sono tanti, e sicuramente uno dei meno seguiti e meno belli, ma a a me piace, e quindi sto cercando di renderlo bello.
    anche io mentre leggevo ho tolto subito il contatore…che nel mio caso luccicava solo per me, ma effettivamente :/
    le etichette che io ho soprannominato ‘parole’ per ora rimane ancora in sidebar, ma per facilitare la ricerca di alcune categorie-tag che non ho evidenziato nelle pagine, in quelle ho messo solo gli argomenti principali.
    sui social ci sto lavorando.
    rimangono nel dubbio: le affiliazioni, il mio e-shop, le collaborazioni e le varie ‘attività’ a cui partecipo.
    vedremo
    grazie per le dritte 😀

    Rispondi
  3. Sabina Frauzel dice

    25/09/2014 alle 4:44 pm

    Mi piace molto il tuo blog, davvero carino e utile, l’ho scoperto per caso ma credo che diventerò una lettrice fissa! Direi che sono d’accordo praticamente su tutto, tranne sul blogroll che a me personalmente piace e che spulcio sempre nei siti che gradisco!

    Rispondi
  4. Babyucandrivemycar dice

    10/04/2015 alle 2:17 pm

    Utilissimi questi post Laura, grazie mille!
    (ho appena rifatto la sidebar)

    Rispondi

Lascia un commento Annulla risposta

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Yunikon Design di Laura Lonighi
di Laura Lonighi
Web Designer Freelance
via Amendola, 4
46033 — Castel d’Ario (MN)
P. IVA: 02326200207
SDI: SZLUBAI

hello@yunikondesign.com

💎 Servizi

  • Brand Styling
  • Web Designer Freelance

🤖 Consulenze online

  • Brand Styling
  • Performance sito web

💌 Newsletter

Puoi cancellarti in ogni momento, cliccando sul link in fondo a ogni newsletter. Per ulteriori informazioni leggi la Privacy Policy.

Thank you!

You have successfully joined our subscriber list.

.
Rivedi i cookie
  • Privacy policy
  • Cookie policy
  • IG
  • FB
Questo sito usa diversi tipi di cookie. Puoi dare il tuo consenso cliccando ACCETTA e/o modificarlo con "Rivedi i cookie" in fondo al sito. Qui lo spiegone: Privacy policy.
ACCETTA RIFIUTA Personalizza
Rivedi i cookie

Privacy Policy

Questo sito Web utilizza i cookie per migliorare la tua esperienza durante la navigazione sul sito. I cookie classificati come necessari vengono memorizzati nel browser e sono essenziali per il funzionamento delle funzionalità base del sito. Utilizziamo anche cookie di terze parti che ci aiutano ad analizzare e comprendere come navighi questo sito. Questi cookie saranno memorizzati nel tuo browser solo se ci dai il tuo consenso: hai anche la possibilità di disattivare questi cookie. La disattivazione di alcuni di questi cookie può influire sulla tua esperienza di navigazione.
Necessary
Sempre abilitato
Necessary cookies are absolutely essential for the website to function properly. These cookies ensure basic functionalities and security features of the website, anonymously.
CookieDurataDescrizione
_GRECAPTCHA5 months 27 daysThis cookie is set by the Google recaptcha service to identify bots to protect the website against malicious spam attacks.
csrftoken1 yearThis cookie is associated with Django web development platform for python. Used to help protect the website against Cross-Site Request Forgery attacks
Others
Other uncategorized cookies are those that are being analyzed and have not been classified into a category as yet.
CookieDurataDescrizione
_pin_unauth1 yearThis cookie is placed by Pinterest Tag when the user cannot be matched. It contains a unique UUID to group actions across pages.
cookielawinfo-checkbox-cookie-analitici1 yearNo description
cookielawinfo-checkbox-cookie-di-profilazione-e-social-plugin1 yearNo description
cookielawinfo-checkbox-cookie-tecnici1 yearNo description
ppwp_wp_session30 minutesNo description
Advertisement
Advertisement cookies are used to provide visitors with relevant ads and marketing campaigns. These cookies track visitors across websites and collect information to provide customized ads.
CookieDurataDescrizione
_fbp3 monthsThis cookie is set by Facebook to display advertisements when either on Facebook or on a digital platform powered by Facebook advertising, after visiting the website.
fr3 monthsFacebook sets this cookie to show relevant advertisements to users by tracking user behaviour across the web, on sites that have Facebook pixel or Facebook social plugin.
VISITOR_INFO1_LIVE5 months 27 daysA cookie set by YouTube to measure bandwidth that determines whether the user gets the new or old player interface.
YSCsessionYSC cookie is set by Youtube and is used to track the views of embedded videos on Youtube pages.
yt-remote-connected-devicesneverYouTube sets this cookie to store the video preferences of the user using embedded YouTube video.
yt-remote-device-idneverYouTube sets this cookie to store the video preferences of the user using embedded YouTube video.
Analytics
Analytical cookies are used to understand how visitors interact with the website. These cookies help provide information on metrics the number of visitors, bounce rate, traffic source, etc.
CookieDurataDescrizione
_ga2 yearsThe _ga cookie, installed by Google Analytics, calculates visitor, session and campaign data and also keeps track of site usage for the site's analytics report. The cookie stores information anonymously and assigns a randomly generated number to recognize unique visitors.
_gat_gtag_UA_13058607_221 minuteSet by Google to distinguish users.
_gid1 dayInstalled by Google Analytics, _gid cookie stores information on how visitors use a website, while also creating an analytics report of the website's performance. Some of the data that are collected include the number of visitors, their source, and the pages they visit anonymously.
CONSENT2 yearsYouTube sets this cookie via embedded youtube-videos and registers anonymous statistical data.
Functional
Functional cookies help to perform certain functionalities like sharing the content of the website on social media platforms, collect feedbacks, and other third-party features.
CookieDurataDescrizione
_auth1 yearThis cookie is set by Pinterest that collects statistical details to track the use of its services.
_pinterest_referrer5 minutesThis cookie is set by Pinterest to track the use of its services.
_pinterest_sess1 yearThis cookie is set by Pinterest that collects statistical details to track the use of its services.
_routing_idsessionThis cookie is set by Pinterest that collects statistical details to track the use of its services.
languagesessionThis cookie is used to store the language preference of the user.
ACCETTA E SALVA
Powered by CookieYes Logo