Telegramu, WhatsApp+380637610482
Valery Danyuk
Valery Danyukmsanidi programuKutengeneza zana za AI kwa ajili ya biashara. Ubora wa juu. Nafuu.Andika kwenye Telegram

Angalia favikoni ya tovuti yako mtandaoni: ni ukubwa gani unaohitajika na kwa nini Google haionyeshi favikoni

Angalia favicon ya tovuti yako mtandaoni: Aikoni za ICO, PNG, SVG, na Apple Touch zenye ukubwa na hakikisho

Utapata nini

  • Orodha ya aikoni zote za tovuti – ICO, PNG, SVG, Aikoni ya Apple Touch – zenye ukubwa na hakikisho, bila malipo
  • Kiwango cha chini cha favicon kinachohitajika na tovuti mwaka wa 2026, na msimbo uliotengenezwa tayari
  • Sababu za Kwa Nini Google Inaonyesha Globe ya Kijivu Badala ya Aikoni Yako
Tumia: ndani ya dakika 10Hifadhi: uaminifu na utambuzi katika matokeo ya utafutaji na vichupo vya kivinjari

Jibu fupi: ili kuangalia favicon ya tovuti yako mtandaoni, ingiza kikoa chako katika Kikagua Favicon cha PromoPilot bila malipo na ubofye "Angalia." Chombo hiki kitapata aikoni zote zilizotangazwa katika HTML na ziko katika njia za kawaida kama /favicon.ico, kuonyesha hakikisho na ukubwa wa kila moja, angalia Aikoni ya Apple Touch, na kukuambia ni saizi zipi hazipo. Hapa chini kuna seti ndogo ya aikoni, msimbo uliokamilika, na sababu kwa nini Google inaonyesha tufe la kijivu badala ya nembo yako.

Nimekuwa nikitengeneza tovuti kwa miaka 12, na najua: favikoni husahaulika mara nyingi zaidi kuliko kipengele kingine chochote. Mbuni huunda nembo, msanidi programu huunda tovuti, na bado hakuna mtu anayeongeza favikoni kwenye kichupo—hadi mteja wa kwanza atakapouliza, "Kwa nini mshindani wetu ana favikoni kwenye Google na sisi hatuna?"

Je, Favicon Check huangalia nini?

Aikoni ya tovuti si faili moja tu favicon.ico. Vivinjari, iPhone, Android, na Google vyote hutumia faili na ukubwa tofauti. Zana hii huzikusanya zote katika ripoti moja.

Inaangalia nini? Anaangalia nini? Kwa nini tovuti inahitaji hii?
Aikoni kutoka HTML Lebo zote <link rel="icon">, shortcut icon, apple-touch-icon Ni haya ambayo vivinjari na Google huchukua kwanza kabisa
Njia za kawaida /favicon.ico kwenye mzizi wa tovuti na anwani zingine za kawaida Mifumo mingi hutafuta aikoni hapo hata bila lebo.
Ukubwa wa kila aikoni Upana na urefu katika pikseli, umbizo la ICO, PNG, SVG Aikoni ndogo haina mwangaza kwenye skrini zenye ubora wa hali ya juu.
Aikoni ya Kugusa Apple Je, kuna aikoni ya iPhone na iPad? Bila hiyo, picha ya skrini ya ukurasa itaonekana kwenye skrini ya Nyumbani.
Hakikisho Kila aikoni iliyopatikana inaonekanaje? Unaweza kuona aikoni zilizovunjika, tupu au za kigeni (kiolezo)
Mapendekezo Ni ukubwa gani unaokosekana? Orodha ya kazi zilizotengenezwa tayari kwa mbunifu

Jinsi ya kuangalia favicon ya tovuti mtandaoni?

Angalia favikoni yako katika hatua 3: ingiza kikoa chako, bofya "Angalia", na uchunguze aikoni, ukubwa, na mapendekezo yaliyopatikana.

  1. Fungua Kikagua Favikoni.
  2. Ingiza kikoa - example.com inatosha, bila kutaja ukurasa.
  3. Bonyeza "Angalia." Zana hii itachambua HTML ya ukurasa wa nyumbani na njia za kawaida.
  4. Kagua aikoni zilizopatikana: hakikisho, umbizo, na ukubwa wa kila moja. Angalia kama kuna CMS ya kawaida au aikoni ya mwenyeji miongoni mwao.
  5. Soma mapendekezo na umpe mbuni vipimo vilivyokosekana au uvitengeneze mwenyewe.

