Telegram, WhatsApp+380637610482
Valeri Danjuk
Valeri DanjukarendajaTehisintellekti tööriistade arendamine ettevõtetele. Kõrge kvaliteet. Taskukohane.Kirjuta Telegrami

Kontrolli oma veebisaidi faviconi veebis: milliseid suurusi on vaja ja miks Google faviconi ei kuva

Kontrolli oma veebisaidi lemmikikooni veebis: ICO, PNG, SVG ja Apple Touch ikoonid koos suuruste ja eelvaadetega

Mida sa saad

  • Kõigi veebisaidi ikoonide loend – ICO, PNG, SVG, Apple Touch Icon – koos suuruste ja eelvaadetega, tasuta
  • Veebisaidi minimaalne faviconide komplekt 2026. aastal ja valmiskood
  • Põhjused, miks Google kuvab teie ikooni asemel halli maakera
Rakenda: 10 minuti pärastSalvestab: usaldus ja tunnustus otsingutulemustes ja brauseri vahekaartidel

Lühike vastus: oma veebisaidi faviconi kontrollimiseks sisestage oma domeen PromoPiloti tasuta faviconi kontrollijasse ja klõpsake nuppu „Kontrolli“. Tööriist leiab kõik HTML-is deklareeritud ikoonid, mis asuvad standardsetes teedes (nt /favicon.ico), kuvab igaühe eelvaate ja suuruse, kontrollib Apple Touchi ikooni ja ütleb teile, millised suurused puuduvad. Allpool on minimaalne ikoonide komplekt, valmis kood ja põhjused, miks Google kuvab teie logo asemel halli maakera.

Olen veebilehti loonud 12 aastat ja tean: faviconid unustatakse sagedamini kui ükski teine element. Disainer loob logo, arendaja ehitab veebilehe, aga keegi ei lisa faviconi vahelehele – kuni esimene klient küsib: "Miks meie konkurendil on Google favicon ja meil mitte?"

Mida Favicon Check kontrollib?

Veebisaidi ikoon ei ole enam lihtsalt üks favicon.ico fail. Brauserid, iPhone, Android ja Google kasutavad kõik erinevaid faile ja suurusi. See tööriist koondab need kõik ühte aruandesse.

Mida see kontrollib? Mida ta vaatab? Miks sait seda vajab?
HTML-i ikoonid Kõik sildid <link rel="icon">, shortcut icon, apple-touch-icon Just neid võtavad brauserid ja Google esmalt
Standardsed teed /favicon.ico saidi juurkataloogis ja muud tüüpilised aadressid Paljud süsteemid otsivad ikooni sealt isegi ilma sildita.
Iga ikooni suurus Laius ja kõrgus pikslites, formaat ICO, PNG, SVG Väike ikoon on kõrglahutusega ekraanidel udune.
Apple'i puuteikoon Kas iPhone'il ja iPadil on ikoon? Ilma selleta kuvatakse avakuval lehe ekraanipilt.
Eelvaade Milline iga leitud ikoon välja näeb? Näete katkiseid, tühje või võõraid (malli) ikoone
Soovitused Millised suurused puuduvad? Disainerile mõeldud valmis ülesannete loend

Kuidas kontrollida veebisaidi lemmikikooni veebis?

Kontrolli oma lemmikikooni kolmes etapis: sisesta oma domeen, klõpsa nupul „Kontrolli“ ja uuri leitud ikoone, suurusi ja soovitusi.

  1. Ava Faviconi kontrollija.
  2. Sisestage domeen – piisab example.com ist, ilma lehte täpsustamata.
  3. Klõpsake nuppu „Kontrolli“. Tööriist analüüsib avalehe HTML-i ja standardseid teid.
  4. Vaadake üle leitud ikoonid: igaühe eelvaade, vorming ja suurus. Kontrollige, kas nende hulgas on standardne CMS-i või hostingu ikoon.
  5. Lugege soovitusi ja esitage disainerile puuduvad mõõtmed või tehke need ise.

Tööriistaleht: domeeniväli, nupp „Kontrolli” ja kontrollide kirjeldus koos KKK-ga.

PromoPiloti tasuta Faviconi kontrollimise leht: domeeniväli, kõigi ikoonide otsing ja Apple Touchi ikoonide kontroll

Kontrollimine on lihtne – külaliste limiidist piisab, et võrrelda oma saiti ja paari konkurendi saiti. Iga saidi ikoone saab vaadata ja alla laadida – see on mugav, kui teil on vaja leida oma logo originaal, mis on vana töövõtjaga kaduma läinud.

Milliseid faviconi suurusi on vaja aastal 2026?

Ikoonigeneraatorid toodavad sageli 20 faili, aga tegelikult on vaja kompaktset komplekti. Siin on miinimum, mida ma kõigi oma projektide puhul kasutan:

