Quando metti un segnalibro tra le pagine del web, è difficile ricordare il nome della pagina. Quando torni indietro nei tuoi segnalibri per trovarla, vedi una piccola icona accanto alla pagina. Riconoscete l’icona e vi rendete conto che si tratta del sito web che avete visto prima.

Questa icona, nota come favicon, è piccola, ma ha un impatto significativo sul riconoscimento del marchio.

In questa pagina, risponderemo alla domanda “Cos’è una favicon?”, così come perché dovresti crearne una, e fornire quattro consigli per creare una favicon memorabile (e conforme) per il sito web.

Se vuoi rimanere aggiornato su favicon e marketing, iscriviti alla nostra newsletter settimanale.

Che cos’è una favicon?

La favicon è una piccola icona per il tuo sito web che appare accanto al nome della pagina del tuo sito o al tag del titolo.

Queste icone appaiono in numerosi posti, tra cui:

  • Scheda del browser
  • Segnalibri
  • Barra degli strumenti
  • Visitato di recente
  • Barre di ricerca
  • Ricerca mobile

luoghi dove appare una favicon su internet

Questa piccola icona è un componente essenziale dell’interfaccia del tuo sito web. Ti permette di avere un’immagine semplice e riconoscibile associata al tuo sito web, in modo che gli utenti acquisiscano familiarità con il tuo marchio.

Una favicon del sito web è ancora più utile se qualcuno segna il tuo sito e vuole ritornarci in seguito.

Molte aziende usano una semplice immagine, come il loro logo, come favicon. Uno dei migliori esempi di favicon è Target. Target usa la sua ben nota icona a forma di occhio di bue per la sua favicon.

esempio di favicon

Hai anche la possibilità di usare un’icona con uno o tre caratteri di testo. Wikipedia è un eccellente esempio di favicon che usa il testo invece di un’immagine.

esempio di favicon di Wikipedia

Ci sono molti grandi esempi di favicon che puoi guardare per ottenere ispirazione per la tua favicon. La parte importante è che tu crei una favicon per un sito web che sia chiara, memorabile e facile da vedere.

Dimensione e formattazione per le favicon

La prossima domanda dopo “Cos’è una favicon?” è “Qual è la dimensione giusta per la mia favicon? Poiché queste icone sono piccole, è essenziale conoscere le dimensioni giuste in modo che la tua non appaia schiacciata.

Le dimensioni delle favicon variano a seconda del browser o se usi un host del sito web.

La dimensione del tuo file dovrebbe essere un multiplo di 48px quadrati. Quindi, puoi avere una dimensione del file dell’icona come 48x48px o 144x144px. Indipendentemente dalla dimensione che usi, la tua immagine verrà ridimensionata a un rapporto di 16x16px.

Se ospiti il tuo sito web su un costruttore di siti web, le dimensioni delle favicon saranno diverse. Per esempio, WordPress richiede 512×512 pixel per le loro favicon, mentre Squarespace richiede 300×300 pixel per le loro favicon.

È anche importante ricordare che le favicon appaiono nelle schede del browser o negli elenchi dei segnalibri.

Possono anche apparire in una sezione frequentemente visitata sul tuo browser o come icona di collegamento sul desktop di un utente. La tua icona deve essere facilmente scalabile per queste istanze perché la tua favicon appare più grande.

Conoscendo le dimensioni per queste diverse istanze, creerai una favicon migliore per il tuo business.

Perché dovrei creare una favicon per un sito web?

Le favicon offrono numerosi vantaggi per il tuo business, tra cui:

  • Le favicon creano il riconoscimento del marchio: Quando usi una favicon che riflette la tua attività, le persone la vedono e diventano più familiari con la tua azienda. Saranno esposti al tuo marchio e lo ricorderanno in seguito.
  • Le favicon aggiungono legittimità al tuo sito: Il tuo sito apparirà completo con una favicon. Ti aiuta a sembrare professionale nella sfera online.
  • Le favicon aiutano l’ottimizzazione dei motori di ricerca (SEO): Le favicon ti aiutano a creare un sito web user-friendly, che è una componente essenziale del SEO. Aumenterai anche il riconoscimento del marchio, che incoraggia le persone a tornare sul tuo sito e a convertire.
  • Le favicon aiutano il tuo pubblico a localizzare la tua pagina se la mettono tra i segnalibri: Le favicon rendono facile per il tuo pubblico trovare il tuo sito web quando lo mettono tra i preferiti. Le persone non sempre ricordano i nomi dei marchi, ma riconoscono la tua azienda dalla sua favicon.
  • Le favicon aiutano le persone a individuare la tua azienda con più schede aperte: Le persone hanno spesso numerose schede del browser aperte contemporaneamente. Invece di cliccare su ogni scheda per trovare la pagina della tua azienda, possono riconoscerla dalla favicon.

