Lyhyt vastaus: tarkistaaksesi verkkosivustosi faviconin verkossa, syötä verkkotunnuksesi PromoPilotin ilmaiseen Favicon Checkeriin ja napsauta "Tarkista". Työkalu löytää kaikki HTML-muodossa ilmoitetut ja vakiopoluissa, kuten /favicon.ico, sijaitsevat kuvakkeet, näyttää esikatselun ja koon jokaisesta, tarkistaa Apple Touch -kuvakkeen ja kertoo, mitkä koot puuttuvat. Alla on vähimmäisjoukko kuvakkeita, valmis koodi ja syyt, miksi Google näyttää harmaan maapallon logosi sijaan.
Olen tehnyt verkkosivustoja 12 vuotta ja tiedän: faviconit unohdetaan useammin kuin mikään muu elementti. Suunnittelija luo logon, kehittäjä rakentaa verkkosivuston, mutta kukaan ei koskaan lisää faviconia välilehdelle – ennen kuin ensimmäinen asiakas kysyy: "Miksi kilpailijallamme on faviconia Google ja meillä ei?"
Mitä Favicon Check tarkistaa?
Verkkosivuston kuvake ei ole enää vain yksi favicon.ico -tiedosto. Selaimet, iPhone, Android ja Google käyttävät kaikki eri tiedostoja ja kokoja. Tämä työkalu kokoaa ne kaikki yhdeksi raportiksi.
| Mitä se tarkistaa? | Mitä hän katsoo? | Miksi sivusto tarvitsee tätä? |
|---|---|---|
| HTML-kuvakkeet | Kaikki tunnisteet <link rel="icon">, shortcut icon, apple-touch-icon | Juuri nämä selaimet ja Google ottavat ensisijaisesti huomioon |
| Vakiopolut | /favicon.ico sivuston juuressa ja muissa tyypillisissä osoitteissa | Monet järjestelmät etsivät kuvaketta sieltä, vaikka siinä ei olisi tunnistetta. |
| Kunkin kuvakkeen koko | Leveys ja korkeus pikseleinä, muoto ICO, PNG, SVG | Pieni kuvake on epätarkka teräväpiirtonäytöillä. |
| Apple Touch -kuvake | Onko iPhonelle ja iPadille kuvaketta? | Ilman sitä sivun kuvakaappaus näkyy aloitusnäytössä. |
| Esikatselu | Miltä kukin löydetty kuvake näyttää? | Voit nähdä rikkinäisiä, tyhjiä tai vieraita (mallipohjaisia) kuvakkeita |
| Suositukset | Mitä kokoja puuttuu? | Valmis tehtävälista suunnittelijalle |
Miten verkkosivuston favicon-kuvakkeen voi tarkistaa verkossa?
- Avaa Favicon-tarkistin.
- Syötä verkkotunnus –
example.comriittää, ilman sivun määrittämistä. - Napsauta "Tarkista". Työkalu analysoi kotisivun HTML-koodin ja vakiopolut.
- Tarkista löydetyt kuvakkeet: esikatselu, muoto ja koko. Tarkista, onko niiden joukossa vakiomuotoinen sisällönhallintajärjestelmän tai hosting-palvelun kuvake.
- Lue suositukset ja anna puuttuvat mitat suunnittelijalle tai tee ne itse.
Työkalusivu: verkkotunnuskenttä, "Tarkista"-painike ja tarkistusten kuvaus usein kysyttyjen kysymysten kera.
Vahvistus on helppoa – vierasraja riittää oman sivustosi ja muutaman kilpailijan sivuston vertailuun. Minkä tahansa sivuston kuvakkeita voi katsella ja ladata – kätevää, jos sinun täytyy löytää oman logosi alkuperäisversio, joka on kadonnut vanhan urakoitsijan mukana.
Minkä kokoisia favicon-kuvia tarvitaan vuonna 2026?
Kuvakegeneraattorit tuottavat usein 20 tiedostoa, mutta oikeasti tarvitaan kompakti joukko. Tässä on vähimmäismäärä, jota käytän kaikissa projekteissani:
| Tiedosto | Koko | Missä sitä käytetään? |
|---|---|---|
favicon.ico | 16×16 ja 32×32 yhdessä tiedostossa | Vanhat selaimet, järjestelmät, jotka etsivät kuvaketta juuresta |
favicon.svg | Vektori | Nykyaikaiset selaimet, selkeät millä tahansa näytöllä |
apple-touch-icon.png | 180 × 180 | iPhonen ja iPadin aloitusnäyttö |
icon-192.png ja icon-512.png | 192 × 192 ja 512 × 512 | Web-manifest: Android, verkkosivuston asentaminen sovelluksena |
Ja koodi kohteelle <head>:
<link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
Suunnitteluvinkki: 16 pikselin koossa logo ja teksti sumenevat. Käytä symbolia, nimen ensimmäistä kirjainta tai yksinkertaistettua merkkiä kontrastisella taustalla. Älä käytä Apple Touch -kuvakkeessa läpinäkyvää taustaa – iOS täyttää sen mustalla.
Kuinka tehdä favicon itse ilman suunnittelijaa?
Jos sinulla ei ole lainkaan kuvakkeita, voit luoda perusjoukon puolessa tunnissa. Toimi näin:
- Käytä symbolia, älä koko logoa. Käytä nimen ensimmäistä kirjainta, logon symbolia tai yksinkertaista geometrista muotoa brändin värissä. Varmista, että se on tunnistettavissa 16 pikselin kooltaan.
- Piirrä 512x512 neliö. Mikä tahansa grafiikkaeditori tai verkkosuunnittelija käy. Jätä reunojen ympärille hieman marginaaleja, jotta kyltti ei mene reunoille.
- Tallenna lähdetiedosto SVG-muodossa — siitä tulee
favicon.svg, ja kaikki vaaditun kokoiset PNG-kuvat voidaan leikata laadun heikkenemättä. - Luo jäljellä olevat koot (ICO, 180, 192) kuvakegeneraattorissa ja sijoita tiedostot sivuston juureen.
- Liitä koodi otsikkoon ja tarkista tulos työkalussa uudelleen.
Tarkista, miltä kuvake näyttää selaimen tummassa teemassa: musta kuvake läpinäkyvällä taustalla yksinkertaisesti katoaa tummalla Chrome-välilehdellä. Vaalea tausta tai kontrastinen ääriviiva auttaa.
Miksi Google ei näytä sivuston faviconia?
Useimmin kysytty kysymys: Jos näet harmaan maapallon osoitteen vieressä hakutuloksissa, siihen on yleensä useita syitä:
- Kuvake ei ole neliön muotoinen. Google vaatii kuvasuhteen 1:1 ja koon vähintään 8x8, mutta suosittelee suurempaa kuin 48x48: pieni 16x16
favicon.iconäyttää sumealta hakutuloksissa. - Kuvake on estetty roboteilta. Google - Kuvalla on oltava pääsy kuvaketiedostoon ja Google on oltava pääsy päätiedostoon. Jos kuvakansio on estetty robots.txt-tiedostossa tai tiedosto palautetaan virheellä, kuvaketta ei näy hakutuloksissa.
- Tunniste ei ole etusivulla. Google ottaa faviconin verkkotunnuksen tai aliverkkotunnuksen etusivulta; etusivuosio, kuten
example.com/shopei sovellu. - Kuvakkeen osoite on epävakaa. Jos polku muuttuu jokaisen sivuston koontikerran yhteydessä (
/icon.a83f2.png), Google ei välttämättä pysty päivittämään sitä nopeasti. - Onpa aikaa vierähtänyt. Google ei päivitä faviconia heti korjauksen jälkeen; voit nopeuttaa sitä pyytämällä kotisivun uudelleenskannausta Search Consolessa. Google ei anna tarkkaa aikataulua, joten tarkista tulokset aikaisintaan muutaman päivän kuluttua.
- Kuvake rikkoo sääntöjä. Google korvaa kelpaamattomat kuvat tavallisella kuvakkeella.
Vertailu: Favicon-tarkistin ja vaihtoehdot
| Työkalu | Mikä on ilmaista? | Rajoitukset | Kenelle se sopii? |
|---|---|---|---|
| PromoPilot - Favicon-tarkistin | Kaikki HTML- ja vakiopolkujen kuvakkeet, koot, esikatselut, Apple Touch -kuvake, suositukset | Ei luo kuvakkeita, tarkistaa pääkuvakkeen | Tarkista nopeasti oma tai kilpailijan verkkosivusto |
| RealFaviconGeneraattori | Kuvakkeiden ja koodin luominen, faviconin tarkistaminen | Generaattori tuottaa paljon tiedostoja, sinun on selvitettävä, mitkä niistä säilytetään | Niille, jotka tarvitsevat kuvakkeiden luomisen alusta alkaen |
| Google Search Console | Pyydä päälaitteen uudelleenskannausta | Vain sen vahvistettu sivusto, ei tarkista kuvaketta | Nopeuta kuvakkeiden päivityksiä hakutuloksissa |
| Kehittäjätyökalut selaimessa | Välilehti, jossa on luettelo ja kuvakkeet | Sinun täytyy tietää, mistä etsiä | Kehittäjille |
Johtopäätös: verkkotyökalu on kätevämpi tarkistamiseen, generaattori joukon luomiseen ja Search Console päivitysten nopeuttamiseen Google.
Muuten, PromoPilotilla on 87 ilmaista SEO-työkalua. Voit helposti nähdä, miltä favicon näyttää otsikon vieressä SERP-esikatselussa – meillä on siitä erillinen artikkeli sarjassamme.
Mitä rajoituksia faviconin vahvistuksella on?
Työkalu tarkistaa, mitä sivusto mainostaa ja palauttaa: se ei kerro, milloin Google päivittää kuvakkeen hakutuloksissa – se riippuu hakukoneesta itsestään. Jos skripti lisää kuvakkeita sivun latautumisen jälkeen, osa niistä ei välttämättä sisälly raporttiin. Tarkastus tarkastelee myös koko verkkotunnusta – jos sivuston eri osioilla on eri kuvakkeet (esimerkiksi kaupan aliverkkotunnus), tarkista ne erikseen.
Milloin ilmainen työkalu ei riitä?
Favicon on pieni ongelma, joka harvoin vaatii asiantuntijan apua. Mutta joskus pieni ongelma on oire. Apua tarvitaan, jos:
- kuvake on oikein, mutta Google on näyttänyt maapalloa kuukausia - tämä tarkoittaa, että ongelma on robotin käyttöoikeuksissa tai mallissa;
- brändillä ei ole yksinkertaista logoa ja se tarvitsee yritysilmeen, joka toimii 16 pikselillä;
- sivusto käännetään rakentajalla, ja kuvakkeiden polut muuttuvat jokaisen päivityksen myötä;
- Favicon on vain yksi kymmenistä pienistä virheistä, joita on kertynyt vuosien varrella.
Mitä voin tehdä verkkosivustollesi?
Olen Valeriy Danyuk, kehittäjä ja SEO-asiantuntija, jolla on 12 vuoden kokemus ja yli 200 asiakasta. Olen luonut faviconeja, sosiaalisen median esikatseluja ja merkintöjä jokaiselle verkkosivustolle ennen sen julkaisua.
SEO ja auditointi
- Avaimet käteen -verkkosivuston SEO-auditointi: Etsin kaikki tekniset yksityiskohdat – faviconeista ja esikatseluista indeksointiin ja nopeuteen – ja korjaan ne koodiin.
Verkkosivustot ja verkkokaupat
- Luo verkkosivusto jonkun toisen verkkosivuston tyyliin muutamassa minuutissa – 1001site kuvakkeet, esikatselut ja asettelu määritetään automaattisesti.
- Tilda tilausmaksulla vai tekoälyllä varustettu verkkosivusto – rehellinen vertailu lähestymistavoista.
- Paljonko avaimet käteen -verkkosivusto maksaa vuonna 2026? Mitkä tekijät vaikuttavat hintaan?
- WordPress verkkosivusto tekoälyavustajalla hintaan 299 € ja 3 päivää.
CRM ja automaatio
- Räätälöity CRM-järjestelmä asiakastietokannalla ja päätöksentekijöillä slovakialaiselle yritykselle.
- Autopurkamolle tarkoitettu CRM-järjestelmä, joka laskee hinnat automaattisesti ja tulostaa laskut.
Lähetä minulle verkkosivuston osoite Telegram – tarkistan kuvakkeet ja viisi tai kuusi muuta pientä asiaa, jotka usein unohtuvat.
Tulos
- Favicon-tarkistin löytää kaikki sivuston kuvakkeet, niiden koot ja näyttää puuttuvat kuvakkeet minuutissa.
- Minimimäärä: favicon.ico, favicon.svg, Apple Touch Icon 180×180 ja kuvakkeet 192 ja 512 web-manifestia varten.
- Google tapauksessa kuvakkeen on oltava neliönmuotoinen, suurempi kuin 48x48, robotin nähtävissä ja esitettävä pääsivulla.
- Jos verkkosivuston uudelleenrakentaminen on helpompaa kuin pienten ongelmien korjaaminen, 1001site mukauttaa kuvakkeet ja esikatselut automaattisesti.
Tarkista verkkotunnuksesi ilmaisella Favicon Checkerillä – ja tarkista samalla pääkilpailijasi verkkotunnus.
Lähteet
- PromoPilotin Favicon-tarkistussivu — tarkistusten luettelo ja usein kysytyt kysymykset.
- Google Search Central - Hakutulosten favicon-vaatimukset.
- RealFaviconGenerator — luo ja testaa joukon kuvakkeita.
