5 semplici modifiche ai caratteri per aumentare i lettori, i commenti e le condivisioni sul tuo blog

Questo guest post è di Bnonn di Information Highwayman.

Potresti non rendertene conto, ma le impostazioni dei caratteri sul tuo blog possono avere un enorme effetto sul numero di persone che leggono i tuoi contenuti.

E quante persone leggono i tuoi contenuti ha un enorme effetto sulla viralità di un post.

Quanto è enorme? Ebbene, secondo alcuni resoconti che ho letto, un solo errore comune con i colori potrebbe ridurre i lettori di un fattore cinque. E se non stai commettendo questo errore, probabilmente ne stai commettendo almeno uno degli altri quattro. Quindi, in questo articolo, ti fornirò le cinque migliori pratiche più importanti per presentare il testo per mantenere i lettori incollati ai tuoi contenuti e lontani dal vecchio pulsante Indietro.

Dimensione carattere: minimo 16 px

In cima alla lista dei problemi di leggibilità c’è la dimensione del carattere. Nel 2005, Jakob Nielsen riferì che in un sondaggio sui problemi di web design, i caratteri scadenti avevano ottenuto quasi il doppio dei voti rispetto al concorrente successivo, con due terzi degli elettori che si lamentavano delle dimensioni ridotte dei caratteri.

Purtroppo, da allora, nulla è cambiato. Un campione casuale di nuovi design di blog su SiteInspire (una galleria di web design che mostra il meglio dei migliori design) mostra che la dimensione media del carattere per il corpo del testo è di 12 pixel . Alcuni fino a dieci pixel . Nessuno oltre i 14 pixel . Allo stesso modo, se assaggi in modo casuale le offerte dei popolari Elegant Themes o ThemeForest, scoprirai che ogni singolo tema imposta il contenuto del post su 12 o 13 pixel.

E, naturalmente, altri creatori di temi tendono a seguire l'esempio dei pezzi grossi.

Ma come sottolinea l’esperto di usabilità e tipografia Oliver Reichenstein di Information Architects, 16 pixel è la dimensione del carattere che i browser dovevano visualizzare per impostazione predefinita, e non è grande. Il testo di 16 pixel su uno schermo medio ha all'incirca le stesse dimensioni del testo di 12 punti stampato. Questa è la dimensione predefinita per la maggior parte delle riviste, così come per tutti gli elaboratori di testi, perché è la dimensione che le persone trovano più comoda da leggere. Molte persone, soprattutto quelle sopra i 40 anni, trovano molto difficile leggere testi più piccoli. Come osserva Reichenstein:

Non c'è motivo di comprimere così tante informazioni sullo schermo. È solo uno stupido errore collettivo che risale a un'epoca in cui gli schermi erano davvero, davvero piccoli... All'inizio rimarrai scioccato da quanto è grande il testo predefinito. Ma dopo un giorno, non vorrai vedere nulla di inferiore al 100% della dimensione del carattere per il testo principale. All'inizio sembra grande, ma una volta utilizzato ti rendi subito conto del motivo per cui tutti i produttori di browser hanno scelto questa dimensione di testo predefinita.

Usa testo scuro su testo chiaro: il testo invertito non va bene

Fortunatamente abbiamo ormai superato i tempi in cui gli autori di contenuti pensavano che il fucsia su testo blu fosse bello. Ma il testo bianco su nero , noto come tipo invertito, è ancora piuttosto comune. Così come le varianti come il bianco su qualche altro colore scuro.

Il tipo invertito riduce non solo il numero di persone che si preoccuperanno di leggere il tuo contenuto, ma anche la loro comprensione dello stesso. Questo perché affatica gli occhi. Fissare il testo invertito per un periodo prolungato tende a creare una sorta di effetto "abbagliante", in cui hai la sensazione che le lettere siano troppo luminose per essere guardate. A seconda della ricerca consultata, gli studi dimostrano che il testo chiaro su quello scuro riduce il numero di lettori tra il 50% e il 400%.

Perché rischiare di perdere così tanti lettori? Il nero o il grigio molto scuro su bianco sembrano puliti e ci sono molti fantastici temi che utilizzano quei colori.

Larghezza della linea: da 45 a 75 caratteri

Ecco un'altra regola poco conosciuta che molti blog infrangono. Affinché il tuo occhio possa seguire facilmente una riga dopo l'altra, non vuoi più di 75 caratteri in ciascuna riga. Questa è chiamata la misura della linea. Oltre la misura di 75 caratteri, è difficile seguire la fine di una riga fino all'inizio della successiva senza perdersi.

