Virheratkaisut

Google-haussa favicon ei näy – syyt ja ratkaisut suomalaisille sivustoille

  • 11 minuuttia lukemista
  • Hostragons-tiimi
Google-haussa favicon ei näy – syyt ja ratkaisut suomalaisille sivustoille

Google-haun tuloksissa faviconin puuttuminen johtuu yleensä siitä, että sivustosi favicon-tiedostoa ei voida indeksoida, se ei ole oikean kokoinen, HTML-määrittely on virheellinen, robots.txt estää tiedoston, väliaikainen välimuisti viivästyttää päivitystä tai favicon ei täytä Googlen laatuvaatimuksia. Ratkaisuksi kannattaa käyttää neliön muotoista faviconia (vähintään 48 x 48 pikseliä, mielellään 48:n kerrannainen), pitää tiedosto HTTPS:n kautta saavutettavana, määritellä favicon oikein etusivun head-osiossa, tarkistaa robots.txt, ohjaukset, CDN ja palvelimen tilakoodit – ja sen jälkeen pyytää uudelleen indeksointia Google Search Consolessa.

Hakutuloksissa näkyvä pieni sivuston kuvake auttaa käyttäjiä tunnistamaan brändisi nopeammin. Erityisesti mobiilissa favicon toimii yhdessä otsikon, URL:n ja kuvauksen kanssa luottamussignaalina. Jos favicon ei näy, vaikka sivusto muuten toimii, hakutuloksissa näyttää teknisesti heikommalta, geneeriseltä tai brändittömältä. Vaikka favicon ei ole suora ranking-tekijä, se vaikuttaa klikkausprosenttiin, brändimielikuvaan ja käyttäjän luottamukseen.

Tässä oppaassa käydään läpi suomalaisilla hosting- ja web-alustoilla tyypillisiä favicon-ongelmia kätevän tarkistuslistan avulla. Ohjeet soveltuvat WordPressille, omille ohjelmistoille, Laravelille, staattisille HTML-sivuille, verkkokaupoille sekä hallintapaneelilla varustetuille hosting-ympäristöille. Jos perusinfrastruktuurissa on hitautta, SSL-virheitä tai saavutettavuusongelmia, kannattaa ensin tarkistaa Nopean verkkohostingin ratkaisut ja SSL-sertifika-asennus -artikkelit.

Mikä on favicon ja miksi se on tärkeä Google-haussa?

Favicon on pieni kuvake, joka edustaa verkkosivustoasi. Se näkyy selaimen välilehdellä, kirjanmerkeissä, mobiililaitteiden pikakuvakkeissa ja Googlen hakutuloksissa. Perinteisesti favicon.ico sijoitetaan juurihakemistoon, mutta nykyisin myös PNG-, SVG- ja ICO-formaatit toimivat, kun ne määritellään HTML:ssä. Googlelle oleellista on, että favicon on selkeästi löydettävä, indeksoitava ja laadultaan riittävä.

Google indeksoi faviconin etusivun ja favicon-tiedoston kautta. Päivitys ei tapahdu heti; muutokset voivat näkyä hakutuloksissa muutaman päivän tai viikon päästä. Suurilla, usein indeksoiduilla sivustoilla päivitys voi tapahtua nopeammin, mutta uusilla tai harvoin indeksoiduilla sivuilla viive voi olla pitkä.

Faviconin SEO-rooli on epäsuora: hyvin suunniteltu favicon helpottaa brändin tunnistamista, tuottaa visuaalisen signaalin ja antaa sivustolle ammattimaisen vaikutelman, erityisesti mobiilissa. Siksi faviconin tarkistus on pieni mutta tärkeä osa teknistä SEO-auditointia.

Miksi favicon ei näy Google-haussa?

Faviconin puuttuminen hakutuloksista johtuu harvoin yhdestä syystä. Useimmiten tiedoston saavutettavuus, HTML-määrittely, koko, välimuisti ja palvelinasetukset täytyy tarkistaa yhdessä. Alla yleisimmät syyt suomalaisissa hosting-ympäristöissä.

1. Favicon-tiedostoa ei voida indeksoida