Ukurasa wa zana: sehemu ya kikoa, kitufe cha "Angalia", na maelezo ya hundi zenye Maswali Yanayoulizwa Mara kwa Mara.

Ukurasa wa Kikagua Favicon bila malipo wa PromoPilot: Sehemu ya kikoa, utafutaji wa aikoni zote, na ukaguzi wa Aikoni ya Apple Touch

Uthibitishaji ni rahisi—kikomo cha wageni kinatosha kuangalia tovuti yako mwenyewe na tovuti kadhaa za washindani kwa ajili ya kulinganisha. Aikoni kutoka kwa tovuti yoyote zinaweza kutazamwa na kupakuliwa—ni muhimu ikiwa unahitaji kupata asili ya nembo yako mwenyewe, iliyopotea pamoja na mkandarasi wa zamani.

Ni ukubwa gani wa favikoni unahitajika mwaka wa 2026?

Jenereta za aikoni mara nyingi hutoa faili 20, lakini kinachohitajika sana ni seti ndogo. Hapa kuna kiwango cha chini ninachotumia kwa miradi yangu yote:

Faili Ukubwa Inatumika wapi?
favicon.ico 16×16 na 32×32 katika faili moja Vivinjari vya zamani, mifumo inayotafuta aikoni kwenye mzizi
favicon.svg Vekta Vivinjari vya kisasa, vikiwa wazi kwenye skrini yoyote
apple-touch-icon.png 180×180 Skrini ya Nyumbani ya iPhone na iPad
icon-192.png na icon-512.png 192×192 na 512×512 Wavuti: Android, kusakinisha tovuti kama programu

Na msimbo wa <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">

Ushauri wa muundo: Katika pikseli 16, nembo na maandishi huwa blur. Tumia ishara, herufi ya kwanza ya jina, au herufi iliyorahisishwa kwenye mandharinyuma tofauti. Kwa Aikoni ya Apple Touch, usitumie mandharinyuma yenye uwazi—iOS itaijaza na nyeusi.

Jinsi ya kutengeneza favicon mwenyewe, bila mbuni?

Kama huna aikoni zozote, unaweza kuunda seti ya msingi katika nusu saa. Huu ndio utaratibu:

  1. Tumia ishara, si nembo nzima. Tumia herufi ya kwanza ya jina, ishara kutoka kwenye nembo, au umbo rahisi la kijiometri katika rangi ya chapa. Hakikisha inatambulika katika pikseli 16.
  2. Chora mraba wa 512x512. Mhariri yeyote wa michoro au mbunifu wa mtandaoni atafanya hivyo. Acha pembezoni kuzunguka kingo ili ishara isiingie kwenye mipaka.
  3. Hifadhi faili chanzo kama SVG —itakuwa favicon.svg, na PNG zote za ukubwa unaohitajika zinaweza kukatwa bila kupoteza ubora.
  4. Tengeneza ukubwa uliobaki (ICO, 180, 192) kwenye jenereta ya aikoni na uweke faili kwenye mzizi wa tovuti.
  5. Bandika msimbo kwenye kichwa na uangalie matokeo kwenye kifaa tena.

Angalia jinsi aikoni inavyoonekana katika mandhari nyeusi ya kivinjari: aikoni nyeusi kwenye mandhari inayong'aa hutoweka tu kwenye kichupo cheusi cha Chrome. Mandharinyuma mepesi au muhtasari tofauti utasaidia.

Kwa nini Google haionyeshi kipendwa cha tovuti?

