Kun merkitset verkkosivuja kirjanmerkkeihin, on haastavaa muistaa sivun nimi. Kun sukellat takaisin kirjanmerkkeihisi etsiessäsi sitä, näet sivun vieressä pienen kuvakkeen. Tunnistat kuvakkeen ja huomaat, että kyseessä on aiemmin katsomasi verkkosivusto.

Tämä faviconiksi kutsuttu kuvake on pieni, mutta sillä on merkittävä vaikutus brändin tunnistettavuuteen.

Tällä sivulla vastaamme kysymykseen Mikä on favicon?” sekä siihen, miksi sinun pitäisi luoda sellainen, ja annamme neljä vinkkiä mieleenpainuvan (ja vaatimustenmukaisen) verkkosivuston favicon-kuvakkeen luomiseen.

Jos haluat pysyä ajan tasalla favicon-kuvakkeista ja markkinoinnista, liity viikoittaiseen uutiskirjeeseemme.

Mikä on favicon?

Favicon on verkkosivustosi pieni kuvake, joka näkyy verkkosivustosi sivunimen tai otsikkotunnisteen vieressä.

Nämä kuvakkeet näkyvät lukuisissa paikoissa, mm:

  • selaimen välilehti
  • kirjanmerkit
  • työkalupalkki
  • viime aikoina vierailtu
  • hakupalkit
  • mobiilihaut

paikoissa, joissa suosikkikuvake ilmestyy internetissä

Tämä pieni kuvake on olennainen osa verkkosivustosi käyttöliittymää. Sen avulla voit liittää verkkosivustoosi yksinkertaisen, tunnistettavan kuvan, jotta käyttäjät tutustuvat brändiisi.

Sivuston favicon on vielä hyödyllisempi, jos joku merkitsee sivustosi kirjanmerkkeihin ja haluaa palata sinne myöhemmin.

Monet yritykset käyttävät faviconina yksinkertaista kuvaa, kuten logoaan. Yksi parhaista favicon-esimerkeistä on Target. Target käyttää faviconina tunnettua haulikko-kuvakettaan.

esimerkki faviconista

Sinulla on myös mahdollisuus käyttää kuvaketta, jossa on yhdestä kolmeen merkkiä tekstiä. Wikipedia on erinomainen favicon-esimerkki tekstin käyttämisestä kuvan sijasta.

wikipedia favicon example

On monia hienoja favicon-esimerkkejä, joita voit tarkastella saadaksesi inspiraatiota omaan faviconisi. Tärkeintä on, että luot verkkosivuston faviconin, joka on selkeä, mieleenpainuva ja helposti nähtävissä.

Faviconien koko ja muotoilu

Kysymyksen ”Mikä on favicon?” jälkeen seuraava kysymys on ”Mikä on faviconini oikea koko?”. Koska nämä kuvakkeet ovat pieniä, on tärkeää tietää oikeat mitat, jotta oman kuvakkeesi koko ei näytä litistyneeltä.

Faviconien koot vaihtelevat selaimen mukaan tai sen mukaan, käytätkö verkkosivun isäntää.

Tiedostosi koon tulisi olla 48px:n neliön moninkertainen. Kuvakkeen tiedostokoko voi siis olla esimerkiksi 48x48px tai 144x144px. Käyttämästäsi koosta riippumatta kuvasi skaalataan uudelleen 16x16px:n kokoon.

Jos isännöit verkkosivustoasi verkkosivuston rakentajalla, faviconien koot vaihtelevat. Esimerkiksi WordPress vaatii suosikkikuvakseen 512×512 pikseliä, kun taas Squarespace vaatii suosikkikuvakseen 300×300 pikseliä.

On myös tärkeää muistaa, että suosikkikuvakkeet näkyvät selaimen välilehdissä tai kirjanmerkkiluetteloissa.

Ne voivat näkyä myös selaimen usein vieraillussa osiossa tai pikakuvakkeena käyttäjän työpöydällä. Kuvakkeesi on oltava helposti skaalattavissa näitä tapauksia varten, koska favicon näkyy suurempana.

Tuntemalla näiden eri tapausten mitoituksen voit luoda yrityksellesi paremman faviconin.

Miksi minun pitäisi luoda verkkosivuston favicon?

Faviconit tarjoavat yrityksellesi lukuisia hyötyjä, muun muassa seuraavat:

  • Faviconit lisäävät brändin tunnettuutta: Kun käytät yritystäsi kuvastavaa faviconia, ihmiset näkevät sen ja tutustuvat yritykseesi paremmin. He altistuvat brändillesi ja muistavat sen myöhemmin.
  • Faviconit lisäävät sivustosi laillisuutta: Sivustosi näyttää täydelliseltä faviconilla. Se auttaa sinua näyttämään ammattimaiselta verkossa.
  • Faviconit auttavat hakukoneoptimoinnissa (SEO): Faviconit auttavat sinua luomaan käyttäjäystävällisen verkkosivuston, mikä on olennainen osa hakukoneoptimointia. Lisäät myös brändin tunnettuutta, mikä kannustaa ihmisiä palaamaan sivustollesi ja konvertoimaan.
  • Faviconit auttavat yleisöäsi löytämään sivusi, jos he merkitsevät sen kirjanmerkkeihin: Suosikkikuvakkeet helpottavat yleisöäsi löytämään sivustosi, kun he merkitsevät sen kirjanmerkkeihin. Ihmiset eivät aina muista tuotenimiä, mutta he tunnistavat yrityksesi sen faviconista.
  • Faviconit auttavat ihmisiä löytämään yrityksesi, kun useita välilehtiä on auki: Ihmisillä on usein useita selaimen välilehtiä auki yhtä aikaa. Sen sijaan, että he napsauttaisivat jokaista välilehteä löytääkseen yrityksesi sivun, he voivat tunnistaa sen faviconista.

