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 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 design 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 il più importante 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 consolarti in questa cosa: potresti non sapere ancora cosa vuoi, ma lo saprai sicuramente quando lo otterrai. Rispondere a queste tre domande può aiutarti a tracciare il tuo percorso di progettazione:

• Qual è la tua ispirazione? Cerca 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 nel tuo blog. Crea una bacheca di ispirazione Pinterest che ti permetterà di raccogliere i tuoi elementi di ispirazione sotto lo stesso tetto.
• Cosa ti differenzia? Il tuo blog dovrebbe riflettere chi sei. Sfrutta gli aspetti che vuoi portare che ti differenzieranno dal resto.
• 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 è il punto in cui 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 (parlando di qualcosa di specifico) potrebbero avere un momento più facile con questo, ma tutti possono trovare qualcosa - una cosa - di cui tratta il loro blog. Se hai un blog personale, allora il blog parla di te e puoi condividere qualcosa di te in modo creativo.

Rendi la tua intestazione alta tra 150 e 250 pixel in modo da poter massimizzare la tua proprietà 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 WordPress premium hanno già porzioni di widget di intestazione disposte. Su Blogger, potresti dover 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 di più... tu. In caso contrario, sono sicuro che hai un amico che puoi corrompere. Ottenere l'intestazione giusta renderà ogni altro aspetto molto più facile da posizionare e progettare.

2. Carattere e tipografia

I caratteri possono aiutare a dare un tono al tuo sito Web e ai post del tuo blog e puoi ottenere gratuitamente molti caratteri utilizzati di rado. Che tu stia cercando chic, divertimento, stravagante, serio, contemporaneo, Goth e altro, ci sono tonnellate di scelte online che puoi usare. Prima di scegliere un carattere particolare, pensa a quanto segue:

• Dovrebbe essere facilmente letto 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 facile per gli occhi. Avere un carattere principale frivolo e divertente rende difficile la lettura e stanca il cervello. Puoi utilizzare font divertenti su barre laterali, firme, intestazioni e titoli dei post.
• Per favore, per favore, per favore, non usare Papyrus o Comic Sans, ti preghiamo.
• Non dovrebbe essere né troppo piccolo né troppo eccentrico; 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 usare 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 alcuni tipi di carattere, il che significa che alcune delle tue informazioni non verranno visualizzate se li utilizzi. Google ha tonnellate di font gratuiti, facili da usare e pronti per il web. Puoi anche controllare dafont o il sito di Kevin e Amanda per ulteriori caratteri per piselli (basati sulla scrittura a mano) e caratteri per album (caratteri convenzionali).

3. Il piè di pagina

Il tuo piè di pagina dovrebbe contenere qualcosa di più della semplice dichiarazione sul copyright; È 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 dopo.

Se un lettore è arrivato in fondo alla tua pagina web, probabilmente è molto colpito da te e potrebbe essere interessato a controllare le 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 / mettere 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 tornare alla navigazione.

Puoi anche includere tre o quattro dei tuoi post più popolari nel footer per far interagire i lettori con alcuni dei tuoi migliori lavori. Usa il footer per evidenziare cos'altro è interessante/fantastico del tuo sito.

4. Icone dei social media

Dovresti rendere facile per i lettori trovarti e connettersi con te in altri luoghi su Internet, il che è fantastico in quanto creerà un pubblico per te anche al di fuori del tuo blog. I social network sono fondamentali per il successo del tuo blog, motivo per cui l'aggiunta di icone social è importante. Per iniziare a posizionare le tue icone, puoi procedere come segue:

• Icone di ricerca: inizia la mia ricerca di icone social su Google, che potrebbero indirizzarti qui. Se sei più propenso 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 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:

[xhtml]
<a href=”http://www.linkgoeshere.com” target=”_blank”><img src=”http://www.imageurlhere.com”></a>
[/xhtml]

Questa semplice riga di codice inserisce qualsiasi immagine nel 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 è solitamente 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 feedburner:

• Vai su feedburner.google.com e imposta il tuo feed inserendo il tuo indirizzo feed o blog nella casella.
• Una volta verificato l'URL, verrà visualizzata la pagina successiva e dovrai assicurarti l'indirizzo del feed e il nome del blog (molto importante!). se in futuro cambi l'indirizzo del feed, DEVI avvisare i lettori, poiché non verranno aggiornati automaticamente.

Questo è tutto! Ora hai un feed. In Blogger, puoi andare su Dashboard >> Impostazioni >> Feed del sito e vedrai una casella con il titolo "URL di reindirizzamento post feed" in cui devi inserire l'indirizzo del feed di feedburner. In WordPress, potrebbe essere necessario scaricare il plug-in Feedburner Feedsmith, che puoi trovare qui. Questo è il plugin più consigliato per questa attività, poiché 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 passi da compiere. 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 programmazione e nella progettazione, puoi lavorare lentamente per personalizzare ulteriormente i 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 fatica. Potrebbe essere necessario sfogliare decine di tutorial prima di farlo nel modo giusto. Ma una volta fatto, la ricompensa di un blog unico varrà la pena.

Ti auguro il meglio!