„Telegram“, WhatsApp “+380637610482
Valerijus Daniukas
Valerijus DaniukaskūrėjasKuriame dirbtinio intelekto įrankius įmonėms. Aukšta kokybė. Įperkama kaina.Parašyti į Telegram

Patikrinkite savo svetainės faviconą internete: kokie dydžiai reikalingi ir kodėl Google nerodo favicono

Patikrinkite savo svetainės faviconą internete: ICO, PNG, SVG ir „Apple Touch“ piktogramos su dydžiais ir peržiūromis

Ką gausite

  • Visų svetainių piktogramų – ICO, PNG, SVG, „Apple Touch Icon“ – sąrašas su dydžiais ir peržiūromis, nemokamas
  • Minimalus faviconų rinkinys, kurio reikia svetainei 2026 m., ir paruoštas kodas
  • Priežastys, kodėl Google rodo pilką gaublį, o ne jūsų piktogramą
Taikyti: per 10 minučiųIšsaugojimai: pasitikėjimas ir pripažinimas paieškos rezultatuose ir naršyklės skirtukuose

Trumpas atsakymas: norėdami patikrinti savo svetainės favicon internete, įveskite savo domeną į nemokamą „PromoPilot“ favicon tikrintuvą ir spustelėkite „Patikrinti“. Įrankis ras visas HTML deklaruotas ir standartiniuose keliuose, pvz., /favicon.ico, esančias piktogramas, parodys kiekvienos jų peržiūrą ir dydį, patikrins „Apple Touch“ piktogramą ir nurodys, kurių dydžių trūksta. Žemiau pateikiamas minimalus piktogramų rinkinys, baigtas kodas ir priežastys, kodėl Google rodo pilką gaublį vietoj jūsų logotipo.

Kuriu svetaines jau 12 metų ir žinau: faviconai pamirštami dažniau nei bet kuris kitas elementas. Dizaineris sukuria logotipą, kūrėjas sukuria svetainę, tačiau niekas niekada neprideda favicon prie skirtuko – kol pirmasis klientas nepaklausia: „Kodėl mūsų konkurentas turi faviconą Google, o mes ne?“

Ką tikrina „Favicon Check“?

Svetainės piktograma nebėra tik vienas favicon.ico failas. Naršyklės, „iPhone“, „Android“ ir Google naudoja skirtingus failus ir dydžius. Šis įrankis juos visus sujungia į vieną ataskaitą.

Ką jis tikrina? Į ką jis žiūri? Kodėl svetainei to reikia?
Piktogramos iš HTML Visos žymės <link rel="icon">, shortcut icon, apple-touch-icon Būtent juos naršyklės ir Google imasi pirmiausia
Standartiniai keliai /favicon.ico svetainės šakniniame faile ir kituose įprastuose adresuose Daugelis sistemų ieško piktogramos net ir be žymės.
Kiekvienos piktogramos dydis Plotis ir aukštis pikseliais, formatas ICO, PNG, SVG Maža piktograma didelės raiškos ekranuose yra neryški.
„Apple Touch“ piktograma Ar yra „iPhone“ ir „iPad“ piktograma? Be jo, pagrindiniame ekrane bus rodoma puslapio ekrano kopija.
Peržiūra Kaip atrodo kiekviena rasta piktograma? Galite matyti neveikiančias, tuščias arba svetimas (šablono) piktogramas
Rekomendacijos Kokių dydžių trūksta? Paruoštas dizainerio užduočių sąrašas

Kaip patikrinti svetainės faviconą internete?

Patikrinkite savo faviconą trimis žingsniais: įveskite savo domeną, spustelėkite „Patikrinti“ ir peržiūrėkite rastas piktogramas, dydžius ir rekomendacijas.

  1. Atidarykite Favicon tikrintuvą.
  2. Įveskite domeną – pakanka example.com, nenurodant puslapio.
  3. Spustelėkite „Patikrinti“. Įrankis analizuos pagrindinio puslapio HTML ir standartinius kelius.
  4. Peržiūrėkite rastas piktogramas: kiekvienos peržiūrą, formatą ir dydį. Patikrinkite, ar tarp jų yra standartinė TVS arba talpinimo piktograma.
  5. Perskaitykite rekomendacijas ir pateikite trūkstamus matmenis dizaineriui arba pasigaminkite juos patys.

