..ovvero 10 consigli su cosa fare e non fare sul proprio blog se ci si tiene ad aver un angolo di web ordinato e che sia il più possibile ospitale per i visitatori.

Ovviamente quelli che sto per dare sono consigli e non dogmi, il che significa che fino a prova contraria ognuno è libero di personalizzare e sistemare il proprio blog come meglio crede.
Tuttavia è bene ognitanto mettersi nei panni del blogger che visita il vostro blog e immaginare come ci si trova nella nostra tana virtuale poichè, diciamocela tutta, se si apre un blog è perchè si vuole che venga visitato e letto.
Lo scopo quindi di questa guida è darvi dei semplici consigli per migliorare la fruibilità e l’usabilità del vostro blog per permettere ad un vostro potenziale visitatore un piacevole soggiorno … che magari faciliti anche un ritorno ;)

1. Controllare il proprio blog con diversi browsers.
2. Pop-up questi odiosi conosciuti!
3. Usare i colori…con moderazione!
4. Dimensioni del testo
5. Musica si o musica no?
6. Evidenziare bene i link
7. Immagini : non troppo grandi e leggere
8. Non usare font particolari
9. Gif animate : non esageriamo
10. Mettetevi nei panni dei vostri visitatori

1. Controllare il proprio blog con diversi browsers.
Questa oserei dire che è la prima regola per avere un blog a posto.
Avete preso o creato il vostro template, lo avete personalizzato secondo il vostro gusto, aggiunto tutti i gadgets che volevate e ora guardandolo sul vostro browser siete pienamente soddisfatti. Bene.
Ma vi siete chiesti se dopo tutte queste modifiche il risultato ottenuto è lo stesso con diversi browser? Se voi utilizzare Internet Explorer (IE) siete sicuri che chi visita il vostro blog ad esempio con Firefox veda il template correttamente?
Un errore fatto troppo spesso (da blogger e dai web designer) è quello di non controllare il template con diversi browsers credendo che tutti usino solo lo stesso browser.
Questo controllo , che in gergo si chiama cross browser compatibility, è molto importante e dovrebbe essere il primo passo da compiere quando si crea un template o lo si modifica.
Questo perchè al mondo, fortunatamente, non esiste solo IE ma al contrario ci sono decine di browsers utilizzati che molto spesso interpretano il codice in maniera diversa.
Per cui mentre voi magari con IE vedete tuttocorrettamente, chi ad esempio usa Opera potrebbe vedere il vostro blog completamente ribaltato o addirittura illeggibile … inutile dire che così avreste un lettore in meno assicurato!
Perciò è sempre buona norma controllare con diversi browsers il proprio blog e assicurarsi che tutto si veda correttamente almeno nei browsers più diffusi come IE, Firefox e Opera.
Se non avete modo di controllare con tutti questi browsers esistono siti che offrono questo servizio come Browsershot o Browsercam … quindi non avete proprio scuse!

2. Pop-up questi odiosi conosciuti!
Non c’è niente che possa innervosire di più un navigatore che imbattersi in un sito o blog che sia infestato da pop-up pubblicitari che si aprono in ognidove.
Molto spesso una noia come quella di dover chiudere varie finestre pop-up scoraggia o innervosisce a tal punto un visitatore da passare direttamente ad un altro sito.
Nonostante molti browsers oggi abbiano integrati sistemi di bloccaggio dei pop-up o esistono software esterni installabili che offrono lo stesso servizio, non è detto che ciò basti ad evitare l’assalto dei mefitici pop-up.
Per questo è buona cosa assicurarsi di non mettere nulla nel blog che si porti dietro in regalo questi amici fastidiosi.
In particolare bisogna stare attenti a :

• tagboard
• contatori di utenti online
• contatori per statistiche

questi sono tutti potenziali portatori di pop-up, quindi quando avete intenzione di usarne uno per il vostro blog assicuratevi che sia Ad-free (ossia senza pubblicità).

3. Usare i colori…con moderazione!
Molto spesso mi sono imbattuta in blog molto interessanti … ma praticamente illeggibili!
Questo perchè il proprietario aveva personalizzato o scelto un template con dei colori talmente forti e in contrasto o talmente pallidi e tenui con un contrasto con il testo inesistente da richiedere una visita oculistica d’emergenza per leggere qualcosa!
Per questo motivo è sempre bene non esagerare con i colori del vostro template…perchè una combinazione cromatica che voi trovate squisita come viola-verde acido-giallo-fucsia potrebbe rendere il vostro template illeggibile o insostenibile per qualcun altro che magari avrebbe anche piacere di leggere il vostro blog.
Con questo non voglio dire di non usare colori accesi ma l’ideale e di dosarli con moderazione.
L’ideale è trovare una combinazione di colore di sfondo e colore del testo che non abbiano un contrasto troppo acceso (ad esempio sfondo verde acido e testo fucsia) e che non abbiano neanche un contrasto troppo debole (esempio sfondo bianco e testo giallo).
Entrambe queste combinazioni ottengono il solo risultato di stancare rovinosamente gli occhi di un potenziale lettore e di farlo andare via. Occhio quindi!

