Archive for the ‘Web-design’ Category

Tranquilli, non parliamo di politica, ma di sidebar, cioè le barre laterali tipiche dei siti web. La domanda è questa: meglio mettere la sidebar a destra o a sinistra?

Forse non c’è una risposta giusta. E’ un antico dilemma del web-design e più o meno tutti quelli che sviluppano siti web o realizzano template hanno la propria opinione sull’argomento. Vediamo di prendere brevemente in considerazione le due opzioni e le relative ragioni.

Prima cosa: leggiamo da sinistra verso destra

Come si può notare anche grazie allo strumento di Google Browser Size, la maggior parte degli utenti si concentra soprattutto sulla parte centrale e su quella sinistra della pagina, un po’ per la risoluzione dello schermo e poi perché è così che leggiamo noi occidentali, da sinistra verso destra. Proprio per questo motivo la sidebar dei blog di solito è a destra, dato che viene data maggiore importanza ai contenuti, ovvero l’ultimo post pubblicato, che viene posizionato a sinistra. Se però nel vostro sito il menù di navigazione contiene molte voci – e il contenuto centrale resta sostanzialmente invariato – allora la sidebar a sinistra avrà più senso. Ma non è sempre così.

Cosa mettere nella sidebar?

Ecco perché forse non c’è una risposta giusta alla domanda “meglio a destra o a sinistra?”, almeno per quanto riguarda l’argomento sidebar. Ogni sito, infatti, è un caso a sè.

Tutto dipende da cosa decidete di inserire nella sidebar e a quali contenuti date maggiore importanza. Se ad esempio cercate di guadagnare con degli annunci pubblicitari allora sarà sensato posizionarli nella parte alta della sidebar sinistra, là dove siete sicuri che cadrà l’occhio del visitatore appena visualizzerà la pagina.

Nei blog, come abbiamo detto, il contenuto vero e proprio (i post) normalmente è a sinistra – o nella parte centrale – mentre la sidebar è a destra, dove, come prima cosa, sarebbe intelligente mettere il link al feed RSS e altre informazioni che meritano rilievo.

Se invece il vostro è un sito dove il menù di navigazione è particolarmente importante per la consultazione delle pagine in sequenza, allora sarà meglio riservargli la parte superiore della sidebar sinistra, spostando gli altri contenuti in quella destra o nel footer se si tratta di un template con una sola colonna. A volte capita di posizionare la sidebar sulla destra ma poi di doverla spostare a sinistra su richiesta del cliente perché così è abituato. Anche siti importanti come quelli dei grossi giornali hanno spostato solo di recente la sidebar a destra adeguandosi alla struttura grafica tipica dei blog.

E i motori di ricerca cosa ne pensano?

Al momento in realtà non pensano, dunque quando realizzate un template e dovete decidere dove posizionare la sidebar è meglio pensare come prima cosa all’effettiva usabilità del sito. Però è giusto tenere conto che lo spider dei motori di ricerca legge la pagina così com’è presentata nel codice HTML, senza gli effetti dei fogli di stile. Dunque il contenuto sulla sinistra verrà letto prima di quello sulla destra se così presentato nel codice della pagina. Ma proprio grazie ai fogli di stile è possibile realizzare template su misura dove il contenuto sarà in cima alla pagina HTML nonostante sia visualizzato nella sidebar destra.