Come creare una Favicon e farne uno strumento di marketing per il proprio blog

Favicon significa Favorite Icon. Forse non avete mai pensato che una favicon può essere vista com uno degli elementi chiave del vostro blog, si? Quindi, leggete ben questo post fino alla fine, e sono certo che cambierete idea.
Le favicon per chi non ha familiarizzato con questo nome, è quella piccola icona 16×16 pixels che appare accanto all’Url del nostro blog o sito, nel momento in cui lo digitiamo nel browser.
Oltre ad apparire nel browser, la favicon appare nei favoriti (bookmarks) e/o in altri strumenti di catalogazione di siti, per questo è importante farne una immagine solida e attraente.

La Favicon è quindi molto importante. Quante volte vi è successo di visitare qualche sito, ma lo avete perso tra gli altri, per il semplice fatto di non possedere una favicon, e per questo motivo non ricordarlo?

Come creare una favicon e applicarla nel proprio blog o sito

1 – Nonostante una favicon probabilmente non farà aumentare di chissà quanto il traffico del vostro blog, potrà offrirvi, però, maggior consistenza nel momento in cui un utente sta cercando qualcosa nei proprio bookmarks.
Una favicon non niente più, niente meno, che una immagine da 16X16 pixels, salvata con il formato .ico. E’ importante quindi percepire, che in una immagine tanto piccola, sarà molto complicato inserire qualcosa di particolarmente complesso. Focalizzatevi in immagini semplici e libere da complessità, che siano facilmente comprensibili e percebili nel mezzo degli altri bookmarks. Se ruiscirete a marcare la differenza, ne trarrete sicuramente vantaggi.

Questo è un esempio di diversi rinomati marchi e delle proprie favicons. I migliori esempi, per me, sono il simbolo della Adobe, di MSN, della Amazon e di Yahoo!. Immagini semplici ma che allo stesso tempo trasportano il brandingo e l’immagine delle imprese, che tutti conosciamo.

2 – L’ideale è utilizzare strumenti gratuiti per creare favicon. Uno degli strumenti che utilizzo con maggiore regolarità per fare lavori veloci, è il Paint.NET.
Nonostante il nome possa ingannare, Pain.NET è un software molto ben sviluppato. Ho l’abitudine di chiamarlo il “Photoshop per Dummies”,perchè in realtà è abbastanza complesso a livello di strumenti; lavora anche con i livelli.

L’utilizzo di questo software è basilare. Usatelo per creare una immagine 32×32 pixels e successivamente visitate il sito Favicon from Pics, dove potrete trasformare l’immagine creata in una favicon 16×16 in formato .ico.

3 – Favicon from Pics è un progetto on-line, a dir poco, fantastico. Potrete creare e sviluppare immagini per il vostro sito o blog, e successivamente convertirle in favicons. Consiglio di creare sempre immagini di forma quadrata benchè di dimensione maggiore ma, non molto per evitare che nel momento della conversione non risulti sfocata o pixellata a causa della conversione stessa.
Favicon Pics successivamente ad avere effettato la conversione della vostra immagine, vi offre anche il codice da inserire nelle proprie pagine con alcuni suggeriemnti utili per l’inserimento dello stesso. Vedere il prossimo passo.

4 – Se ancora non siete soddisfatti, e siete i felici proprietari di un blog WordPress, rilassatevi perchè il plug-in MaxBlogPress Favicon promette di aiutarvi e molto, a risolvere il probelma delle favicons.
Nonostante sia gratuito, questo plug-in necessita di una registrazione nella pagina MaxBlogPress, perchè successivamente sia utilizzato per voi stessi ed unicamente da voi stessi. L’uso del plug-in è elementare e non mi soffermerò a spiegarne il funzionamento. Potrete contare su una galleria (osservate l’immagine in basso) di favicons pre-configurate, che potrete usare se non riuscite a disegnare la vostra:

5 – Dopo avere convertito la vostra favicon attraverso gli strumenti sopra descritti, dovrete fare l’upload della stessa con FTP
Entrate nel vostro FTP, nella directory pubblic_html, e successivamente fate l’upload dell’icona.
abbiate cura di inserire la sua icona nella root directory del vostro blog/sito.

6 – Alterare l’header del vostro blog/sito è ancora uno dei passi essenziali. Questo passo deve essere fatto dopo aver effettuato l’upload della favicon via FTP.
Visitate l’header.php del vostro blog e prendete nota:

Cercate i tags <head> e </head> che sono l’inizio e la fine dell’header del vostro blog/sito.
Il codeice da inserire per chiamare la vostra favicon deve essere inserito in qualunque luogo, tra questi due tags.
E’ probabile che già esista il codice e l’unica cosa che dovrete fare è sostituire l’immagine che avrete inseriro. Può succedere.
Se avete fatto l’upload nella root del vostro FTP, inserite il codice in basso:
<link rel=”shortcut icon” href=”/favicon.ico” type=”image/x-icon” />

7 – Adesso è importante testare la nuova favicon ed avere la certezza che si inquadri bene con la tematica del sito. Aprite il vostro browser e se necessario pulitelo dai cookies relativi alla vostra pagina, perchè la nuova icona appaia rapidamente. Aprite anche alcune schede e salvate il vostro blog nei favoriti (bookmarks) ed osservate se lo distinguete dagli altri. Se necessario ripetete tutto il processo nuovamente, fino ad incontrare al favicon ideale e che trasporti tutta l’essenza del vostro marchio.

La favicon di TechNotizieNews è stata costruita con tutti questi strumenti. Con Paint.Net ho dimensionato l’immagine e successivamente ho usato Favicon form Pics per convertirla in icona. Intanto tra non molto tempo, visto che ho intenzione di cambiare l’aspetto del blog, desidero renderlo un pò più capriccioso (se avete qualche suggerimento sarà ben accetto…) dovrò procurare una nuova immagine, qualcisa che mantenga l’essenza di ciò che facciamo in questo pagine. Fate lo stesso!!!

Vi invito adesso a dirci come avete creato la vostra favicon, e se volete, lasciate un immagine che la rappresenti, sarà molto interessante confrontarla. confrontarsi.