Nämä ovat vain muutamia syitä käyttää verkkosivuston faviconia. Lisäämällä favicon verkkosivuillesi saat näitä etuja ja kasvatat liiketoimintaasi verkossa.

How to create a favicon

Jos olet valmis tekemään kuvakkeen verkkosivuillesi, tutustu näihin neljään hyödylliseen vinkkiin faviconin luomiseen.

1. Käytä tilaa viisaasti

Kun luot faviconia yrityksellesi, sinun on käytettävä tilaa viisaasti. Et halua luoda kuvaketta, joka käyttää niin vähän tilaa, etteivät käyttäjät näe sitä, mutta tarvitset myös riittävästi valkoista tilaa.

Monet yritykset käyttävät logoa verkkosivustonsa faviconina.

Vaikka se on hyvä idea brändin luomisen kannalta, logosi ei välttämättä skaalaudu pienemmäksi tai näytä hyvältä faviconina. Se ei ehkä käytä riittävästi käytössäsi olevaa tilaa tai mahdu ennalta määritettyihin favicon-mitoihin.

Jos joudut luomaan uuden kuvakkeen, haluat optimoida tilan. Sinun on suunniteltava favicon niin, että käytät annettua pikselitilaa, mutta et saa sitä näyttämään ylikansoitetulta tai tyhjältä.

2. Pidä se yksinkertaisena

Kun suunnittelet faviconisi, pidä se yksinkertaisena. Favicon tekee yrityksestäsi tunnistettavan, mutta ei hukuta käyttäjää monimutkaisella suunnittelulla. Tämän kuvakkeen ainoa tarkoitus on vahvistaa brändiäsi yleisöllesi ja auttaa heitä löytämään sinut helpommin.

Jos luot favicon-kuvakkeen monimutkaisella muotoilulla, se saa kuvakkeesi näyttämään sekavalta. Yleisösi on vaikeampi muistaa brändiäsi tai paikantaa sivusi.

Parempi tapa on pitää se yksinkertaisena.

Luo jotain siistiä, brändiin liittyvää ja tunnistettavaa.

3. Heijasta brändiäsi

Olemme painottaneet tätä muutaman kerran, mutta toistaaksemme vielä kerran, varmista, että favicon kuvakkeesi heijastaa brändiäsi. Yleisösi käyttää tätä kuvaketta löytääkseen yrityksesi välilehdistään tai kirjanmerkeistään. Haluat käyttää kuvaa, joka sopii muuhun brändiisi.

Walbert Animal Hospital on loistava esimerkki faviconista, joka kuvastaa liiketoimintaansa.

esimerkki eläinlääkärin verkkosivuston faviconista

Kuten näet, Walbert Animal Hospital käyttää tassunjälkiä faviconina. Se on hieno assosiaatio heidän liiketoimintaansa ja kuvastaa heidän brändiään. Se on yksinkertainen ja auttaa ihmisiä tunnistamaan heidät.

Haluat käyttää faviconissasi oikeita symboleja. Tässä esimerkissä ihmiset yhdistävät tassunjäljet eläimiin. Kun käyttäjä näkee nämä tassunjäljet, hän olettaa yrityksen työskentelevän jollain tavalla eläinten kanssa.

Jos päätät käyttää värejä kuvakkeessasi, sinun kannattaa pysyä brändisi väreissä. Keltainen favicon ei sopisi yrityksen violetin ja harmaan värimaailman kanssa. On tärkeää pitää kuvakkeesi värit samoina kuin brändisi, jotta se tukee brändin tunnistettavuutta.

4. Konsultoi suunnittelijaa

Jos et ole varma, mitä faviconillesi pitäisi tehdä, voit aina konsultoida verkkosuunnittelijaa. Verkkosuunnittelija on erinomainen vaihtoehto, koska hän tarjoaa sinulle ainutlaatuisen faviconin. Saat faviconin oikein skaalattuna verkkoa varten.

Monet yritykset luottavat faviconien luomisessa generaattoreihin. Vaikka nämä generaattorit ovat helppokäyttöisiä, ne vaativat sinua etsimään kuvakkeiden tietokannoista oikean kuvakkeen löytämiseksi organisaatiollesi. Sen jälkeen sen kokoa ja mittakaavaa on muutettava ja skaalattava sopivaksi.

Websuunnittelijan avulla sinun ei tarvitse vetää varastokuvaa tietokannasta. Saat räätälöitävissä olevan favicon-kuvan, joka on ainutlaatuinen yrityksellesi, oikein skaalattu ja heijastaa yritystäsi.

Aloita verkkosivustosi favicon-kuvan luominen jo tänään

Favicon-kuvalla on ratkaiseva merkitys brändin tunnettuuden rakentamisessa. Verkkosivustosi faviconin luominen ja lataaminen auttaa käyttäjiä tunnistamaan yrityksesi ja löytämään sen nopeasti selaimestaan.

Jos et tiedä, miten luoda yrityksellesi laadukas favicon, WebFX-tiimimme voi auttaa. Meillä on joukko dynaamisia, palkittuja web-suunnittelijoita, jotka auttavat sinua luomaan loistavan favicon-kuvakkeen.

Tahdotko lisätietoja laadukkaan favicon-kuvakkeen suunnittelusta?

Ota meihin yhteyttä verkossa tai soita meille jo tänään numeroon 888-601-5359, niin voit puhua strategiamme kanssa.