Swali linaloulizwa mara kwa mara: Ukiona tufe la kijivu karibu na anwani katika matokeo ya utafutaji, kwa kawaida kuna sababu kadhaa:

  1. Aikoni si ya mraba. Google inahitaji uwiano wa kipengele cha 1:1 na ukubwa wa angalau 8x8, lakini inapendekeza ukubwa zaidi ya 48x48: favicon.ico ndogo ya 16x16 inaonekana kuwa haina mwangaza katika matokeo ya utafutaji.
  2. Aikoni imezuiwa kutoka kwa roboti. Google -Image lazima iwe na ufikiaji wa faili ya aikoni, na Google lazima iwe na ufikiaji wa faili kuu. Ikiwa folda ya picha imezuiwa katika robots.txt au faili imerudishwa ikiwa na hitilafu, aikoni haitaonekana kwenye matokeo ya utafutaji.
  3. Lebo haipo kwenye ukurasa wa nyumbani. Google huondoa favikoni kutoka ukurasa wa nyumbani wa kikoa au kikoa kidogo; sehemu ya ukurasa wa nyumbani, kama vile example.com/shop haifai.
  4. Anwani ya aikoni si thabiti. Ikiwa njia itabadilika na kila ujenzi wa tovuti ( /icon.a83f2.png), Google inaweza isiweze kuisasisha haraka.
  5. Imekuwa muda mrefu. Google haisasishi favikoni mara tu baada ya marekebisho; unaweza kuiharakisha kwa kuomba uchanganuzi upya wa ukurasa wa nyumbani katika Dashibodi ya Utafutaji. Google haitoi muda halisi, kwa hivyo angalia matokeo si mapema kuliko siku chache baadaye.
  6. Aikoni inakiuka sheria. Google hubadilisha picha zisizokubalika na aikoni ya kawaida.

Ulinganisho: Kikagua Favicon na Njia Mbadala

Zana Ni nini bure? Vikwazo Inafaa kwa nani?
PromoPilot - Kikagua Favicon Aikoni zote kutoka HTML na njia za kawaida, ukubwa, hakiki, Aikoni ya Apple Touch, mapendekezo Haiundi aikoni, huangalia ile kuu Angalia tovuti yako au ya mshindani wako haraka
Kijenereta cha Favicon cha RealFavicon Kutengeneza seti ya aikoni na msimbo, kuangalia favicon Jenereta hutoa faili nyingi, unahitaji kujua ni zipi za kuhifadhi Kwa wale wanaohitaji kutengeneza aikoni kuanzia mwanzo
Dashibodi ya Utafutaji Google Omba kuchanganua upya sehemu kuu Tovuti yake iliyothibitishwa pekee, haiangalii aikoni Ongeza kasi ya masasisho ya aikoni katika matokeo ya utafutaji
Zana za msanidi programu katika kivinjari Kichupo chenye faili ya maelezo na aikoni Unahitaji kujua wapi pa kuangalia Kwa watengenezaji

Hitimisho: zana ya mtandaoni ni rahisi zaidi kwa ajili ya kuangalia, jenereta ya kuunda seti, na Dashibodi ya Utafutaji kwa ajili ya kuharakisha masasisho katika Google.

Kwa njia, PromoPilot ina zana 87 za SEO bila malipo. Unaweza kuona kwa urahisi jinsi favicon inavyoonekana karibu na kichwa katika hakikisho la SERP—tuna makala tofauti kuihusu katika mfululizo wetu.

Je, ni mapungufu gani ya uthibitishaji wa favicon?

Kifaa hiki huangalia kile ambacho tovuti inatangaza na kurudisha: hakitakuambia Google itakaposasisha aikoni katika matokeo ya utafutaji—hiyo ni kwa injini ya utafutaji yenyewe. Ikiwa aikoni zitaongezwa na hati baada ya ukurasa kupakia, baadhi zinaweza zisijumuishwe kwenye ripoti. Ukaguzi pia huangalia kikoa kizima—ikiwa sehemu tofauti za tovuti zina aikoni tofauti (kwa mfano, kikoa kidogo cha duka), ziangalie kando.

Ni lini kifaa cha bure hakitoshi?

Tovuti isiyo na favicon na yenye seti kamili ya aikoni: Ulimwengu wa kijivu wa Google dhidi ya aikoni yake na Aikoni ya Apple Touch