Favicon saattaa näkyä selaimessa, mutta Googlebot ei välttämättä pääse siihen käsiksi. Esimerkiksi CDN:n suojaus, hotlink-esto, maakohtaiset rajoitukset, bot-filtterit tai väärät palomuurisäännöt voivat estää Googlebotin pääsyn tiedostoon. Jos favicon-URL palauttaa 403, 404, 500 tai pitkän ohjausketjun 200:n sijaan, Google jättää kuvakkeen näyttämättä.

Tarkista favicon-URL incognito-ikkunassa ja eri laitteilla/verkossa. Palvelimen lokit paljastavat, saako Googlebot 200-tilakoodin. Jaetussa hostingissa kannattaa tarkistaa myös turvallisuusextensiot ja ModSecurity-säännöt. Luotettavan hostingin osalta Hostragons hostingpaketit -sivun resurssirajoja ja turvaa kannattaa arvioida.

2. HTML head -osiossa virheellinen favicon-määrittely

Google etsii faviconia etusivun head-osan rel icon -määrittelyistä. Jos määrittely puuttuu, URL on väärä, HTTP/HTTPS-sekoilua esiintyy tai teemapäivitys on poistanut määrittelyn, favicon ei välttämättä näy hakutuloksissa. WordPressissäkin site icon voi olla asetettu, mutta cache-plugin voi tarjoilla vanhaa head-sisältöä.

Anna faviconille head-osiossa selkeä, absoluuttinen tai juuresta alkava polku. Jos favicon on juurihakemistossa, varmista lähdekoodista, että rel icon osoittaa oikeaan tiedostoon. Useampi favicon-määrittely voi hämmentää Googlea ja aiheuttaa vanhan kuvakkeen pysymisen.

3. Virheellinen koko ja formaatti

Google suosittelee faviconin olevan neliön muotoinen ja vähintään 48 x 48 pikseliä. 48:n kerrannaiset (96 x 96, 144 x 144, 192 x 192) ovat hyviä vaihtoehtoja. Liian pieni, suorakulmainen, epätarkka tai monimutkainen favicon ei näy selkeästi hakutuloksissa. Google voi jättää epäkelvon faviconin näyttämättä tai käyttää geneeristä ikonia.

ICO, PNG ja oikein toimitettu SVG ovat tavallisia formaatteja. Parhaaksi käytännöksi kannattaa asettaa juurihakemistoon sekä favicon.ico että esim. 48 x 48 tai 96 x 96 PNG. Näin varmistat yhteensopivuuden vanhojen selainten, nykyaikaisten alustojen ja hakurobotin kanssa.

4. Robots.txt tai muut suojausasetukset estävät faviconin

Robots.txt saattaa vahingossa estää kuvatiedostoja, teemakansiota tai juuren favicon-tiedostoja. Jos Disallow rajoittaa wp-content- tai assets-kansiota, faviconkin voi jäädä indeksoimatta. Joillakin sivuilla botteja estetään staattisten tiedostojen osalta, mikä estää myös Googlebotin favicon-pyynnöt.

Robots.txt-tiedostoa tarkistaessa varmista, että sekä etusivu että favicon ovat indeksoitavissa. Search Consolen robots.txt-testeri ja URL-tarkistustyökalu ovat käteviä. Jos robots.txt:n hallinta ei ole tuttua, Mitä on robots.txt ja miten sitä muokataan auttaa alkuun.

5. Google ei ole vielä päivittänyt faviconia

Vaikka favicon olisi oikein määritelty, Google saattaa näyttää vanhaa ikonia tai ei mitään. Tämä johtuu faviconin välimuistista. Päivitykset eivät näy yhtä nopeasti kuin otsikko tai metakuvaus. Uusilla tai harvoin indeksoiduilla sivuilla viive voi olla selkeä.

Jos tekniset asetukset ovat kunnossa, odota muutama päivä. Jos muutos ei näy kahden–kolmen viikonkaan jälkeen, tarkista tiedoston saavutettavuus, HTML-määrittely, ohjaukset ja laatuvaatimukset uudelleen. Odottaminen ilman teknistä tarkistusta ei kannata!

6. Domain-, SSL- tai ohjausongelmat