Queste sono solo alcune delle ragioni per usare una favicon del sito web. Aggiungendo una favicon al tuo sito web, raccoglierai questi benefici e farai crescere il tuo business online.

Come creare una favicon

Se sei pronto a creare un’icona per il tuo sito web, controlla questi quattro utili consigli su come creare una favicon.

1. Usa lo spazio con saggezza

Quando crei una favicon per il tuo business, devi usare lo spazio con saggezza. Non vuoi creare un’icona che usa così poco spazio che gli utenti non possono vederla, ma hai anche bisogno di abbastanza spazio bianco.

Molte aziende usano il loro logo come favicon del loro sito web.

Anche se è una grande idea per il branding, il tuo logo potrebbe non ridursi o sembrare buono come favicon. Potrebbe non utilizzare adeguatamente lo spazio che hai o adattarsi alle dimensioni preimpostate delle favicon.

Se devi creare una nuova icona, vorrai ottimizzare il tuo spazio. Avrai bisogno di pianificare la tua favicon per utilizzare lo spazio in pixel che ti è stato dato, senza farla sembrare sovraffollata o vuota.

2. Mantienila semplice

Quando disegni la tua favicon, tienila semplice. Una favicon rende il tuo business riconoscibile, ma non sommerge l’utente con un design intricato. L’unico scopo di questa icona è quello di rafforzare il tuo marchio al tuo pubblico e aiutarlo a trovarti più facilmente.

Se crei una favicon con un design intricato, fa sembrare la tua icona disordinata. Il tuo pubblico avrà più difficoltà a ricordare il tuo marchio o a localizzare la tua pagina.

La strada migliore consiste nel mantenerla semplice.

Crea qualcosa di pulito, legato al marchio e riconoscibile.

3. Rifletti il tuo marchio

Lo abbiamo sottolineato alcune volte, ma per ribadirlo, assicurati che la tua favicon rifletta il tuo marchio. Il tuo pubblico usa questa icona per trovare la tua azienda nelle loro schede o segnalibri. Vuoi usare un’immagine che si adatti al resto del tuo marchio.

Walbert Animal Hospital è un esempio lampante di una favicon che riflette la sua attività.

esempio di favicon di un sito web veterinario

Come puoi vedere, Walbert Animal Hospital usa le impronte delle zampe come favicon. È una grande associazione con la loro attività e riflette il loro marchio. E’ semplice e aiuta le persone a riconoscerli.

Vuoi usare i simboli giusti nella tua favicon. In questo esempio, le persone associano le impronte di zampe agli animali. Quando un utente vede queste impronte di zampe, presume che l’azienda lavori con gli animali in qualche modo.

Se scegliete di usare il colore nella vostra icona, vorrete attenervi ai colori del vostro marchio. Una favicon gialla non si adatterebbe ad una combinazione di colori viola e grigio. È essenziale mantenere la tua icona degli stessi colori del tuo marchio per sostenere il riconoscimento del marchio.

4. Consulta un designer

Se non sei sicuro di cosa fare con la tua favicon, puoi sempre consultare un web designer. Un web designer è un’opzione eccellente perché ti fornisce una favicon unica. Otterrai una favicon ridimensionata correttamente per il web.

Molte aziende si affidano a generatori per creare favicon. Mentre questi generatori sono facili da usare, ti richiedono di cercare attraverso database di icone per trovare quella giusta per la tua organizzazione. Poi devi ridimensionarla e scalarla in modo appropriato.

Con un web designer, non hai bisogno di prendere un’immagine stock da un database. Ottieni una favicon personalizzabile che è unica per il tuo business, correttamente ridimensionata e che riflette la tua azienda.

Inizia a creare la favicon del tuo sito web oggi

Una favicon è una componente critica nella costruzione del riconoscimento del marchio. Creare e caricare la favicon del tuo sito web aiuta gli utenti a riconoscere la tua azienda e a trovarla rapidamente sui loro browser.

Se non sai come creare una favicon di qualità per la tua azienda, il nostro team di WebFX può aiutarti. Abbiamo un team di web designer dinamici e premiati che ti aiuteranno a creare una favicon stellare.

Vuoi saperne di più su come progettare una favicon di alta qualità?

Contattaci online o chiamaci oggi al numero 888-601-5359 per parlare con uno stratega.