4. Dimensioni del testo
Nel mio infinito girovagare fra blog mi è capitato sempre più spesso di imbattermi in blog per lillipuziani : testi scritti così in piccolo da risultare difficilmente leggibili.
Chi possiede blog di questo tipo forse non si rende conto che non tutti hanno la stessa vista e non tutti soprattutto hanno lo stesso monitor.
Infatti una misura di 10px per un testo può risultare abbastanza leggibile a risoluzioni di schermo basse come 800*600 quanto può essere completamente microscopica a chi utilizza risoluzioni alte come 1280*1024 (risoluzioni che tra l’altro stanno diventando sempre più utilizzate).
Un altro fattore che cambia di molto la grandezza del testo è lo stesso fonto utilizzato : un testo di 10px scritto in verdana non è uguale come grandezza e leggibilità ad uno scritto sempre in 10px ma con font georgia (fate una prova e vedete).
A questo proposito non è una gran pensata anche quella di cambiare spesso per ogni post il font poichè, al di là di una riuscita estetica generale che spesso non è delle migliori, si rischia di far diventare miscroscopici alcuni post!
Direte voi : esiste un comando sul browser che permette di ingrandire il testo di un sito! Vero vi dirò io .. ma siate sinceri : voi avreste voglia di cambiare ognivolta la visualizzazione sul vostro browser solo perchè qualcuno ha scritto in lillipuziano?
Quindi misure che non vadano mai sotto gli 11px in generale e se amate cambiare font spesso curatevi almeno che i post alla fine siano leggibili senza dover ricorrere alla lente di ingrandimento!

5. Musica si o musica no?
Io onestamente voto per la musica si. Sempre e dovunque da brava amante della musica quale sono!
Ma proprio in quanto amante della musica spesso amo navigare di blog in blog ascoltando la musica che mi piace e non c’è niente che mi infastidisca di più di sentire improvvisamente una confusione orrenda nelle cuffie aprendo una pagina nuova!
Scommetto di non essere l’unica!
Per questo ritorno a dire di essere super favorevole alla musica sul proprio blog ma preferibilmente che non si apra in automatico con il caricamente del blog.
Questo, oltre ad un fattore volendo soggettivo di disturbo o meno, può provocare anche un fastidio ben più pratico : ovvero un rallentamento notevole dell’apertura della pagina (non tutti hanno adsl da 20mb e spesso caricare 3mb di MP3 richiede ancora un bel pò di tempo!).
Il consiglio dunque è quello di utilizzare si un lettore audio nel vostro blog ma di evitare di bombardare l’incauto visitatore appena entra!
E se proprio non sapete resistere (sigh!) almeno fate il piacere di non nascondere il lettore audio! Date almeno la possibilità di spegnere agevolmente la musica a chi non la gradisce (non tutti abbiano gusti uguali oltretutto!).
Ultimo consiglio spassionato a riguardo è quello di utilizzare al posto del classico lettore audio quicktime/mediaplayer la radioblog che permette di avere una vera e propria playlist con decine di canzoni senza però interferire con il caricamento delle pagine del vostro blog! (trovate la guida all’installazione in questo sito nella sezione tutorials).

6. Evidenziare bene i link
Sembra una cosa ovvia ma capita spesso di incappare in blog in cui è quasi impossibile distinguere i link dal resto del testo e non sempre tutti hanno voglia di andare a tentativi nella speranza di imbroccare il link perduto!
Per questo se vi accorgete che i link hanno poca visibilità andate nel codice del vostro template e nel CSS cercate le voci a:link e a:hover che sono quelle che regolano l’aspetto dei link cliccabili la prima e l’aspetto dei link quando si passa sopra con il mouse la seconda.
L’ideale sarebbe dare un colore ai link che risalti e abbia un buon contrasto con il colore del testo normale, in alternativa se per motivi di estetica non volete modificare troppo il colore dei link, una buona soluzione è quella di modificarli aggiungendo ad esempio una sottolineatura che può essere doppia, singola, a trattini ecc.
A questo proposito ho trovato una piccola guida rapida e veloce che vi può essere utile, dateci un’occhiata!

