Progetto per realizzare il tuo blog: schema di base
_____________________________________________________________________________________________
___________________________________________________________________________________________________________________________ Vers: 2.1 – apr2014
1
Progetto per realizzare il tuo blog: schema di base
_____________________________________________________________________________________________
Premessa: Hai voglia di scrivere, di esporti, di metterti in gioco. Sei preparato su un paio di argomenti e vorresti condividere la tua passione e le tue esperienze. Sai che hai bisogno di un blog ma: “cosa mi serve?”. Con questa mini guida affronterò tutti i punti (o quasi) da tenere in considerazione per progettare il tuo diario digitale. Grazie a questo mio schema personale che sto condividendo con te, realizzare un blog sarà più facile. La prima domanda da porsi è: Perchè aprire un blog? Forse per: - confrontarsi e imparare di più su un determinato argomento - passione - come archivio personale - per creare una community con i tuoi stessi interessi - aiutare chi ha difficoltà - per acquisire visibilità - per aumentare i propri guadagni (attraverso la vendita di libri, ebook, corsi, consulenza, vendita di post e link, PPC come google adsense, pubblicazione di banner advertising, altro) - puro divertimento - curiosità - ecc
Prima di presentarti la mini guida voglio precisare alcune cose. Aprire e curare un blog non è semplice ma basta impegnarsi e richiede costanza, sacrificio e tanta passione! I risultati non saranno immediati. E’ come crescere una piantina: devi piantare il seme, annaffiarlo tutti i giorni, raddrizzarla quando si piegherà, averne sempre cura fino a quando un giorno i tuoi sacrifici la renderanno una splendida pianta. Attenzione però, non voglio spaventarti! Voglio essere trasparente, chiaro, realista. Devi sapere cosa ti aspetta insomma, ma non temere, sarò comunque a tua disposizione per aiutarti
___________________________________________________________________________________________________________________________ Vers: 2.1 – apr2014
2
Progetto per realizzare il tuo blog: schema di base
_____________________________________________________________________________________________
Contatti: http://www.fusionlab09.com - http://www.michelangelogiannino.com/blog
giannino.michelangelo[at]gmail.com
http://www.facebook.com/giannino.michelangelo
https://plus.google.com/+MichelangeloGiannino
http://twitter.com/socialweb83
http://it.linkedin.com/in/michelangelogiannino
michelangelogiannino
http://instagram.com/michelangelogiannino
http://pinterest.com/michelangelog/
http://michelangelogiannino.tumblr.com/
Dopo questa premessa, iniziamo subito.
Cosa troverai in questo e.book?
Scarica l'ebook gratuitamente: http://www.fusionlab09.com/download-ebook-progettareun-blog-schema-di-base/
___________________________________________________________________________________________________________________________ Vers: 2.1 – apr2014
3
Progetto per realizzare il tuo blog: schema di base
_____________________________________________________________________________________________
Indice: 1) Cosa trattare 2) Fonti 3) Identità 4) Nome del blog e slogan 5) Scelta Hosting 6) Creazione pagine 7) Grafica 8) Menu di Navigazione 9) Scelta Categorie 10) Funzionalità Blog (generali) 11) Piano editoriale 12) Fan page Social 13) Strumenti di analisi e manutenzione 14) SEO 15) Strumenti di lavoro 16) Valuta per il futuro 17) Link Utili 18) Licenza 19) Ringraziamenti 20) Chi Sono
Partiamo subito ma prima voglio che ti rilassi, ti concentri e perchè no, procurati qualcosa da sgranocchiare
___________________________________________________________________________________________________________________________ Vers: 2.1 – apr2014
4
Progetto per realizzare il tuo blog: schema di base
_____________________________________________________________________________________________
1) Cosa trattare: Quali, ma soprattutto quanti argomenti bisogna trattare? Affronta quelli su cui sei molto ferrato, nutri una profonda passione, e ti aggiorni continuamente magari per lavoro. Se sono argomenti molto popolari hai un vantaggio in più ma cerca di presentarli in modo diverso dalla massa. Per il numero dipende. Due, massimo tre argomenti. Dalla serie: meglio pochi ma buoni (anzi, argomentati).
2) Fonti: Hai scelto quindi gli argomenti da trattare. Cerca in rete gli esperti in materia e seguili per confrontarti, per ricavare spunti. Registrati alle newsletter, abbonati ai feed, usa twitter (hashtag/search), google.it, google alerts ecc
3) Identita’: dai uno stile al tuo blog Io che sono un grande appassionato della saga di Star Wars, apprezzo particolamente il lavoro del carissimo amico Benedetto Motisi di seojedi.it Associare la *SEO, con i vari elementi del film, attira di più la mia attenzione quando condivide i post del blog, organizza eventi, ecc. In questo modo instaura con me una connessione più forte, generando un senso di fiducia sia umana che professionale.
4) Nome del blog e slogan Ecco il primo vero ostacolo: il nome del Blog e uno slogan che riassuma il tuo modo di essere e gli argomenti affrontati. Ottimizzalo sia lato web e lato umano. - Il nome del dominio deve essere corto, non più di 12 caratteri e preferibilmente senza trattini ma soprattutto troppo complicato da ricordare (non usare nomi tecnici e contorti). - Evita di duplicare o di unire la lettera finale e iniziale di due parole vicine generando confusione. Es: eccomiinsomma.it o eccominsomma.it ___________________________________________________________________________________________________________________________ Vers: 2.1 – apr2014
5
Progetto per realizzare il tuo blog: schema di base
_____________________________________________________________________________________________ *SEO: Search Engine Optimization. Ottimizzare il sito per i motori di ricerca
- Ottimizzato per la SEO: essere troppo specifico ha i suoi lati positivi e negativi. Scegli una nicchia che comunque abbia la sua rilevanza. Insomma sii differente ma non l'unico! - Deve rispecchiare i contenuti del sito: è un fattore molto positivo sia per google che per un utente che vedrà il link condiviso in rete. CONSIGLIO: Prendi un foglio bianco e scrivi al centro i 2-3 argomenti che affronterai. Procurati un libro dei sinonimi, concentrati, e inizia a scrivere tutte le parole collegate agli argomenti scelti. Sei a corto di parole? Fermati, fai una pausa e torna più tardi. Rileggi il tutto e inizia ad eliminare quelle meno importanti non appena avrai finito di aggiungere i nuovi termini. Finalmente hai trovato il nome inerente allo stile del blog. Ora, non ti resta che verificare se sul web è già presente un blog con il nome da te scelto. Hai 3 possibilità: digitarlo direttamente nella barra degli indirizzi del tuo browser, cercarlo su google, o collegarti a un fornitore di hosting e verifica se il dominio è disponibile. Se deciderai di aprire un blog di terzo livello tipo blogspot, wordpress.org, tumblr, myblog ecc, puoi anche evitare di leggere il prossimo punto.
5) Scelta fornitore hosting Di cosa hai bisogno? Indipendentemente se tu voglia usare il *CMS wordpress (consigliato), joomla!, drupal ecc, il dominio deve possedere le seguenti specifiche tecniche: - Hosting linux (php 5) con spazio illimitato - Database Mysql di almeno 100MB - Backup automatico dell’hosting (settimanale/mensile) e Database - Casella di posta + antispam (anche se preferisco gmail) - Accesso cartelle/file dominio sia via ftp (con il software free FILEZILLA) che via browser - Gestione Database via phpmyadmin - Banda illimitata - Tool per richiedere al blocco/sblocco dei domini presso le Authority (per quelli con estensione diversa da .it e .eu). E’ necessario se vorrai migrare il tuo blog verso un altro hosting concorrente.
___________________________________________________________________________________________________________________________ Vers: 2.1 – apr2014
6
Progetto per realizzare il tuo blog: schema di base
_____________________________________________________________________________________________ *CMS: Content management system. Sistema di gestione di contenuti. Un sito base già creato che consente la pubblicazione di contenuti senza conoscenze di programmazione. Dotato di diverse funzioni e di un editor di scrittura tipo Word.
Note: 1) Valuta il redirect da .eu, .com, .net 2) Se attiverai un dominio .it sappi che i tuoi dati personali saranno visibili su WhoIS. Chiedi al tuo hosting di oscurarli. Il dominio è acquistato e finalmente carichi il CMS. Imposta il blog in: - Stato di manutenzione, così il pubblico non vedrà la nascita “tecnica” del tuo diario digitale. - Invisibile agli spider in modo che i motori di ricerca staranno alla larga. Hai due possibilità: blocchi i robots via pannello del cms o creando il file robots.txt (da caricare nella root del dominio con un software ftp tipo filezilla) con il seguente codice:
User-Agent: * Disallow: /
Nota: Quando deciderai di lanciare il blog, ricordati di disattivare i robots via pannello o rinomina il file robots.txt eliminando per esempio l’estensione .txt (potrebbe servirti in futuro).
6) Creazione pagine standard - Chi sono: racconta qualcosa di te. Come mai è nato il blog, di cosa parlerai, passioni ecc. Sii naturale, spontaneo, umile, semplice. Aggiungi anche una tua foto reale. Non ti azzardare a usare quella della prima comunione - Contattami: non pubblicare il tuo indirizzo email in forma testuale se non desideri ricevere fiumi di spam. Installa un form contatti con sistema *captcha. - Sitemap: utile per la SEO ma anche quello di raccogliere tutti i link dei post del blog in una sola pagina. - Privacy: inserisci le diciture di “Finalità e modalità del trattamento dei dati, Natura della raccolta dei dati e conseguenza di un eventuale mancato conferimento, Comunicazione e diffusione dei dati, Diritti dell’interessato, Titolare del trattamento, Responsabile del trattamento, Rappresentante del titolare nel territorio di Stato”. Pagine extra: - Dicono di me: citazioni su altri blog, giornali locali, partecipazione meeting ecc - Contest: crea anche un archivio sui contest realizzati in passato. ___________________________________________________________________________________________________________________________ Vers: 2.1 – apr2014
7
Progetto per realizzare il tuo blog: schema di base
_____________________________________________________________________________________________
- Trucchi e consigli: incuriosiscono sempre. *Captcha: sistema di controllo per verificare se l’utente è umano.
-
“Inviami la tua ricetta” (se per esempio tratti il mondo della cucina). FAQ: domande più frequenti degli utenti Galleria Video (linka i video dal tuo account youtube) Galleria foto (sfrutta il social Pinterest)
7) Grafica A) Template (compatibile per qualsiasi browser, risoluzione e in versione mobile detto “responsive”): - Colori: 2-3 massimo 4. Evita colori accesi! - Font: leggibile, pulito, chiaro. Scegli tra quelli standard tipo arial, tahoma, times new roman. Alcuni template ti permettono di usare google web fonts. Di solito non li consiglio perchè rallentano il caricamento delle pagine. Per il colore sono per il testo nero su sfondo bianco. - Sfondo pagine: di colore uniforme o una texture ripetuta di pochi KB. Evita immagini di grosse dimensioni, influisce sul caricamento del sito e con alte risoluzioni tenderà a non ricoprire la dimensione dell’intero schermo. - Icone: tutte dello stesso stile e dimensioni. - Diciture Creative Commons (diritti d'autore) da posizionare sul footer del template o post. B) Logo: - In vettoriale - Pulito - Appropriato - Facile da ricordare - Semplice Nota: Il logo ti rappresenterà sia online (sui social, forum, blog ospiti) che offline (biglietti da visita, t-shirt, brochure, gadget, copertine ecc). Sceglilo e progettalo con molta cura! C) Favicon: icona di dimensioni 16X16px associata ad ogni pagina web, visibile dal tab del tuo browser vicino alla barra degli indirizzi (vedi foto). Perchè utilizzarla? Per rafforzare l’identità del tuo blog e sarà visibile vicino al titolo del post quando verrà condiviso sui social e tra i segnalibri del browser dell’utente.
___________________________________________________________________________________________________________________________ Vers: 2.1 – apr2014
8
Progetto per realizzare il tuo blog: schema di base
_____________________________________________________________________________________________
Come si crea? Carica l’icona su http://tools.dynamicdrive.com/favicon/ e converti l’immagine nel formato ico. Carica il file nella root del tuo sito e aggiungi nell’header del tuo template la seguente riga di codice:
<link rel="icon" href="http://www.URL-DEL-MIO-SITO/favicon.ico" />
sostituisci URL-DEL-MIO-SITO con l’url del tuo sito. Se non verrà visualizzata al primo refresh (F5 della tastiera) della pagina, ti consiglio di cancellare la cache del tuo browser. D) Struttura post: - Breadscrumb (o briciole di pane ti indica il percorso usato per raggiungere il post Es: Home-> categoria -> titolo post.) - Titolo - Data - Autore - Categorie - Foto post: emozionante, che riassuma il senso del post, di qualità. Sceglila con cura! - Articolo: di qualità, originale, dettagliato. - NOTA: se tratti trucchi o codici, ti consiglio di aggiungere la frase: “NON MI ASSUMO NESSUNA RESPONSABILITA’ per eventuali danni! Fai prima un backup.” - Bottoni Social per condivisione sui social network. - Post in versione stampabile e “invialo ad un amico” - Author post: foto + bio + contatore articoli scritti + link contatti. In questo modo l’articolo avrà maggiore identità. - Tag - Sistema commenti (via account social). E) Contenuti in sidebar - About Me: bio + foto ma valuta se posizionarlo: solo nella sidebar, solo sul footer del post oppure entrambe le posizioni. - Form “cerca”. Di solito è posto in alto a destra della pagina - Categorie - Articoli/commenti recenti - Badge Social (“Seguimi su”) - “Iscriviti alla newsletter” - Sondaggio Extra: - Ebook da scaricare (in cambio dell’indirizzo email o con sistema “pay with share”) - Video incorporato di youtube - Banner sponsor - ecc ___________________________________________________________________________________________________________________________ Vers: 2.1 – apr2014
9
Progetto per realizzare il tuo blog: schema di base
_____________________________________________________________________________________________
8) Menu di Navigazione Personalmente odio i menu con una sotto, della sotto, della sotto categoria. Non dimenticarti di impostare di default la voce HOME PAGE. Io preferisco un doppio menu: - Primario (pagine tipo: home, chi sono, privacy, contattami), vicino al form “cerca” - Logo blog con slogan - Secondario (categorie più importanti)
9) Scelta Categorie Non confondere le categorie con i tag. Usa questi ultimi con parsimonia, in quanto su Wordpress (per esempio) rischi di creare pagine duplicate.
10) Funzionalita’ Blog (generali) -
Tag cload Feed Rss Bottoni social Post Correlati Sondaggio Form contatti + captcha Commentare attraverso account social Sitemap Post più letti Sistema Lightbox per video e foto Galleria (o sfrutta i social tipo Pinterest) Post author (foto, email e bio) Articolo in versione pdf, stampabile o da inviare a un amico Badge social nella sidebar Archivio ecc
11) Piano editoriale “Quali problematiche affronto?”. Tranquillo! Prendi ispirazione dalle conversazioni con i tuoi amici, su altri blog, yahoo answers, forum ecc. Anche una semplice parola può farti accendere la lampadina, si, come questa Quando hai in mente il titolo di un post scrivilo subito da qualche parte: sullo smarthphone, ___________________________________________________________________________________________________________________________ Vers: 2.1 – apr2014
10
Progetto per realizzare il tuo blog: schema di base
_____________________________________________________________________________________________
post-it, foglio rovinato ecc. Se perdi l’ispirazione, potresti perdere la nascita dell’articolo. Probabilmente ti capiterà di svegliarti nel cuore della notte. Non fare lo sfaticato e appunta Dopo aver raccolto un pò di spunti stila un programma settimanale. Poniti l’obiettivo di scrivere minimo 3 post. Tanti? Devi essere presente e costante sul web! Se è il caso, imposta la pubblicazione automatica del post.
12) Fan Page Social Crea le varie pagine social e usa i tuoi account per poter divulgare i contenuti del tuo blog. Ti raccomando, non pubblicare solo e soltanto i tuoi post. Crea conversazioni, risolvi i problemi degli altri, segnala tutto quello che potrebbe essere utile ai tuoi amici! Nota: facebook ti permette di rendere visibile la fan page SOLO agli amministratori. In questo modo puoi personalizzarla con tanta tranquillità!
13) Strumenti di Analisi e Controllo Analizza l’andamento del tuo blog con google analitycs, web master tools, plugin di monitoraggio. L’analisi è fondamentale per monitorare l'andamento di un blog, così da poter migliorare e risolvere problemi tecnici. Scopri quali articoli sono stati i più interessanti, eventuali pagine non raggiungibili (errore 404), le parole chiave più usate per arrivare al tuo blog ecc.
14) SEO Title con keywords appropriate, description approfondita su cosa tratta il tuo blog, keywords (non abusarne), personalizzare permalink (es: www.blogmio.it/titolo-articolo/). CONSIGLI: - Usa il Tag Alt e Title per descrivere le immagini (max 2-3 parole) - Racchiudi il titolo del post nel tag <H1></H1> - Impostare in grassetto le keywords più importanti (non esagerare. Max 2-3).
___________________________________________________________________________________________________________________________ Vers: 2.1 – apr2014
11
Progetto per realizzare il tuo blog: schema di base
_____________________________________________________________________________________________
- Keywords linkabili che indirizzano alla categoria del blog. Es: “amo i dolci”. “Dolci” deve essere linkabile e deve caricare la categoria del blog chiamato appunto DOLCI. - Carica immagini non troppo pesanti (non superare i 200kb circa) e usa il “-” per eliminare gli spazi quando attribuisci il nome al file. Es: torta-mele-nonna.jpg
15) Strumenti -
Editor: Bloc notes, Notepad++ Editor visuale: Dreamweaver Fotoritocco: Photoshop, Gimp, o Fireworks Gestione dominio via *ftp: Filezilla Win Rar o 7zip (compressore/decompressore file)
16) Valuta per il futuro -
Contest (consulta un avvocato. Meglio essere in regola!) Guestpost (post scritti da altri blogger) Eventi offline Ebook (per acquisire visibilità o rafforzarla oppure aumentare i tuoi guadagni).
Scrivi una decina di post prima di pubblicizzarlo. Disattiva il “maintenance mode” e infine apri le porte a google e segnalalo su http://www.google.it/add_url.html
17) Link Utili A) LISTA CMS 1) Wordpress: - http://it.wordpress.com/ (senza hosting) - http://www.wpitaly.it/wordpress-in-italiano/
2) Joomla!: - http://www.joomla.it/
___________________________________________________________________________________________________________________________ Vers: 2.1 – apr2014
12
Progetto per realizzare il tuo blog: schema di base
_____________________________________________________________________________________________
3) Drupal: - http://www.drupal.it/
B) LISTA HOSTING 1) http://www.aruba.it 2) http://www.hostingprofessionale.net 3) http://www.netsons.com C) LISTA SOFTWARE 1) Notepad++: http://notepad-plus-plus.org (free) 2) Dreamweaver: http://www.adobe.com/cfusion/tdrc/index.cfm?product=dreamweaver&loc=it (a pagamento) 3) Photoshop: http://www.adobe.com/cfusion/tdrc/index.cfm?product=photoshop&loc=it (a pagamento) 4) Gimp: http://gimp.linux.it/www/ (free) 5) Fireworks: http://www.adobe.com/cfusion/tdrc/index.cfm?product=fireworks&loc=it (a pagamento) 6) Filezilla: http://filezilla-project.org (free) 7) Win Rar: http://www.winrar.it (a pagamento) 8) 7zip: http://www.7-zip.org/download.html (free)
___________________________________________________________________________________________________________________________ Vers: 2.1 â&#x20AC;&#x201C; apr2014
13
Progetto per realizzare il tuo blog: schema di base
_____________________________________________________________________________________________
18) Licenza Ebook Questo ebook è opera di Michelangelo Giannino e viene rilasciato con licenza Creative Commons di tipo Attribuzione - Non commerciale - Non opere derivate 3.0
http://creativecommons.org/licenses/by-nc-nd/3.0/deed.it
___________________________________________________________________________________________________________________________ Vers: 2.1 â&#x20AC;&#x201C; apr2014
14
Progetto per realizzare il tuo blog: schema di base
_____________________________________________________________________________________________
19) Ringraziamenti e Conclusione Se hai letto fin qui spero che hai apprezzato il tempo libero che ho dedicato per la realizzazione di questo ebook, nato per facilitare la progettazione del tuo blog. Spero di non averti annoiato e di essere stato chiaro e semplice nell’esporre i diversi punti. Condividilo con i tuoi amici se pensi che abbia fatto un buon lavoro, così potrà essere utile anche a loro! Sarei felice di leggere un tuo feedback, per migliorare il mio schema o anche solo per vedere come hai messo in piedi il tuo blog seguendo le indicazioni del mio ebook Inoltre ti segnalo un articolo che spero ti sarà molto utile per promuovere il tuo blog non appena sarà terminato: http://goo.gl/RbmMf
Un ringraziamento speciale a Benedetto Motisi di SeoJedi, per avermi permesso di citarlo in questo documento e di aver apportato alcune correzioni!
___________________________________________________________________________________________________________________________ Vers: 2.1 – apr2014
15
Progetto per realizzare il tuo blog: schema di base
_____________________________________________________________________________________________
20) Chi Sono Mi chiamo Michelangelo Giannino, classe 83, Casertano, fondatore di Fusion Lab09. Web Marketer Freelance con l’obiettivo di aiutare le aziende, attività commerciali e professionisti a rafforzare la propria brand reputation/identity on/offline.
Nato come web designer/master e formatore di informatica nel 2005, sono passato al web marketing nel 2009 iniziando come community manager su facebook. Da più di un anno scrivo articoli sul blog michelangelogiannino.com/blog (attualmente 86), dove affronto diversi argomenti quali: social media marketing (soprattutto), email marketing, blog corporate e brand reputation. Condivido esperienze personali e sono sempre a caccia di case history.
Ti aspetto su:
http://www.fusionlab09.com
Nella prossima pagina c’è un piccolo regalo per te!
Spero faciliterà ancora di più la progettazione del tuo blog.
Grazie ancora per il download e
IN BOCCA AL LUPO
___________________________________________________________________________________________________________________________ Vers: 2.1 – apr2014
16
Progetto per realizzare il tuo blog: schema di base
_____________________________________________________________________________________________
1)
Argomento da trattare
2)
Ricerca Fonti
3)
Identità
4)
Nome del blog
5)
Acquisto Hosting
6)
Creazione pagine
7)
Scelta template
8)
Menu di navigazione
9)
Categorie
10) Funzionalità blog
11) Piano editoriale
12) Fan page Social
13) Strumenti di analisi e manutenzione 14) SEO
15) Strumenti di lavoro
ATTENZIONE: Ricordati di disattivare i robots quando il blog sarà finito!
___________________________________________________________________________________________________________________________ Vers: 2.1 – apr2014
17