Fail Suurus Kus seda kasutatakse?
favicon.ico 16×16 ja 32×32 ühes failis Vanad brauserid, süsteemid, mis otsivad ikooni juurkataloogist
favicon.svg Vektor Kaasaegsed brauserid, selged igal ekraanil
apple-touch-icon.png 180×180 iPhone'i ja iPadi avakuva
icon-192.png ja icon-512.png 192 × 192 ja 512 × 512 Veebimanifest: Android, veebisaidi installimine rakendusena

Ja kood <head> jaoks:

<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">

Kujundusnipp: 16 piksli juures muutuvad logo ja tekst häguseks. Kasutage sümbolit, nime esimest tähte või lihtsustatud tähemärki kontrastsel taustal. Apple Touchi ikooni puhul ärge kasutage läbipaistvat tausta – iOS täidab selle mustaga.

Kuidas ise faviconi teha, ilma disainerita?

Kui sul pole ühtegi ikooni, saad poole tunniga luua põhikomplekti. Toiming on järgmine:

  1. Kasuta sümbolit, mitte tervet logo. Kasuta nime esimest tähte, logo sümbolit või lihtsat geomeetrilist kujundit brändivärvis. Veendu, et see oleks 16 piksli juures äratuntav.
  2. Joonista 512x512 ruut. Selleks sobib ükskõik milline graafikaredaktor või veebidisainer. Jäta servade ümber veerised, et silt ei ulatuks ääristele.
  3. Salvesta lähtefail SVG-na — sellest saab favicon.svg ja kõiki vajaliku suurusega PNG-sid saab lõigata ilma kvaliteeti kaotamata.
  4. Genereerige ikoonigeneraatoris ülejäänud suurused (ICO, 180, 192) ja asetage failid saidi juurkataloogi.
  5. Kleepige kood päisesse ja kontrollige tulemust tööriistas uuesti.

Kontrollige, kuidas ikoon brauseri tumedas teemas kuvatakse: läbipaistval taustal olev must ikoon kaob tumedal Chrome'i vahelehel lihtsalt ära. Hele taust või kontrastne kontuur aitab.

Miks Google ei näita saidi lemmikikooni?

Kõige sagedamini esitatav küsimus: kui otsingutulemustes aadressi kõrval kuvatakse halli maakera, on sellel tavaliselt mitu põhjust:

  1. Ikoon ei ole ruudukujuline. Google nõuab kuvasuhet 1:1 ja suurust vähemalt 8x8, kuid soovitab suuremat kui 48x48: pisike 16x16 favicon.ico näeb otsingutulemustes udune välja.
  2. Ikoon on robotite eest blokeeritud. Google – pildil peab olema juurdepääs ikoonifailile ja Google peab olema juurdepääs põhifailile. Kui pildikaust on robots.txt-s blokeeritud või fail tagastatakse veaga, siis ikooni otsingutulemustes ei kuvata.
  3. Silt ei ole avalehel. Google võtab faviconi domeeni või alamdomeeni avalehelt; avalehe osa, näiteks example.com/shop ei sobi.
  4. Ikooni aadress on ebastabiilne. Kui tee iga saidi loomisel muutub ( /icon.a83f2.png), ei pruugi Google seda kiiresti uuendada.
  5. Sellest on juba tükk aega möödas. Google ei uuenda lemmikikooni kohe pärast veaparandust; saate seda kiirendada, taotledes Search Console'is avalehe uuesti skannimist. Google ei anna täpset ajaraami, seega kontrollige tulemusi mitte varem kui mõne päeva pärast.
  6. Ikoon rikub reegleid. Google asendab sobimatud pildid standardse ikooniga.

Võrdlus: Faviconi kontrollija ja alternatiivid

Tööriist Mis on tasuta? Piirangud Kellele see sobib?
PromoPilot - Faviconi kontrollija Kõik HTML-i ja standardsete teede ikoonid, suurused, eelvaated, Apple Touchikoon, soovitused Ei loo ikoone, kontrollib peamist Kontrollige kiiresti oma või konkurendi veebisaiti
PärisFaviconi generaator Ikoonide ja koodi genereerimine, faviconi kontrollimine Generaator genereerib palju faile, peate välja mõtlema, milliseid neist alles hoida Neile, kes peavad ikoone nullist tegema
Google otsingukonsool Taotle põhiseadme uuesti skannimist Ainult kinnitatud sait, ikooni ei kontrollita Kiirendage ikoonide värskendamist otsingutulemustes
Arendaja tööriistad brauseris Manifesti ja ikoonidega vahekaart Sa pead teadma, kust otsida Arendajatele

Järeldus: veebitööriist on mugavam kontrollimiseks, generaator komplekti loomiseks ja otsingukonsool Google värskenduste kiirendamiseks.