Įrankio puslapis: domeno laukas, mygtukas „Patikrinti“ ir patikrinimų aprašymas su DUK.

Nemokamas „PromoPilot“ „Favicon Checker“ puslapis: domeno laukas, visų piktogramų paieška ir „Apple Touch“ piktogramų tikrinimas

Patikrinti paprasta – svečių limito pakanka, kad galėtumėte palyginti savo svetainę su kelių konkurentų svetainėmis. Galima peržiūrėti ir atsisiųsti bet kurios svetainės piktogramas – tai patogu, jei reikia rasti savo logotipo originalą, pamestą kartu su senu rangovu.

Kokie favicon dydžiai reikalingi 2026 m.?

Piktogramų generatoriai dažnai sukuria 20 failų, bet iš tikrųjų reikia kompaktiško rinkinio. Štai minimalus skaičius, kuriuos naudoju visiems savo projektams:

Failas Dydis Kur jis naudojamas?
favicon.ico 16 × 16 ir 32 × 32 viename faile Senos naršyklės, sistemos, kurios ieško piktogramos šakniniame kataloge
favicon.svg Vektorius Šiuolaikinės naršyklės, aiškiai matomos bet kuriame ekrane
apple-touch-icon.png 180 × 180 „iPhone“ ir „iPad“ pagrindinis ekranas
icon-192.png ir icon-512.png 192 × 192 ir 512 × 512 Žiniatinklio manifestas: „Android“, svetainės diegimas kaip programėlės

Ir kodas, skirtas <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">

Dizaino patarimas: esant 16 pikselių dydžiui, logotipas ir tekstas tampa neryškūs. Naudokite simbolį, pirmąją pavadinimo raidę arba supaprastintą simbolį kontrastingame fone. „Apple Touch“ piktogramai nenaudokite skaidraus fono – „iOS“ ją užpildys juoda spalva.

Kaip patiems pasidaryti faviconą be dizainerio?

Jei neturite jokių piktogramų, galite sukurti pagrindinį rinkinį per pusvalandį. Štai procedūra:

  1. Naudokite simbolį, o ne visą logotipą. Naudokite pirmąją pavadinimo raidę, simbolį iš logotipo arba paprastą geometrinę figūrą prekės ženklo spalva. Įsitikinkite, kad ji atpažįstama esant 16 pikselių dydžiui.
  2. Nubraižykite 512x512 kvadratą. Tam tiks bet kuris grafikos redaktorius arba internetinis dizaineris. Palikite šiek tiek paraščių aplink kraštus, kad ženklas neperžengtų rėmelių.
  3. Išsaugokite šaltinio failą kaip SVG — jis taps favicon.svg ir visus reikiamo dydžio PNG failus bus galima iškirpti neprarandant kokybės.
  4. Piktogramų generatoriuje sugeneruokite likusius dydžius (ICO, 180, 192) ir įdėkite failus į svetainės šakninį katalogą.
  5. Įklijuokite kodą į galvutę ir dar kartą patikrinkite rezultatą įrankyje.

Patikrinkite, kaip piktograma atrodo naršyklės tamsiojoje temoje: juoda piktograma skaidriame fone tiesiog išnyksta tamsiame „Chrome“ skirtuke. Šviesus fonas arba kontrastingas kontūras padės.

Kodėl Google nerodo svetainės favicon?