Favicon ni tatizo dogo ambalo mara chache huhitaji mtaalamu. Lakini kuna nyakati ambapo tatizo dogo ni dalili. Msaada unahitajika ikiwa:

  • aikoni ni sahihi, lakini Google imekuwa ikionyesha dunia kwa miezi kadhaa - hii ina maana kwamba tatizo liko kwenye ufikiaji wa roboti au kiolezo;
  • chapa haina nembo rahisi na inahitaji mtindo wa kampuni unaofanya kazi kwenye pikseli 16;
  • tovuti imekusanywa kwa kutumia mjenzi, na njia za aikoni hubadilika kila baada ya sasisho;
  • Favicon ni moja tu kati ya makosa kadhaa madogo ambayo yamejikusanya kwa miaka mingi.

Ninaweza kufanya nini kwa ajili ya tovuti yako?

Mimi ni Valeriy Danyuk, msanidi programu na mtaalamu wa SEO mwenye wateja wa miaka 12 na zaidi ya 200. Ninaweka favicons, hakikisho za mitandao ya kijamii, na alama kwenye kila tovuti kabla haijazinduliwa.

SEO na ukaguzi

Tovuti na maduka ya mtandaoni

CRM na otomatiki

Nitumie anwani ya tovuti katika Telegram - nitaangalia aikoni na vitu vingine vitano au sita vidogo ambavyo mara nyingi husahaulika.

Matokeo

  1. Kikagua Favicon hupata aikoni zote za tovuti, ukubwa wake, na huonyesha zile ambazo hazipo ndani ya dakika moja.
  2. Seti ya chini kabisa: favicon.ico, favicon.svg, Aikoni ya Apple Touch 180×180, na aikoni 192 na 512 kwa ajili ya onyesho la wavuti.
  3. Kwa Google aikoni lazima iwe ya mraba, kubwa kuliko 48x48, iweze kufikiwa na roboti na kuonyeshwa kwenye ukurasa mkuu.
  4. Ikiwa ni rahisi kujenga upya tovuti kuliko kurekebisha matatizo madogo, 1001site hubadilisha aikoni na hakikisho kiotomatiki.

Angalia kikoa chako ukitumia Kikagua Favicon bila malipo - na angalia kikoa cha mshindani wako mkuu kwa wakati mmoja.

Vyanzo

  • Ukurasa wa Kikagua Favicon cha PromoPilot — orodha ya hundi na Maswali Yanayoulizwa Mara kwa Mara.
  • Kituo cha Utafutaji Google - Mahitaji ya Favicon ya Matokeo ya Utafutaji.
  • RealFaviconGenerator — hutengeneza na kujaribu seti ya aikoni.

Marejeleo na vyanzo

Maswali na Majibu

Kwa nini tovuti inahitaji favicon?

Favikoni ni aikoni ya tovuti inayoonekana kwenye vichupo vya kivinjari, alamisho, historia, na karibu na anwani katika matokeo ya utafutaji Google kwenye simu na kompyuta. Favikoni hufanya tovuti itambulike na kuitofautisha na matokeo mengine ya utafutaji; bila moja, kivinjari na Google huonyesha aikoni ya jumla.

Ni ukubwa gani wa favikoni unahitajika?

Kiwango cha chini kinachofaa: favicon.ico (pikseli 16 na 32 ndani ya faili moja) au PNG 32x32 kwa vivinjari, SVG kwa vivinjari vya kisasa, Aikoni ya Apple Touch 180x180 kwa iPhone na iPad, PNG 192x192 na 512x512 kwa faili ya wazi ya wavuti kwenye Android. Kwa Google aikoni inapaswa kuwa ya mraba; saizi kubwa kuliko 48x48 inapendekezwa.

Aikoni ya Apple Touch ni nini?

Hii ni aikoni ambayo iPhone na iPad huonyesha wakati tovuti inaongezwa kwenye skrini ya Nyumbani, na pia katika baadhi ya alamisho za Safari. Ukubwa wa kawaida ni PNG ya pikseli 180x180, bila uwazi. Bila uwazi, kifaa hutumia picha ya skrini iliyopunguzwa ya ukurasa.

Tumeangalia tovuti, lakini hakuna mtu wa kuirekebisha?

Zana hii ya bure inaonyesha matatizo. Nitachambua ripoti, nitaipa kipaumbele, na kuyarekebisha: ukaguzi wa SEO, kuongeza kasi, kuongeza alama, na kuhamia kwenye tovuti mpya bila kupoteza nafasi.