Google yhdistää faviconin etusivuun. Jos HTTP → HTTPS tai www → non-www (tai päinvastoin) -ohjauksissa on virheitä, Google voi päätyä eri URL-versioihin. Jos favicon haetaan HTTP:lla kun etusivu on HTTPS:lla, syntyy mixed content, ohjaus- tai saavutettavuusongelma.

Domainin tulee toimia yhdellä kanonisella versiolla. SSL-sertifikaatin tulee olla voimassa, mixed content -varoituksia ei saa olla ja favicon-URL:n tulee palauttaa HTTPS:n kautta 200-tilakoodi. Domainin asetuksiin liittyen Domainrekisteröinti ja DNS:n hallinta sekä turvalliseen julkaisuun SSL-sertifikaostaminen ovat hyödyllisiä.

Favicon-ongelmien tarkistuslista: yleisimmät syyt ja ratkaisut

Favicon-ongelmien tarkistuslista: yleisimmät syyt ja ratkaisut
OngelmaOireTarkistustapaRatkaisu
Tiedostoa ei löydyFavicon-URL palauttaa 404Avaa favicon selaimessaLataa tiedosto oikeaan hakemistoon, korjaa linkki
Botin estoSelaimessa näkyy, Google ei löydäTarkista robots.txt ja palvelinlogitSalli Googlebotin pääsy tiedostoon
Virheellinen kokoKuvake epätarkka tai ei näyTarkista kuvan kokoKäytä 48 x 48 tai 96 x 96 neliö-PNG:tä
HTTPS-yhteensopivuusMixed content tai ohjausTestaa HTTP-tilakoodiTarjoa favicon HTTPS-URL:llä
Googlen välimuistiVanha favicon näkyyTarkista Search ConsolessaPyydä uudelleen indeksointia ja odota

Favicon näkyviin Googleen: askel askeleelta

Vaihe 1: Valmistele oikea favicon-tiedosto

Valmista teknisesti selkeä favicon. Kuvan tulee olla neliö, yksinkertainen ja erottuva pienessäkin koossa. Jos brändilogo on pitkä tai monimutkainen, ota käyttöön pelkkä alkukirjain, symboli tai pelkistetty versio. Favicon on hakutuloksissa todella pieni – selkeä ja pelkistetty design toimii parhaiten.

  • Suositeltu koko: 48 x 48, 96 x 96 tai 192 x 192 pikseliä.
  • Suositeltu formaatti: PNG, lisäksi favicon.ico varmuudeksi.
  • Tausta: läpinäkyvä tai brändiväri, korkea kontrasti.
  • Tiedostonimi: favicon.png tai favicon.ico – selkeä ja pysyvä.
  • Laatu: Älä käytä epätarkkaa, rajattua, tekijänoikeuden alaista tai harhaanjohtavaa kuvaa.

Favicon-tiedoston nimeä ei kannata vaihdella usein. Jos vaihdat tiedoston, vanha URL voi jäädä välimuistiin. Päivitä tiedosto samaan URL:iin tai pyydä Search Consolessa uudelleen indeksointia helpottaaksesi prosessia.

Vaihe 2: Lataa favicon juureen tai pysyvään kansioon

Turvallisin tapa on ladata favicon.ico juurihakemistoon (esim. sivustosi.fi/favicon.ico), joka palauttaa 200-tilakoodin. PNG:n osalta pysyvä URL kuten sivustosi.fi/favicon.png toimii. Älä tallenna faviconia tilapäisiin kansioihin, päivätyihin mediakansioihin tai CDN:n välimuistiin, josta se voi kadota.

Hosting-paneelissa, FTP:llä tai tiedostonhallinnassa lataa tiedosto ja tarkista oikeudet. Linux-palvelimella 644 on yleensä riittävä. Jos tiedoston omistajuus tai kansio-oikeudet ovat väärin, saat 403-virheen. Tarvittaessa cPanel Tiedostojen Hallinta -opas auttaa.

Vaihe 3: Lisää favicon head-osioon etusivulla

Google tunnistaa faviconin, kun se on head-osiossa etusivulla. WordPressissä tämä onnistuu Ulkoasu → Mukauta → Sivuston identiteetti -kohdan kautta. Omassa ohjelmistossa lisää rel icon -määrittely head-osaan. Käytä HTTPS-URL:ia.