Dažniausiai užduodamas klausimas: jei paieškos rezultatuose šalia adreso matote pilką gaublį, paprastai tam yra kelios priežastys:

  1. Piktograma nėra kvadratinė. Google reikalauja 1:1 formato santykio ir bent 8x8 dydžio, bet rekomenduoja didesnį nei 48x48: maža 16x16 dydžio favicon.ico paieškos rezultatuose atrodo neryški.
  2. Piktograma užblokuota robotams. Google paveikslėlis turi turėti prieigą prie piktogramos failo, o Google turi turėti prieigą prie pagrindinio failo. Jei paveikslėlio aplankas yra užblokuotas robots.txt faile arba failas grąžinamas su klaida, piktograma nebus rodoma paieškos rezultatuose.
  3. Žymės nėra pagrindiniame puslapyje. Google ima faviconą iš domeno arba subdomeno pagrindinio puslapio; pagrindinio puslapio skiltis, pvz., example.com/shop netinka.
  4. Piktogramos adresas nestabilus. Jei kelias keičiasi su kiekvienu svetainės kūrimu ( /icon.a83f2.png), Google gali negalėti jo greitai atnaujinti.
  5. Praėjo nemažai laiko. Google neatnaujina svetainės piktogramos iš karto po pataisymo; galite tai pagreitinti, paprašydami iš naujo nuskaityti pagrindinį puslapį „Search Console“. Google nenurodo tikslaus laiko intervalo, todėl rezultatus patikrinkite ne anksčiau kaip po kelių dienų.
  6. Piktograma pažeidžia taisykles. Google nepriimtinus vaizdus pakeičia standartine piktograma.

Palyginimas: „Favicon“ tikrintuvas ir alternatyvos

Įrankis Kas yra nemokama? Apribojimai Kam tai tinka?
„PromoPilot“ – Favicon tikrintuvas Visos piktogramos iš HTML ir standartinių kelių, dydžiai, peržiūros, „Apple Touch“ piktograma, rekomendacijos Nesukuria piktogramų, tikrina pagrindinę Greitai patikrinkite savo arba konkurento svetainę
Tikrųjų „Favicon“ generatorius Piktogramų ir kodo rinkinio generavimas, favicon tikrinimas Generatorius sukuria daug failų, reikia išsiaiškinti, kuriuos iš jų išsaugoti Tiems, kuriems reikia kurti piktogramas nuo nulio
Google paieškos konsolė Prašyti pakartotinio pagrindinio nuskaitymo Tik patikrinta svetainė, netikrina piktogramos Paspartinkite piktogramų atnaujinimus paieškos rezultatuose
Kūrėjo įrankiai naršyklėje Skirtukas su manifestu ir piktogramomis Reikia žinoti, kur ieškoti Kūrėjams

Išvada: internetinis įrankis yra patogesnis tikrinimui, generatorius rinkiniui sukurti, o „Search Console“ – atnaujinimams Google pagreitinti.

Beje, „PromoPilot“ siūlo 87 nemokamas SEO priemones. Galite lengvai pamatyti, kaip favicon atrodo šalia pavadinimo SERP peržiūroje – apie tai turime atskirą straipsnį savo serijoje.

Kokie yra favicon patvirtinimo apribojimai?

Įrankis tikrina, ką svetainė reklamuoja ir pateikia: jis nenurodys, kada Google atnaujina piktogramą paieškos rezultatuose – tai priklauso nuo pačios paieškos sistemos. Jei piktogramos pridedamos scenarijaus pagalba po puslapio įkėlimo, kai kurios iš jų gali būti neįtrauktos į ataskaitą. Tikrinant taip pat atsižvelgiama į visą domeną – jei skirtingose svetainės dalyse yra skirtingos piktogramos (pvz., parduotuvės subdomenas), patikrinkite jas atskirai.

Kada nepakanka nemokamo įrankio?

Svetainė be favicon ir su visu piktogramų rinkiniu: pilkas „Google“ gaublys, palyginti su savo piktograma ir „Apple Touch“ piktograma

