Blog Design 101: la tua guida completa alla progettazione di elementi del blog che daranno risultati
Se stai cercando di progettare il layout del tuo blog da zero, il tuo obiettivo finale è creare un design che si adatti al meglio alle esigenze e ai requisiti dei tuoi lettori.
Ciò che potrebbe funzionare per un blog potrebbe essere completamente inutile per un altro, quindi non essere troppo entusiasta di copiare lo stile di progettazione di qualcun altro. Invece, concentrati sui principi e sulle linee guida di base e lascia che ti aiutino a sviluppare un design che ti rappresenti in modo univoco.
Progettare un blog significa riunire vari elementi e parti per creare un sito Web che trasmetta efficacemente il tuo messaggio ai tuoi lettori. Di seguito, analizziamo i più importanti di questi elementi e come puoi includerli nel tuo design.
Iniziare
Molte persone che stanno aprendo un blog non hanno idea di dove vogliono portarlo, il che è un grosso problema quando si cerca di determinare quale direzione prendere. Tuttavia, puoi trovare conforto in questa cosa: potresti non sapere ancora cosa vuoi, ma lo saprai sicuramente quando lo avrai. Rispondere a queste tre domande può aiutarti a delineare il tuo percorso di progettazione:
- Qual è la tua ispirazione? Guardati intorno per trovare ispirazione su design, scelte di colore e stampe. Puoi trovarli ovunque, ma Pinterest potrebbe essere un ottimo punto di partenza.
- Quali sono i tuoi blog preferiti? Trova cinque blog di cui sei pazzo e determina cosa ti piace esattamente di loro, e se puoi estrapolare l’idea al tuo blog. Crea una bacheca di ispirazione Pinterest che ti permetterà di raccogliere i tuoi elementi ispiratori sotto lo stesso tetto.
- Cosa ti differenzia? Il tuo blog dovrebbe essere un riflesso di chi sei. Sfrutta gli aspetti che vuoi portare che ti differenzieranno dagli altri.
- Che colori ti piacciono? Quando scegli la tua combinazione di colori, pensa non solo ai colori che ti rendono felice, ma anche al significato della tua scelta per il tipo di blog che stai gestendo. Dal momento che speri di attirare altre persone sul tuo blog, non puoi concentrarti solo su ciò che desideri.
1 L’intestazione
L’intestazione è dove fai la prima impressione sui tuoi spettatori e imposta il tono della loro interazione con il tuo blog. Avere intestazioni serie per blog seri e intestazioni divertenti e creative per blog divertenti. Scegli consapevolmente le tue parole e poi usale in modo conciso.
I blogger di nicchia (che parlano di qualcosa di specifico) potrebbero avere un momento più facile con questo, ma tutti possono trovare qualcosa – una cosa – di cui parla il loro blog. Se dici di avere un blog personale, allora il blog parla di te e puoi condividere qualcosa su di te in modo creativo.
Rendi la tua intestazione alta tra 150 e 250 pixel in modo da poter massimizzare il tuo spazio above the fold (lo spazio su una pagina web prima di scorrere). Se devi avere un’intestazione superiore a 250 pixel, considera quanto segue:
- Aggiungi elementi funzionali: integra alcuni elementi funzionali come la navigazione, le icone dei social media e le icone dei feed RRS nell’intestazione per massimizzare lo spazio. Molti temi premium di WordPress hanno già parti di widget di intestazione disposte. Su Blogger, potrebbe essere necessario codificare una casella del widget di intestazione.
- Lavora sulla grafica: dalle illustrazioni alle fotografie, investi in una grafica di grande qualità; preferiresti avere una grafica eccezionale o niente del tutto – è così serio. Puoi trovare molte immagini e illustrazioni sul web. Se conosci Photoshop, ancora meglio, puoi modificare le tue immagini per renderle più… te. Altrimenti, sono sicuro che hai un amico che puoi corrompere. Ottenere l’intestazione corretta renderà ogni altro aspetto molto più facile da posizionare e progettare.
2 Carattere e tipografia
I caratteri possono aiutarti a dare un tono al tuo sito Web e ai post del tuo blog e puoi ottenere gratuitamente molti caratteri usati di rado. Che tu stia cercando chic, divertente, stravagante, serio, contemporaneo, gotico e altro ancora, ci sono tantissime scelte online che puoi usare. Prima di scegliere un carattere particolare, pensa a quanto segue:
- Dovrebbe essere facilmente leggibile e le lettere dovrebbero funzionare bene con altri elementi.
- Se si combinano i caratteri, dovrebbero completarsi a vicenda (utilizzare un massimo di tre caratteri).
- Mantieni semplice il carattere del testo principale. Dovrebbe essere pulito e piacevole per gli occhi. Avere un carattere principale frivolo e divertente rende difficile la lettura e affatica il cervello. Puoi utilizzare caratteri divertenti su barre laterali, firme, intestazioni e titoli di post.
- Per favore, per favore, per favore non usare Papyrus o Comic Sans, ti preghiamo.
- Non dovrebbe essere né troppo piccolo né troppo funky; i tuoi lettori non ne soffriranno.
Quando scegli i caratteri per il corpo del tuo sito, considera se verrà visualizzato o meno su tutti i computer allo stesso modo. Alcuni font non sono inclusi in altri computer, come Century Gothic, che è un ottimo font di lettura non incluso nei computer Mac. Assicurati di includere un font di backup che sia altrettanto valido nel caso in cui la macchina utilizzata per accedere al tuo blog non abbia il tuo font specifico.
Dovresti anche utilizzare caratteri pronti per il Web che staranno bene su tutti i dispositivi e mostreranno tutta la tua punteggiatura. Alcuni caratteri speciali non esistono nei registri di determinati font, il che significa che alcune delle tue informazioni non verranno visualizzate se le utilizzi. Google ha tantissimi font gratuiti, facili da usare e pronti per il web. Puoi anche dare un’occhiata a dafont o al sito di Kevin e Amanda per ulteriori font per piselli (basati sulla scrittura a mano) e per scrapbook (caratteri convenzionali).
3 Il piè di pagina
Il tuo piè di pagina dovrebbe avere più della semplice dichiarazione di copyright; t è infatti il secondo elemento di design più importante delle tue pagine web. Ora che hai portato il tuo lettore fino in fondo (ben fatto!), dovresti avere un percorso chiaro per indirizzarlo successivamente.
Se un lettore è arrivato in fondo alla tua pagina web, probabilmente è rimasto molto colpito da te e potrebbe essere interessato a dare un’occhiata alle tue altre categorie. Dopo aver esaminato la tua pagina, ora potrebbero essere disposti a iscriversi al feed del tuo sito o alla mailing list o a seguirti/mi piace sui social media. Offri loro tutte le funzionalità di cui hanno bisogno per connettersi con te al di fuori del tuo sito, oltre a un modo per raggiungere ogni altra parte del tuo sito senza dover scorrere indietro fino alla navigazione.
Puoi anche includere tre o quattro dei tuoi post più popolari nel piè di pagina per far interagire i lettori con alcuni dei tuoi lavori migliori. Usa il piè di pagina per evidenziare cos’altro è interessante/fantastico del tuo sito.
Dovresti rendere facile per i lettori trovarti e connettersi con te in altri posti su Internet, il che è fantastico in quanto creerà un pubblico per te anche al di fuori del tuo blog. Il social networking è fondamentale per il successo del tuo blog, motivo per cui l’aggiunta di icone social è importante. Per iniziare a posizionare le icone, puoi procedere come segue:
- Icone di ricerca: inizia la mia ricerca di icone social su Google, che potrebbe indirizzarti qui. Se sei più incline alla creatività, puoi creare le tue icone usando Photoshop. La dimensione ideale è di 60 px tutt’intorno.
- Icona di caricamento: puoi farlo direttamente sul blog o utilizzare flikr, photobucket e altri siti di foto, quindi includere un collegamento all’immagine nel tuo codice.
- Aggiungi il tuo codice HTML: in Blogger, la seguente riga di codice dovrebbe essere aggiunta nell’area del widget HTML, mentre in WordPress va nell’area del widget di testo:
<a href="http://www.linkgoeshere.com" target="_blank"><img src="http://www.imageurlhere.com"></a>Questa semplice riga di codice inserisce qualsiasi immagine sul tuo blog.
5 Feed del blog
Il feed RSS è un modo popolare per i blogger di seguire facilmente altri blog. La maggior parte dei blog è generalmente impostata per fornire un feed automatico, ma questo non include opzioni automatiche per seguire statistiche importanti, che possono essere molto utili per un blogger in arrivo.
Per configurare il tuo feedburner:
- Vai su feedburner.google.com e configura il tuo feed inserendo l’indirizzo o il blog del tuo feed nella casella.
- Una volta verificato l’URL, verrà visualizzata la pagina successiva e dovrai garantire l’indirizzo del feed e il nome del blog (molto importante!). se cambi l’indirizzo del feed in futuro, DEVI avvisare i lettori, in quanto non verranno aggiornati automaticamente.
Questo è tutto! Ora hai un feed. In Blogger, puoi andare su Dashboard >> Impostazioni >> Feed sito e vedrai una casella con il titolo "URL di reindirizzamento post feed" in cui devi inserire l’indirizzo del tuo feed feedburner. In WordPress, potrebbe essere necessario scaricare il plug-in Feedburner Feedsmith, che puoi trovare qui. Questo è il plug-in più consigliato per questa attività, in quanto rimane coerente anche con gli aggiornamenti di WordPress.
Conclusione
Progettare un blog non è un’impresa da poco, soprattutto se non hai alcuna esperienza di progettazione. Ci sono molti aspetti importanti da considerare, così come i passaggi da intraprendere. Come principiante, potresti non essere in grado di progettare un intero sito da zero, anche se hai tutti i tutorial. Invece, trova un buon tema che puoi personalizzare e inizia da lì. Ci sono migliaia e migliaia di temi gratuiti e premium che puoi ottenere sia su WordPress che su Blogger. Man mano che diventi più abile nella codifica e nel design, puoi lavorare lentamente su un’ulteriore personalizzazione di diversi elementi del tuo blog in modo che non assomigli a quello di qualcun altro.
La cosa più importante da ricordare è che ci vorrà molto tempo e impegno. Potrebbe essere necessario sfogliare decine di tutorial prima di farlo bene. Ma una volta fatto, la ricompensa di un blog unico varrà lo sforzo.
Ti auguro il meglio!