Muide, PromoPilot pakub 87 tasuta SEO tööriista. Otsingutulemuste eelvaates saate hõlpsalt näha, kuidas favicon pealkirja kõrval välja näeb – selle kohta on meie sarjas eraldi artikkel.

Millised on faviconi kinnitamise piirangud?

Tööriist kontrollib, mida sait reklaamib ja tagastab: see ei ütle teile, millal Google ikooni otsingutulemustes värskendab – see on otsingumootori enda otsustada. Kui ikoonid lisatakse skripti abil pärast lehe laadimist, ei pruugi mõned neist aruandesse kaasatud olla. Kontroll vaatleb ka domeeni tervikuna – kui saidi eri osadel on erinevad ikoonid (näiteks poe alamdomeen), kontrollige neid eraldi.

Millal tasuta tööriistast ei piisa?

Veebisait ilma faviconi ja täieliku ikoonide komplektita: Google'i hall maakera versus oma ikoon ja Apple Touchi ikoon

Favicon on väike probleem, mis harva vajab spetsialisti abi. Kuid on olukordi, kus väike probleem on sümptom. Abi on vaja järgmistel juhtudel:

  • ikoon on õige, aga Google on juba kuid maakera näidanud – see tähendab, et probleem on roboti ligipääsuga või malliga;
  • brändil pole lihtsat logo ja see vajab 16 pikslil töötavat ettevõtte stiili;
  • sait on koostatud koostaja abil ja ikoonide teed muutuvad iga värskendusega;
  • Favicon on vaid üks kümnetest pisivigadest, mis on aastate jooksul kogunenud.

Mida ma saan teie veebisaidi heaks teha?

Olen Valeriy Danyuk, arendaja ja SEO spetsialist, kellel on 12 aastat kogemust ja üle 200 kliendi. Seadistan igale veebisaidile enne selle avaldamist faviconid, sotsiaalmeedia eelvaated ja märgistuse.

SEO ja audit

Veebilehed ja veebipoed

CRM ja automatiseerimine

Saada mulle Telegram veebilehe aadress – ma kontrollin ikoone ja viit-kuust muud pisiasja, mis tihti ununevad.

Tulemus

  1. Favicon Checker leiab kõik saidiikoonid, nende suurused ja näitab minutiga, millised puuduvad.
  2. Miinimumkomplekt: favicon.ico, favicon.svg, Apple Touch Icon 180×180 ning ikoonid 192 ja 512 veebimanifesti jaoks.
  3. Google puhul peab ikoon olema ruudukujuline, suurem kui 48x48, robotile ligipääsetav ja avalehel deklareeritud.
  4. Kui veebisaidi taastamine on lihtsam kui väiksemate probleemide lahendamine, kohandab 1001site ikoone ja eelvaateid automaatselt.

Kontrolli oma domeeni tasuta Favicon Checkeriga – ja kontrolli samal ajal oma peamise konkurendi domeeni.

Allikad

  • PromoPiloti lemmikute kontrollimise leht — kontrollide loend ja KKK.
  • Google Search Central – otsingutulemuste faviconi nõuded.
  • RealFaviconGenerator — genereerib ja testib ikoonide komplekti.

Viited ja allikad

Küsimused ja vastused

Miks on veebisaidil vaja faviconi?

Favicon on veebisaidi ikoon, mis kuvatakse brauseri vahekaartidel, järjehoidjates, ajaloos ja Google otsingutulemustes telefonides ja arvutites aadressi kõrval. Favicon muudab veebisaidi äratuntavaks ja eristab seda teistest otsingutulemustest; ilma selleta kuvavad brauser ja Google üldist ikooni.

Milliseid faviconi suurusi on vaja?

Praktiline miinimum: favicon.ico (16 ja 32 pikslit ühes failis) või PNG 32x32 brauserite jaoks, SVG tänapäevaste brauserite jaoks, Apple Touch Icon 180x180 iPhone'i ja iPadi jaoks, PNG 192x192 ja 512x512 veebimanifesti jaoks Androidis. Google puhul peaks ikoon olema ruudukujuline; soovitatav on suurus suurem kui 48x48.

Mis on Apple Touchikoon?

See on ikoon, mida iPhone'id ja iPadid kuvavad veebisaidi lisamisel avakuvale, samuti mõnedes Safari järjehoidjates. Standardsuurus on 180x180 pikslit PNG-fail ilma läbipaistvuseta. Läbipaistmatuse korral kasutab seade lehe vähendatud ekraanipilti.

Kontrollisime veebilehte, aga kedagi pole, kes seda parandaks?

See tasuta tööriist paljastab probleemid. Analüüsin aruannet, sean prioriteediks ja parandan need: SEO audit, kiirendamine, märgistus ja uuele saidile migreerimine ilma edetabelit kaotamata.