Favicon yra nedidelė problema, kuriai retai reikia specialisto pagalbos. Tačiau pasitaiko atvejų, kai nedidelė problema yra simptomas. Pagalbos reikia, jei:

  • piktograma teisinga, bet Google jau kelis mėnesius rodo gaublį – tai reiškia, kad problema susijusi su roboto prieiga arba su šablonu;
  • prekės ženklas neturi paprasto logotipo ir jam reikalingas firminis stilius, veikiantis su 16 pikselių;
  • svetainė kompiliuojama naudojant kūrimo įrankį, o keliai į piktogramas keičiasi su kiekvienu atnaujinimu;
  • Favicon yra tik viena iš dešimčių nedidelių klaidų, susikaupusių per daugelį metų.

Ką galiu padaryti dėl jūsų svetainės?

Esu Valerijus Daniukas, programuotojas ir SEO specialistas, turintis 12 metų patirtį ir daugiau nei 200 klientų. Prieš paleidžiant svetainę, nustatau jose faviconus, socialinių tinklų peržiūras ir žymėjimą.

SEO ir auditas

Svetainės ir internetinės parduotuvės

CRM ir automatizavimas

Atsiųskite man svetainės adresą Telegram programoje – patikrinsiu piktogramas ir dar penkis ar šešis dalykus, kurie dažnai pamirštami.

Rezultatas

  1. „Favicon Checker“ per minutę suranda visas svetainės piktogramas, jų dydžius ir parodo, kurių trūksta.
  2. Minimalus rinkinys: favicon.ico, favicon.svg, „Apple Touch“ piktograma 180 × 180 ir piktogramos 192 bei 512 žiniatinklio manifestui.
  3. Google atveju piktograma turi būti kvadratinė, didesnė nei 48x48, prieinama robotui ir deklaruota pagrindiniame puslapyje.
  4. Jei lengviau atkurti svetainę nei ištaisyti nedideles problemas, 1001site automatiškai pritaiko piktogramas ir peržiūras.

Patikrinkite savo domeną naudodami nemokamą „Favicon Checker“ – ir tuo pačiu metu patikrinkite pagrindinio konkurento domeną.

Šaltiniai

  • „PromoPilot“ mėgstamiausių piktogramų tikrinimo puslapis – patikrinimų sąrašas ir DUK.
  • Google Search Central“ – paieškos rezultatų favicon reikalavimai.
  • „RealFaviconGenerator“ – generuoja ir testuoja piktogramų rinkinį.

Nuorodos ir šaltiniai

Klausimai ir atsakymai

Kodėl svetainei reikalinga favicon?

Svetainės piktograma yra svetainės piktograma, rodoma naršyklės skirtukuose, žymėse, istorijoje ir šalia adreso Google paieškos rezultatuose telefonuose ir kompiuteriuose. Svetainės piktograma leidžia atpažinti svetainę ir ją atskirti nuo kitų paieškos rezultatų; be jos naršyklė ir Google rodo bendrą piktogramą.

Kokio dydžio faviconai reikalingi?

Praktinis minimumas: favicon.ico (16 ir 32 pikselių viename faile) arba PNG 32x32 naršyklėms, SVG šiuolaikinėms naršyklėms, Apple Touch Icon 180x180 iPhone ir iPad įrenginiams, PNG 192x192 ir 512x512 žiniatinklio manifestui Android sistemoje. Google piktograma turėtų būti kvadratinė; rekomenduojamas dydis didesnis nei 48x48.

Kas yra „Apple Touch“ piktograma?

Tai piktograma, kurią rodo „iPhone“ ir „iPad“ telefonai, kai svetainė pridedama prie pagrindinio ekrano, taip pat kai kuriose „Safari“ žymėse. Standartinis dydis yra 180 x 180 pikselių PNG, be skaidrumo. Be skaidrumo įrenginys naudoja sumažintą puslapio ekrano kopiją.

Patikrinome svetainę, bet niekas to nepataisė?

Šis nemokamas įrankis atskleidžia problemas. Išanalizuosiu ataskaitą, nustatysiu prioritetus ir jas ištaisysiu: SEO auditą, spartinimą, žymėjimą ir perkėlimą į naują svetainę neprarandant reitingų.