Jos useampi teema, plugin tai SEO-työkalu tuottaa favicon-määrittelyjä, lähdekoodi voi sekoittua. Tarkista head-osan lähdekoodi ja poista vanhat, virheelliset tai väärälle domainille osoittavat linkit. Favicon-URL:n tulee olla kanonisen domainin mukainen ja välttää ohjausketjuja.

Vaihe 4: Testaa robots.txt ja HTTP-tilakoodit

Faviconin tulee olla Googlen indeksoitavissa. Tarkista robots.txt, ettei faviconin kansio ole estetty. Favicon-URL:n tulee palauttaa 200-tilakoodi. 301 tai 302-ohjaus ei ole automaattisesti ongelma, mutta pitkät ohjausketjut, HTTP/HTTPS-loopit tai 403-virheet ovat.

  • Etusivu palauttaa 200 tai yhden ohjauksen oikeaan versioon.
  • Favicon palauttaa 200-tilakoodin.
  • Robots.txt ei estä favicon-kansiota.
  • CDN/WAF/plugin ei estä Googlebotia.
  • SSL-sertifikaatti on voimassa, selain ei varoita.

Jos havaitset virheitä, korjaa ensin infrastruktuuri. Favicon-ongelma voi olla merkki suuremmasta indeksointi- ja näkyvyysongelmasta. Palvelimen 5xx-virheet, DNS-katkot tai SSL-ongelmat vaikuttavat muuhunkin kuin faviconiin.

Vaihe 5: Tyhjennä välimuisti, CDN ja teeman cache

Kun vaihdat faviconin, selain, CDN, palvelin ja sovelluksen välimuisti voivat näyttää vanhaa ikonista. WordPressissä tyhjennä cache-plugin, tee CDN-purge ja nollaa selaimen välimuisti. Cloudflaren kaltaisessa CDN:ssa tyhjennä favicon-tiedoston cache tai koko sivuston välimuisti.

Faviconit voidaan palvella pitkän cache-otsikon kera. Tämä on normaalia suorituskyvyn kannalta, mutta päivitys viivästyy. Jos tiedostonimi vaihtuu, varmista että rel icon -määrittely osoittaa uuteen tiedostoon. Jos päivitit tiedoston samaan nimeen, varmista CDN:sta että vanha kopio on poistettu.

Vaihe 6: Pyydä uudelleen indeksointia Google Search Consolessa

Käy läpi tekniset tarkistukset ja testaa etusivu Search Consolen URL-tarkistustyökalulla. Suorita live-testaus ja varmista, että Google pääsee sivulle. Pyydä indeksointia. Tämä ei takaa välitöntä faviconin päivitystä, mutta antaa signaalin Googlen indeksoijalle.

Ilman Search Consolea jää tärkeitä teknisiä ilmoituksia saamatta. Favicon-ongelmien lisäksi havaitset indeksointiestot, palvelinvirheet, ohjausongelmat ja HTTPS-yhteensopivuus. Jos Search Console ei ole käytössä, Google Search Consolen asennus auttaa sivuston vahvistamisessa.

WordPress-sivustojen favicon-ongelmat

WordPressissä favicon on helppo asettaa hallintapaneelista, mutta teema-, cache- ja plugin-yhteensopimattomuudet voivat estää Googlea näyttämästä sitä. Tarkista ensin Ulkoasu → Mukauta → Sivuston identiteetti -kohdasta, että site icon on määritelty. WordPress vaatii yleensä 512 x 512 pikselin kuvan ja generoi muut koot automaattisesti.

Tarkista etusivun lähdekoodista, että favicon-linkit on tuotettu oikein. Jotkut suorituskykypluginit optimoivat head-osaa ja voivat siirtää tai poistaa favicon-määrittelyt. Osa turvaplugineista rajoittaa botin pääsyä wp-content/uploads-kansioon. Tällöin favicon kannattaa siirtää juureen ja määritellä head-osiossa suoraan.

Jos käytössä on monikielisyysplugin, multisite-rakenne tai CDN, joka ohjaa eri domaineihin, varmista että favicon on saavutettavissa jokaisella kielellä ja domainilla. Google indeksoi usein useita URL-versioita, joten pelkkä pääkielen favicon ei aina riitä.