D'altra parte, se hai una misura inferiore a 45 caratteri, i tuoi occhi si affaticheranno rapidamente, perché hai appena iniziato a leggere una riga quando devi passare a quella successiva. Ti senti come se non avessi mai la possibilità di riposarti.

Per questo motivo, l’area di contenuto del tuo post ideale avrà righe di testo lunghe circa 60 caratteri. Naturalmente bisogna tenere conto anche dell’estetica. Su molti blog, la misura “ideale” lascia un enorme vuoto sul margine destro, o fa sembrare il testo schiacciato in un’area minuscola. Utilizzo una misura di circa 70 caratteri sul mio sito web proprio per questo motivo. Ma se superi gli 80 caratteri, stai riducendo il numero dei lettori, garantito.

Altezza della linea: 130% o più

Fortunatamente questo è un errore meno comune. Se stai utilizzando un tema professionale, probabilmente non devi preoccuparti.

Per darvi un esempio, ho impostato questo paragrafo all'altezza di riga predefinita (detta anche interlinea, dal nome delle strisce di piombo utilizzate per separare le righe di testo nelle vecchie macchine da stampa). Sembra angusto e poco invitante da leggere, ed è difficile seguire le righe da una all'altra perché si confondono l'una con l'altra.

D'altra parte, questo paragrafo è impostato con un'altezza della riga del 200%, equivalente alla doppia spaziatura in un elaboratore di testi. Sono sicuro che sarai d'accordo sul fatto che le linee qui sembrano troppo disconnesse l'una dall'altra e, a meno che tu non stia inviando un documento di ricerca, questa non è la strada da percorrere.

Infine, questo paragrafo è impostato con un'altezza della linea del 150%. Ciò significa che per ogni pixel di dimensione del carattere c'è un pixel e mezzo di distanza tra le linee. Questo risulta essere un punto debole abbastanza affidabile per la maggior parte dei caratteri che probabilmente utilizzerai su un blog, ma sentiti libero di sperimentare tra circa il 130% e il 160% per vedere cosa funziona meglio per i tuoi contenuti.

Il margine sinistro: non romperlo

Quest'ultimo suggerimento non è esattamente un problema di carattere. Ma rientra nella stessa categoria generale. I blogger includono abitualmente immagini nei loro post. Se sia davvero una buona idea o meno sarà un argomento che parleremo in un'altra occasione, ma per ora lascia che ti dia solo un consiglio.

Il margine sinistro è sacro. È così che nel mondo occidentale tracciamo il testo lungo una pagina. È il “terreno” da cui crescono le linee (spesso con lunghezze molto diverse), ed è il fondamento del nostro percorso oculare mentre leggiamo la pagina.

Ma se rompi il margine sinistro, tutto va al diavolo. Il tuo occhio deve esplorare intorno per cercare di cogliere il nuovo margine, così puoi continuare a leggere.

In altre parole, ogni volta che allinei un'immagine a sinistra, metti un rallentamento sul percorso del lettore. E stai aggravando il problema distogliendo la sua attenzione dal testo con la tua immagine visivamente dominante. Inutile dire che i lettori che continuano a essere distratti e a dover riposizionare il margine sinistro spesso non leggono fino alla fine di un post, quindi spesso non lo condividono o non lo commentano.

Suggerimento bonus: i capolettera aumentano i lettori

Per “capolettera” intendo il maiuscolo iniziale, dove la prima lettera della prima parola del tuo post risalta molto più del resto. Secondo una ricerca condotta da Ogilvy & Mather, ciò aumenta i lettori di un pezzo in media del 13%.

I capilettera non sono integrati nella maggior parte dei temi dei blog e possono essere complicati da realizzare sul Web, ma se sei esperto di programmazione, dai un'occhiata a questo tutorial su come crearli.

Cinque errori: quali stai commettendo?

Ora è il momento di tornare al tuo blog e vedere quale di queste cinque importanti best practice non stai mettendo in pratica. Allora, aggiusta! Ma non dimenticare di condividere le modifiche apportate nei commenti qui sotto!

Bnonn è conosciuto nei distretti come Information Highwayman, aiuta le piccole imprese a vendere di più online migliorando sia il testo che il design. Quando non è immerso fino alle ginocchia nella home page di qualcuno, insegna ai suoi figli lo steampunk, Nathan Fillion e come afferrare uno zombie senza essere morso.