Ang maikling sagot: para masuri ang favicon ng iyong website online, ilagay ang iyong domain sa libreng Favicon Checker ng PromoPilot at i-click ang "Check." Hahanapin ng tool ang lahat ng icon na idineklara sa HTML at matatagpuan sa mga karaniwang path tulad ng /favicon.ico, magpapakita ng preview at laki ng bawat isa, titingnan ang Apple Touch Icon, at sasabihin sa iyo kung aling mga laki ang nawawala. Nasa ibaba ang isang minimal na hanay ng mga icon, ang natapos na code, at ang mga dahilan kung bakit ipinapakita Google ang isang kulay abong globo sa halip na ang iyong logo.
Labindalawa taon na akong gumagawa ng mga website, at alam ko: mas madalas na nakakalimutan ang mga favicon kaysa sa ibang elemento. Ang taga-disenyo ang gumagawa ng logo, ang developer ang gumagawa ng website, ngunit walang sinuman ang nagdadagdag ng favicon sa tab—hanggang sa magtanong ang unang kliyente, "Bakit may favicon ang kakumpitensya natin sa Google at tayo wala?"
Ano ang sinusuri ng Favicon Check?
Ang isang icon ng website ay hindi na lamang isang favicon.ico file. Ang mga browser, iPhone, Android, at Google ay gumagamit ng iba't ibang file at laki. Pinagsasama-sama ng tool na ito ang lahat ng mga ito sa isang ulat.
| Ano ang sinusuri nito? | Ano ang tinitingnan niya? | Bakit kailangan ito ng site? |
|---|---|---|
| Mga icon mula sa HTML | Lahat ng tag <link rel="icon">, shortcut icon, apple-touch-icon | Ito ang mga unang-unahin ng mga browser at Google |
| Mga karaniwang landas | /favicon.ico sa ugat ng site at iba pang karaniwang mga address | Maraming sistema ang naghahanap ng icon doon kahit walang tag. |
| Ang laki ng bawat icon | Lapad at taas sa mga pixel, format na ICO, PNG, SVG | Malabo ang maliit na icon sa mga high definition na screen. |
| Icon ng Apple Touch | Mayroon bang icon para sa iPhone at iPad? | Kung wala ito, lalabas ang screenshot ng pahina sa Home screen. |
| Preview | Ano ang hitsura ng bawat icon na natagpuan? | Makakakita ka ng mga sirang, walang laman, o banyagang (template) na mga icon |
| Mga Rekomendasyon | Anong mga sukat ang kulang? | Isang handa nang listahan ng mga gawain para sa isang taga-disenyo |
Paano tingnan ang favicon ng isang website online?
- Buksan ang Favicon Checker.
- Ilagay ang domain - sapat na
example.com, nang hindi tinutukoy ang pahina. - I-click ang "Suriin." Susuriin ng tool ang HTML ng homepage at mga karaniwang path.
- Suriin ang mga icon na natagpuan: preview, format, at laki ng bawat isa. Suriin kung mayroong karaniwang CMS o hosting icon sa mga ito.
- Basahin ang mga rekomendasyon at ibigay ang mga nawawalang sukat sa taga-disenyo o gawin mo mismo ang mga ito.
Pahina ng kagamitan: field ng domain, button na "Suriin", at paglalarawan ng mga pagsusuri gamit ang FAQ.
Madali lang ang pag-verify—sapat na ang limitasyon ng bisita para matingnan ang sarili mong site at ang mga site ng ilang kakumpitensya para sa paghahambing. Maaaring tingnan at i-download ang mga icon mula sa anumang site—magagamit mo ito kung kailangan mong hanapin ang orihinal ng sarili mong logo, na nawala kasama ng isang lumang kontratista.
Anong mga laki ng favicon ang kailangan sa 2026?
Kadalasang nakakagawa ang mga icon generator ng 20 file, ngunit ang talagang kailangan ay isang compact set. Narito ang minimum na ginagamit ko para sa lahat ng aking mga proyekto:
| File | Sukat | Saan ito ginagamit? |
|---|---|---|
favicon.ico | 16×16 at 32×32 sa isang file | Mga lumang browser, mga sistemang naghahanap ng icon sa root |
favicon.svg | Vektor | Mga modernong browser, malinaw sa anumang screen |
apple-touch-icon.png | 180×180 | Home Screen ng iPhone at iPad |
icon-192.png at icon-512.png | 192×192 at 512×512 | Web-manifest: Android, pag-install ng website bilang isang app |
At ang code para sa <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">
Tip sa disenyo: Sa 16 na pixel, nagiging malabo ang logo at teksto. Gumamit ng simbolo, ang unang letra ng pangalan, o isang pinasimpleng karakter sa isang magkakaibang background. Para sa Apple Touch Icon, huwag gumamit ng transparent na background—pupunuin ito ng iOS ng itim.
Paano gumawa ng favicon nang mag-isa, nang walang taga-disenyo?
Kung wala kang kahit anong icon, maaari kang gumawa ng isang basic set sa loob ng kalahating oras. Narito ang proseso:
- Gumamit ng simbolo, hindi ang buong logo. Gamitin ang unang letra ng pangalan, isang simbolo mula sa logo, o isang simpleng geometric na hugis na may kulay ng brand. Siguraduhing makikilala ito sa 16 na pixel.
- Gumuhit ng isang 512x512 na parisukat. Puwede na ang kahit sinong graphics editor o online designer. Mag-iwan ng ilang margin sa paligid ng mga gilid para hindi tumagos ang karatula sa mga border.
- I-save ang source file bilang SVG —ito ay magiging
favicon.svg, at lahat ng PNG na may kinakailangang laki ay maaaring putulin nang hindi nawawala ang kalidad. - Buuin ang mga natitirang laki (ICO, 180, 192) sa icon generator at ilagay ang mga file sa root ng site.
- Idikit ang code sa head at suriin muli ang resulta sa tool.
Tingnan kung paano lumalabas ang icon sa madilim na tema ng browser: ang isang itim na icon sa isang transparent na background ay basta na lang nawawala sa isang madilim na tab ng Chrome. Makakatulong ang isang maliwanag na background o isang contrasting na balangkas.
Bakit hindi ipinapakita Google ang favicon ng isang website?
Ang pinakamadalas itanong: Kung makakita ka ng kulay abong globo sa tabi ng isang address sa mga resulta ng paghahanap, karaniwang may ilang dahilan:
- Hindi parisukat ang icon. Kinakailangan Google ang 1:1 aspect ratio at laki na hindi bababa sa 8x8, ngunit inirerekomenda ang mas malaki sa 48x48: ang maliit na 16x16
favicon.icoay mukhang malabo sa mga resulta ng paghahanap. - Na-block ang icon mula sa robots. Dapat may access Google -Image sa icon file, at dapat may access Google sa pangunahing file. Kung na-block ang image folder sa robots.txt o kung may error na ibinalik ang file, hindi lilitaw ang icon sa mga resulta ng paghahanap.
- Wala sa homepage ang tag. Kinukuha Google ang favicon mula sa homepage ng domain o subdomain; hindi angkop ang seksyon ng homepage, tulad ng
example.com/shop. - Hindi matatag ang address ng icon. Kung magbabago ang path sa bawat pagbuo ng site (
/icon.a83f2.png), maaaring hindi ito mabilis na ma-update Google. - Matagal-tagal na rin. Hindi agad ina-update Google ang favicon pagkatapos ng isang pag-aayos; maaari mo itong pabilisin sa pamamagitan ng paghiling ng muling pag-scan ng homepage sa Search Console. Hindi nagbibigay Google ng eksaktong timeframe, kaya tingnan ang mga resulta nang hindi mas maaga kaysa sa ilang araw pagkatapos.
- Lumalabag ang icon sa mga patakaran. Pinapalitan Google ang mga hindi katanggap-tanggap na larawan ng isang karaniwang icon.
Paghahambing: Favicon Checker at mga Alternatibo
| Kagamitan | Ano ang libre? | Mga Restriksyon | Para kanino ito angkop? |
|---|---|---|---|
| PromoPilot - Tagasuri ng Favicon | Lahat ng icon mula sa HTML at karaniwang mga path, laki, preview, Apple Touch Icon, mga rekomendasyon | Hindi lumilikha ng mga icon, sinusuri ang pangunahing icon | Mabilis na suriin ang iyong website o ang website ng isang kakumpitensya |
| RealFaviconGenerator | Pagbuo ng isang hanay ng mga icon at code, pagsuri sa favicon | Maraming file ang ginagawa ng generator, kailangan mong malaman kung alin ang itatago | Para sa mga kailangang gumawa ng mga icon mula sa simula |
| Google Search Console | Humiling ng muling pag-scan ng pangunahing | Tanging ang na-verify na site nito lamang, ang hindi tumitingin sa icon | Pabilisin ang mga pag-update ng icon sa mga resulta ng paghahanap |
| Mga tool ng developer sa browser | Tab na may manifest at mga icon | Kailangan mong malaman kung saan titingin | Para sa mga developer |
Konklusyon: mas maginhawa ang isang online na tool para sa pagsusuri, isang generator para sa paglikha ng isang set, at Search Console para sa pagpapabilis ng mga update sa Google.
Siya nga pala, ang PromoPilot ay may 87 libreng SEO tools. Madali mong makikita kung ano ang hitsura ng favicon sa tabi ng pamagat sa SERP preview—mayroon kaming hiwalay na artikulo tungkol dito sa aming serye.
Ano ang mga limitasyon ng pag-verify ng favicon?
Sinusuri ng tool kung ano ang ina-advertise at ibinabalik ng site: hindi nito sasabihin sa iyo kung kailan ia-update Google ang icon sa mga resulta ng paghahanap—nakasalalay na iyon sa search engine mismo. Kung ang mga icon ay idinaragdag ng isang script pagkatapos mag-load ang pahina, maaaring hindi kasama ang ilan sa ulat. Tinitingnan din ng pagsusuri ang domain sa kabuuan—kung ang iba't ibang seksyon ng site ay may iba't ibang icon (halimbawa, isang subdomain ng tindahan), suriin ang mga ito nang hiwalay.
Kailan hindi sapat ang isang libreng tool?
Ang favicon ay isang maliit na isyu na bihirang mangailangan ng isang espesyalista. Ngunit may mga pagkakataon na ang isang maliit na isyu ay isang sintomas. Kailangan ng tulong kung:
- tama ang icon, pero ilang buwan nang nagpapakita Google ng globo - ibig sabihin ang problema ay nasa access ng robot o sa template;
- Ang brand ay walang simpleng logo at nangangailangan ng corporate style na gumagana sa 16 pixels;
- Ang site ay pinagsama-sama gamit ang isang tagabuo, at ang mga landas patungo sa mga icon ay nagbabago sa bawat pag-update;
- Ang favicon ay isa lamang sa dose-dosenang maliliit na error na naipon sa paglipas ng mga taon.
Ano ang magagawa ko para sa website mo?
Ako si Valeriy Danyuk, isang developer at SEO specialist na may 12 taon nang karanasan at mahigit 200 kliyente. Nagse-set up ako ng mga favicon, social media preview, at markup sa bawat website bago ito ilunsad.
SEO at pag-audit
- Turnkey website SEO audit: Hinahanap ko ang lahat ng teknikal na detalye—mula sa favicon at mga preview hanggang sa indexing at bilis—at inaayos ang mga ito sa code.
Mga website at online na tindahan
- Gumawa ng website na kapareho ng istilo ng website ng ibang tao sa loob lamang ng ilang minuto —sa 1001site, awtomatikong kino-configure ang mga icon, preview, at layout.
- Si Tilda na may bayad sa subscription o isang website na may AI —isang tapat na paghahambing ng mga pamamaraan.
- Magkano ang halaga ng isang turnkey website sa 2026? Ano ang mga salik na tumutukoy sa presyo?
- WordPress website na may AI assistant sa halagang €299 at 3 araw.
CRM at automation
- Isang pasadyang sistema ng CRM na may database ng customer at mga tagagawa ng desisyon para sa isang kumpanya mula sa Slovakia.
- Isang CRM para sa isang kumpanya ng pagtanggal ng sasakyan na awtomatikong nagkakalkula ng mga presyo at nagpi-print ng mga invoice.
Padalhan mo ako ng address ng website sa Telegram - Titingnan ko ang mga icon at lima o anim pang maliliit na bagay na madalas nakakalimutan.
Resulta
- Hinahanap ng Favicon Checker ang lahat ng mga icon ng site, ang kanilang mga laki, at ipinapakita kung alin ang nawawala sa isang minuto.
- Minimum na hanay: favicon.ico, favicon.svg, Apple Touch Icon 180×180, at mga icon na 192 at 512 para sa web-manifest.
- Para sa Google ang icon ay dapat parisukat, mas malaki sa 48x48, naa-access ng robot at idineklara sa pangunahing pahina.
- Kung mas madaling buuin muli ang isang website kaysa ayusin ang maliliit na isyu, awtomatikong kino-customize 1001site ang mga icon at preview.
Suriin ang iyong domain gamit ang libreng Favicon Checker – at suriin din ang domain ng iyong pangunahing kakumpitensya nang sabay.
Mga Pinagmumulan
- Pahina ng Favicon Checker ng PromoPilot — listahan ng mga pagsusuri at FAQ.
- Google Search Central - Mga Kinakailangan sa Favicon ng Mga Resulta ng Paghahanap.
- RealFaviconGenerator — bumubuo at sumusubok ng isang hanay ng mga icon.