Omat ohjelmistot ja verkkokaupat – mitä huomioida?

Laravel, Node.js, React, Next.js, Vue, oma PHP tai verkkokauppa-alustat sijoittavat faviconin usein public-, teema- tai build-kansioon. Jos build-prosessi hashää tiedostonimeä, favicon-URL muuttuu jokaisessa deployssa, mikä vaikeuttaa Googlen pysyvää tunnistusta. Käytä mahdollisimman pysyvää favicon-URL:ia.

SPA-sivustoissa index.html:n head-osio täytyy tuottaa oikein. Vaikka Google pystyy renderöimään sivun, faviconin tulee löytyä heti HTML:stä. Verkkokaupoissa ylläpitotila, botin esto tai maakohtaiset suojaukset voivat estää Googlebotin favicon-pyynnöt – tämä vaikuttaa myös muihin SEO-elementteihin.

Googlen laatuvaatimukset – millaisia faviconia ei näytetä?

Googlen laatuvaatimukset – millaisia faviconia ei näytetä?

Google ei näytä pelkästään teknisesti saavutettavia faviconia, vaan myös laatuvaatimukset vaikuttavat. Sopimattomat, harhaanjohtavat, seksuaaliset, vihamieliset tai käyttäjän huijaamiseen tarkoitetut ikonit eivät näy hakutuloksissa. Muiden brändien logon käyttö ilman lupaa aiheuttaa luottamus- ja juridisen riskin.

Hyvä favicon:

  • Edustaa brändiä, mutta pysyy selkeänä pienessä koossa.
  • On korkean kontrastin ja erottuu mobiilihakutuloksissa.
  • Ei jäljittele toista brändiä.
  • Sopii sivuston sisältöön.
  • Ei sisällä pitkiä tekstejä tai monimutkaisia yksityiskohtia.
  • Toimii neliön muotoisena ilman leikkautumista.

Esimerkiksi hosting-yrityksen faviconissa pelkkä brändi-symboli toimii paremmin kuin monimutkainen palvelinkuva. Lakisivulla pelkistetty vaaka toimii paremmin kuin yksityiskohtainen piirros. Verkkokaupassa yksinkertaistettu brändilogo on pysyvämpi kuin kategorian symboli.

Kuinka nopeasti favicon-päivitys näkyy Google-haussa?

Faviconin päivittymiselle Googleen ei ole varmaa aikataulua. Usein indeksoiduilla sivuilla muutos näkyy muutamassa päivässä, mutta uusilla tai harvoin indeksoiduilla sivuilla voi mennä viikkoja. Jos kuukausi menee eikä favicon näy, syy ei ole pelkkä välimuisti – tarkista tekninen toteutus.

Älä vaihda faviconin tiedostonimeä tai HTML-määrittelyä jatkuvasti. Useat muutokset vaikeuttavat Googlen tunnistusta. Parasta on valmistella oikea tiedosto, julkaista se pysyvällä HTTPS-URL:lla, tyhjentää välimuistit, pyytää uudelleen indeksointia Search Consolessa ja odottaa kohtuullinen aika.

Teknisen SEO:n tarkistuslista faviconille

Käytä seuraavaa listaa favicon-ongelmien systemaattiseen tarkistukseen Google-haussa:

  • Onko favicon neliö ja vähintään 48 x 48 px?
  • Onko tiedosto PNG, ICO tai muu yhteensopiva formaatti?
  • Onko favicon-URL saavutettavissa HTTPS:n kautta?
  • Palauttaako URL 200-tilakoodin?
  • Onko etusivun head-osiossa rel icon -määrittely?
  • Osoittaako määrittely oikeaan domainiin ja tiedostoon?
  • Estääkö robots.txt faviconin tai sen kansion?
  • Rajoittaako CDN, WAF tai plugin Googlebotin pääsyä?
  • Onko cache tyhjennetty?
  • Onko Search Consolessa tehty live-testi ja indeksointipyyntö?

Jos kaikki kohdat täyttyvät, favicon näkyy yleensä ajan kanssa. Jos listalta löytyy virheitä, korjaa ne ennen kuin odotat faviconin ilmestymistä.