7. Immagini : non troppo grandi e leggere
Un errore che fanno spesso sia designers che utenti che mettono mano al proprio template è quella di inserire delle immagini nell’header (e anche nel resto del blog) che sono enormi e pesanti.
Se di primo acchito questo non sembra essere un grande problema con il senno di poi i problemini che questo comporta sono diversi.
Immagini troppo ampie nell’header spesso occupano troppo spazio : ad esempio quando si visita un blog si ha piacere ad avere un colpo d’occhio generale al contenuto oltre che alla grafica.
Se si utilizza una immagine che è lunga ben 500-600px chi usa risoluzioni dello schermo non troppo ampie come 800*600 o 1024*768 si ritroverà lo schermo completamente riempito dall’immagine senza vedere altro del blog e dovrà per forza scrollare per arrivare al contenuto.
Senza contare che molto probabilmente avrà dovuto aspettare un bel pò prima che tutta l’immagine venisse caricata…
Stessa cosa anche nei post : immagini troppo grandi, oltre ad essere potenzialmente molto pesanti e lunghe a caricarsi, possono anche causare lo sballamento del template che magari non è stato progettato per ospitare immagini più grandi delle colonne!
Quindi anche qua la moderazione è la cosa migliore :
a. usate immagini non troppo grandi :per la lunghezza cercate di non andare mai oltre i 400px e per quanto riguarda la larghezza cercate di no superare mai quella delle colonne del vostro blog.
b. usate immagini poco pesanti : in linea di massima cercate di non inserire immagini che abbiano più di 500kb (se vi aoccrgete che sono più pesanti potete sempre salvarle con una compressione maggioregrazie a programmi di grafica come Photoshop o Paint Shop Pro).

8. Non usare font particolari
Mi è stato chiesto parecchie volte se si possono usare dei font particolari per il proprio blog, font che non siano i soliti Verdana, Arial, Courier.
La risposta è “si”. Tutto si può fare. Ma la seconda risposta che solitamente do è “…ma è meglio non farlo”.
So che spesso si avrebbe voglia di dare quel tocco di originalità al proprio blog usando un font che non ha nessun altro sul proprio blog … ma se appunto non lo vedete in giro forse un motivo ci sarà!
Font come quelli descritti sopra, verdana, arial, georgia, courier e altri sono font standard che ognuno di noi ha nel proprio computer e che vengono quindi correttamente interpretati se vengono richiesti nel codice di un sito o blog.
Altri font non standard che possiamo liberamente scaricare da siti appositi possono essere molto accattivanti e molto belli da vedere nel proprio blog ma per essere visualizzati correttamente necessitano che ogni visitatore del blog abbia scaricato ed installato quel font.
Se ciò non accade non solo il visitatore non vedrà il font che è stato scelto (quindi addio alle nostre velleità artistiche!) ma al suo posto potrebbe vedere un altro font standard che, se non scelto con cura indicando nel CSS una famiglia di font standard alternativa, può compromettere seriamente tutta l’estetica del nostro blog.
Quindi attenetevi sempre all’uso di font standard che non richiedano all’utente lafatica di cercare, scaricare ed installare un font solo per voi (cosa che comunque assicurò il 99,9% non farà mai!).

9. Gif animate : non esageriamo
Questa spesso è una prerogativa dei blog femminili : riempirli di gif e tag animate, sbrilluccicanti, abbaglianti, che si muovono sempre e comunque!
E’ indubbio che alcune gif animate sono veramente belle ma come sempre è bene non esagerare.
Le gif animate, proprio in quanto tali, tendono a pesare sempre di più rispetto a normali immagini e ciò equivale ad aumentare di molto la pesantezza della pagina e quindi il suo caricamento.
Penso sia capitato a qualcuno di aprire un blog che contiene una decina di gif animate con riflessi ed effetti speciali e, oltre ad aspettare più a lungo per il completo caricamento della pagina, si incappa in quel fastidioso effetto di rallentamento nello scrolling della pagina… non è una cosa che invoglia molto a rivisitare quella pagina.
Senza contare che le gif animate tendono a distrarre l’occhio del visitatore dalla cosa più importante nel vostro blog : i post!
Quindi anche qua agite con moderazione e cercate di non trasformare il vostro blog in un baraccone semovente e pesante, ne trarrete solo giovamento!

10. Mettetevi nei panni dei vostri visitatori
Ultimo ma non meno importante consiglio è proprio questo : mettersi ognitanto nei panni di un vostro ipotetico visitatore.
Sappiamo bene che i blog sono prevalentemente personali e chi ne apre uno lo fa con il principale obiettivo di costruirsi un angolo a propria somiglianza e che piaccia soprattutto al padrone di casa.
Ma almeno per quanto riguarda la presentazione (non dico il contenuto) ricordiamoci che per fortuna non siamo tutti uguali e che ognuno ha delle esigenze e preferenze diverse.
Poichè come è stato già detto, il secondo obiettivo di un blog è quello di essere visitato, letto e possibilmente essere rivisitato ancora, operare sul proprio blog in modo tale da renderlo confortevole il più possibile a chi lo visita dovrebbe essere fra i nostri principali interessi.
Quindi quando apriamo un blog, cambiamo template, lo modifichiamo fermiamoci un minuto a guardarlo con occhi oggettivi e chiediamoci se è ben leggibile, correttamente visualizzato, non troppo pesante e nel complesso piacevole.
Perdere due minuti in più in questo modo non farà altro che migliorare il nostro blog e chi ne trarrà maggiore vantaggio sarete proprio voi