Tyypilliset virheet ja ammattilaisen vinkit

Yleinen virhe on tyytyä siihen, että favicon näkyy selaimen välilehdellä. Selaimet löytävät juuren favicon.ico:n automaattisesti, mutta Google arvioi faviconin etusivun, tiedoston saavutettavuuden, laadun ja indeksoitavuuden perusteella. Älä siis pelkästään luota selaimen näkymään.

Toinen virhe on faviconin tarjoaminen liian suurena ja optimoimattomana tiedostona. Vaikka favicon on pieni, liian iso tiedosto näkyy negatiivisesti suorituskykytesteissä. 96 x 96 PNG riittää useimpiin tilanteisiin, ja favicon.ico varmistaa taaksepäin yhteensopivuuden.

Ammattilaisen vinkkinä: jos teet brändiuudistusta, älä yhdistä faviconin vaihtoa verkkosivun siirtoon, domainin vaihtoon tai HTTPS-siirtymään. Kun muutokset kasautuvat, syyn löytäminen vaikeutuu. Stabiloi infrastruktuuri ensin ja päivitä favicon vasta sen jälkeen. Jos suunnittelet sivustosi siirtoa, verkkosivuston siirto-opas auttaa ohjausten ja DNS-prosessin suunnittelussa.

Usein kysytyt kysymykset

Miksi favicon ei näy Google-haussa?

Yleensä syynä on virheellinen HTML-määrittely, tiedoston saavutettavuus, robots.txt-esto, väärä koko, HTTPS- tai ohjausvirhe, CDN:n rajoitus tai Googlen välimuisti. Tarkista ensin, että favicon-URL palauttaa 200-tilakoodin ja head-osassa on oikea määrittely.

Mikä on faviconin ihanteellinen koko?

Google vaatii neliön faviconin, vähintään 48 x 48 px. 48:n kerrannaiset (96 x 96, 144 x 144, 192 x 192) ovat myös sopivia. Selkeän, korkean kontrastin ja brändiä edustavan designin tulee erottua pienessä koossa.

Milloin favicon-päivitys näkyy Google-haussa?

Oikein toteutettu favicon voi näkyä muutamassa päivässä, mutta joillakin sivuilla kestää viikkoja. Google välimuistittaa faviconin, joten muutos ei näy heti. Search Consolen indeksointipyyntö nopeuttaa prosessia.

WordPressissä favicon ei näy Googlessa – mitä tehdä?

Varmista hallintapaneelissa, että site icon on määritelty, tarkista head-osan rel icon -linkit, tyhjennä cache ja CDN, tarkista robots.txt-esto ja varmista, että favicon-URL palauttaa HTTPS:n kautta 200-tilakoodin.

Vaikuttaako favicon suoraan SEO-rankingiin?

Favicon ei ole suora ranking-faktori, mutta se vaikuttaa brändin tunnistettavuuteen, luottamukseen ja klikkausprosenttiin hakutuloksissa. Siksi tekninen SEO ja käyttäjäkokemus kannattaa varmistaa faviconin osalta.

Yhteenveto ja seuraavat askeleet

Google-haussa faviconin puuttuminen korjataan oikealla tiedostolla, head-osan määrittelyllä, indeksoitavuudella, HTTPS-yhteensopivuudella ja välimuistin hallinnalla. Valmista neliön ja selkeä favicon, julkaise pysyvällä HTTPS-URL:lla, tarkista robots.txt ja palvelimen vastaukset, tyhjennä välimuistit ja pyydä indeksointia Search Consolessa.

Jos hostingissa, SSL:ssä, DNS:ssä tai saavutettavuudessa on ongelmia, faviconin puuttuminen voi viitata laajempiin teknisiin haasteisiin. Hostragonsin hosting-, domain- ja SSL-ratkaisut auttavat tekemään sivustostasi nopean, vakaan ja turvallisen – ja varmistamaan, että favicon näkyy Googlen hakutuloksissa.

Jaa tämä artikkeli:

Hostragons-tiimi

Asiantuntijatiimimme ajantasaiset oppaat webhotellista, palvelimista ja verkkotunnuksista. Löydätään yhdessä projektiisi sopiva ratkaisu.

Ota meihin yhteyttä