Telegramo, WhatsApp+380637610482
Valerij Danjuk
Valerij DanjukprogramistoEvoluigante AI-ilojn por entreprenoj. Altkvalitaj. Pageblaj.Skribi en Telegram

Kontrolu la bildsimbolon de via retejo interrete: kiaj grandecoj estas bezonataj kaj kial Google ne montras la bildsimbolon

Kontrolu la favo-ikonon de via retejo interrete: ICO, PNG, SVG, kaj Apple Touch ikonoj kun grandecoj kaj antaŭrigardoj

Kion vi ricevos

  • Listo de ĉiuj retejaj ikonoj - ICO, PNG, SVG, Apple Touch Icon - kun grandecoj kaj antaŭrigardoj, senpage
  • La minimuma aro de bildsimboloj, kiujn retejo bezonas en 2026, kaj la preta kodo
  • Kialoj Kial Google Montras Grizan Globon Anstataŭ Via Ikono
Apliki: post 10 minutojKonservas: fido kaj rekono en serĉrezultoj kaj retumilaj langetoj

La mallonga respondo: por kontroli la bildsimbolon de via retejo interrete, enigu vian domajnon en la senpagan Favicon Checker de PromoPilot kaj alklaku "Kontroli". La ilo trovos ĉiujn ikonojn deklaritajn en HTML kaj situantajn en normaj vojoj kiel /favicon.ico, montros antaŭrigardon kaj grandecon de ĉiu, kontrolos la Apple Touch-ikonon, kaj diros al vi kiuj grandecoj mankas. Sube estas minimuma aro de ikonoj, la preta kodo, kaj la kialoj kial Google montras grizan globon anstataŭ via emblemo.

Mi kreas retejojn jam de 12 jaroj, kaj mi scias: oni forgesas pli ofte favikonojn ol ajnan alian elementon. La dizajnisto kreas la emblemon, la programisto konstruas la retejon, kaj tamen neniu iam ajn aldonas favikonon al la langeto — ĝis la unua kliento demandas: "Kial nia konkuranto havas favikonon en Google kaj ni ne?"

Kion kontrolas Favicon Check?

Reteja ikono jam ne plu estas nur unu favicon.ico dosiero. Retumiloj, iPhone, Android kaj Google ĉiuj uzas malsamajn dosierojn kaj grandecojn. Ĉi tiu ilo kunigas ilin ĉiujn en unu solan raporton.

Kion ĝi kontrolas? Kion li rigardas? Kial la retejo bezonas ĉi tion?
Ikonoj el HTML Ĉiuj etikedoj <link rel="icon">, shortcut icon, apple-touch-icon Estas ĉi tiuj, kiujn retumiloj kaj Google prenas unue kaj ĉefe
Normaj padoj /favicon.ico en la radiko de la retejo kaj aliaj tipaj adresoj Multaj sistemoj serĉas la ikonon tie eĉ sen etikedo.
La grandeco de ĉiu ikono Larĝo kaj alto en pikseloj, formato ICO, PNG, SVG La malgranda ikono estas malklara sur altdifinaj ekranoj.
Apple Touch-ikono Ĉu ekzistas ikono por iPhone kaj iPad? Sen ĝi, ekranfoto de la paĝo aperos sur la ĉefekrano.
Antaŭrigardo Kiel aspektas ĉiu trovita ikono? Vi povas vidi rompitajn, malplenajn aŭ fremdajn (ŝablonajn) ikonojn
Rekomendoj Kiuj grandecoj mankas? Preta listo de taskoj por dizajnisto

Kiel kontroli la favikonon de retejo interrete?

Kontrolu vian favikonon en 3 paŝoj: enigu vian domajnon, alklaku "Kontroli", kaj ekzamenu la trovitajn ikonojn, grandecojn kaj rekomendojn.

  1. Malfermu Kontrolilon de Favikonoj.
  2. Enigu la domajnon - example.com sufiĉas, sen specifi la paĝon.
  3. Alklaku "Kontroli". La ilo analizos la HTML-on kaj normajn padojn de la ĉefpaĝo.
  4. Reviziu la trovitajn ikonojn: antaŭrigardon, formaton kaj grandecon de ĉiu. Kontrolu ĉu inter ili estas norma CMS- aŭ gastiga ikono.
  5. Legu la rekomendojn kaj donu la mankantajn dimensiojn al la dizajnisto aŭ faru ilin mem.

Ilpaĝo: domajna kampo, butono "Kontroli", kaj priskribo de kontroloj kun Oftaj Demandoj.

Senpaga paĝo de PromoPilot por kontroli Favicon: kampo por domajnoj, serĉo per ĉiuj ikonoj, kaj kontrolo de Apple Touch Icon

Kontrolado estas facila — la limo de gastoj sufiĉas por kontroli vian propran retejon kaj kelkajn retejojn de konkurantoj por komparo. Ikonoj de iu ajn retejo povas esti rigardataj kaj elŝutitaj — oportune se vi bezonas trovi la originalon de via propra emblemo, perdita kune kun malnova entreprenisto.

Kiuj grandecoj de bildsimboloj estas bezonataj en 2026?

Ikongeneriloj ofte produktas 20 dosierojn, sed vere necesas kompakta aro. Jen la minimumo, kiun mi uzas por ĉiuj miaj projektoj:

Dosiero Grandeco Kie ĝi estas uzata?
favicon.ico 16×16 kaj 32×32 en unu dosiero Malnovaj retumiloj, sistemoj kiuj serĉas ikonon en la radiko
favicon.svg Vektoro Modernaj retumiloj, klaraj sur iu ajn ekrano
apple-touch-icon.png 180×180 Hejma Ekrano de iPhone kaj iPad
icon-192.png kaj icon-512.png 192×192 kaj 512×512 TTT-manifesto: Android, instalado de retejo kiel aplikaĵo

Kaj la kodo por <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">

Dezajna konsilo: Je 16 rastrumeroj, la emblemo kaj teksto fariĝas malklaraj. Uzu simbolon, la unuan literon de la nomo, aŭ simpligitan signon sur kontrasta fono. Por la Apple Touch Icon, ne uzu travideblan fonon — iOS plenigos ĝin per nigra.

Kiel fari bildsimbolon mem, sen dizajnisto?

Se vi tute ne havas ikonojn, vi povas krei bazan aron en duonhoro. Jen la proceduro:

  1. Uzu simbolon, ne la tutan emblemon. Uzu la unuan literon de la nomo, simbolon el la emblemo, aŭ simplan geometrian formon en la markokoloro. Certigu, ke ĝi estas rekonebla je 16 rastrumeroj.
  2. Desegnu kvadraton 512x512. Ĉiu ajn grafikredaktisto aŭ interreta dizajnisto taŭgos. Lasu kelkajn marĝenojn ĉirkaŭ la randoj por ke la ŝildo ne eniru la limojn.
  3. Konservu la fontdosieron kiel SVG — ĝi fariĝos favicon.svg, kaj ĉiuj PNG-oj de la bezonataj grandecoj povas esti eltonditaj sen perdo de kvalito.
  4. Generu la ceterajn grandecojn (ICO, 180, 192) en la ikongeneratoro kaj metu la dosierojn en la radikon de la retejo.
  5. Engluu la kodon en la kapon kaj kontrolu la rezulton en la ilo denove.

Kontrolu kiel la ikono aperas en la malhela temo de la retumilo: nigra ikono sur travidebla fono simple malaperas en malhela Chrome-langeto. Hela fono aŭ kontrasta konturo helpos.

Kial Google ne montras la favikonon de la retejo?

La plej ofte demandita demando: Se vi vidas grizan globon apud adreso en la serĉrezultoj, kutime ekzistas pluraj kialoj:

  1. La ikono ne estas kvadrata. Google postulas bildformaton de 1:1 kaj grandecon de almenaŭ 8x8, sed rekomendas pli grandan ol 48x48: la eta 16x16 favicon.ico aspektas malklara en serĉrezultoj.
  2. La ikono estas blokita de robotoj. Google - Image devas havi aliron al la ikonodosiero, kaj Google devas havi aliron al la ĉefa dosiero. Se la bilddosierujo estas blokita en robots.txt aŭ la dosiero estas redonita kun eraro, la ikono ne aperos en la serĉrezultoj.
  3. La etikedo ne estas sur la ĉefpaĝo. Google prenas la bildsimbolon de la ĉefpaĝo de la domajno aŭ subdomajno; la ĉefpaĝa sekcio, kiel ekzemple example.com/shop ne taŭgas.
  4. La adreso de la ikono estas malstabila. Se la vojo ŝanĝiĝas kun ĉiu konstruado de retejo ( /icon.a83f2.png), Google eble ne povos rapide ĝisdatigi ĝin.
  5. Jam pasis iom da tempo. Google ne ĝisdatigas la bildsimbolon tuj post riparo; vi povas akceli ĝin petante reskanadon de la ĉefpaĝo en Search Console. Google ne provizas precizan tempokadron, do kontrolu la rezultojn ne pli frue ol kelkajn tagojn poste.
  6. La ikono malrespektas la regulojn. Google anstataŭigas neakcepteblajn bildojn per norma ikono.

Komparo: Kontrolilo de Favicon kaj Alternativoj

Ilo Kio estas senpaga? Restriktoj Por kiu ĝi taŭgas?
PromoPilot - Kontrolilo de Favikonoj Ĉiuj ikonoj el HTML kaj normaj padoj, grandecoj, antaŭrigardoj, Apple Touch Icon, rekomendoj Ne kreas ikonojn, kontrolas la ĉefan Rapide kontrolu vian retejon aŭ tiun de konkuranto
RealFaviconGenerator Generante aron de ikonoj kaj kodo, kontrolante favikonon La generatoro produktas multajn dosierojn, vi devas eltrovi kiujn konservi Por tiuj, kiuj bezonas krei ikonojn de nulo
Google Serĉkonzolo Peti reskanadon de la ĉefa Nur ĝia kontrolita retejo, ne kontrolas la ikonon Akceli ĝisdatigojn de ikonoj en serĉrezultoj
Programistaj iloj en la retumilo Langeto kun manifesto kaj ikonoj Vi devas scii kie serĉi Por programistoj

Konkludo: reta ilo estas pli oportuna por kontroli, generatoro por krei aron, kaj Search Console por rapidigi ĝisdatigojn en Google.

Cetere, PromoPilot havas 87 senpagajn SEO-ilojn. Vi povas facile vidi kiel aspektas la bildsimbolo apud la titolo en la SERP-antaŭrigardo — ni havas apartan artikolon pri tio en nia serio.

Kiuj estas la limigoj de konfirmo de bildsimboloj?

La ilo kontrolas kion la retejo reklamas kaj redonas: ĝi ne diros al vi kiam Google ĝisdatigas la ikonon en serĉrezultoj — tio dependas de la serĉilo mem. Se ikonoj estas aldonitaj per skripto post kiam la paĝo ŝarĝiĝas, kelkaj eble ne estos inkluditaj en la raporto. La kontrolo ankaŭ rigardas la domajnon kiel tuton — se malsamaj sekcioj de la retejo havas malsamajn ikonojn (ekzemple, subdomajno de vendejo), kontrolu ilin aparte.

Kiam senpaga ilo ne sufiĉas?

Retejo sen favikono kaj kun plena aro de ikonoj: la griza globo de Google kontraŭ sia propra ikono kaj la Apple Touch Icon

Favikono estas negrava problemo, kiu malofte postulas specialiston. Sed estas fojoj, kiam negrava problemo estas simptomo. Helpo estas bezonata se:

  • la ikono estas ĝusta, sed Google jam de monatoj montras globon - tio signifas, ke la problemo estas ĉe la aliro de la roboto aŭ ĉe la ŝablono;
  • la marko ne havas simplan emblemon kaj bezonas entreprenan stilon, kiu funkcias sur 16 pikseloj;
  • la retejo estas kompilita per konstruilo, kaj la vojoj al la ikonoj ŝanĝiĝas kun ĉiu ĝisdatigo;
  • La favikono estas nur unu el dekoj da malgrandaj eraroj, kiuj akumuliĝis tra la jaroj.

Kion mi povas fari por via retejo?

Mi estas Valerij Danyuk, programisto kaj SEO-specialisto kun 12 jaroj da sperto kaj pli ol 200 klientoj. Mi starigas favikonojn, antaŭrigardojn por sociaj retoj kaj etikedadon sur ĉiu retejo antaŭ ĝia lanĉo.

SEO kaj revizio

  • Preta SEO-revizio de retejo: Mi trovas ĉiujn teknikajn detalojn — de bildsimbolo kaj antaŭrigardoj ĝis indeksado kaj rapideco — kaj korektas ilin en la kodo.

Retejoj kaj interretaj vendejoj

CRM kaj aŭtomatigo

Sendu al mi la retpaĝan adreson en Telegram - mi kontrolos la piktogramojn kaj kvin aŭ ses aliajn malgrandajn aferojn, kiujn oni ofte forgesas.

Rezulto

  1. Kontrolilo de Favicon trovas ĉiujn ikonojn de la retejo, iliajn grandecojn, kaj montras kiuj mankas post minuto.
  2. Minimuma aro: favicon.ico, favicon.svg, Apple Touch Icon 180×180, kaj ikonoj 192 kaj 512 por ret-manifesto.
  3. Por Google la ikono devas esti kvadrata, pli granda ol 48x48, alirebla por la roboto kaj deklarita sur la ĉefa paĝo.
  4. Se estas pli facile rekonstrui retejon ol solvi negravajn problemojn, 1001site aŭtomate agordas ikonojn kaj antaŭrigardojn.

Kontrolu vian domajnon per la senpaga Favicon Checker - kaj samtempe kontrolu la domajnon de via ĉefa konkuranto.

Fontoj

  • La paĝo de PromoPilot pri kontrolilo de bildsimboloj — listo de kontroloj kaj ofte demanditaj demandoj.
  • Google Search Central - Postuloj por la bildsimbolo de serĉrezultoj.
  • RealFaviconGenerator — generas kaj testas aron da ikonoj.

Referencoj kaj fontoj

Demandoj kaj Respondoj

Kial retejo bezonas favikonon?

Favorikono estas reteja ikono kiu aperas en retumilaj langetoj, legosignoj, historio, kaj apud la adreso en Google serĉrezultoj sur telefonoj kaj komputiloj. Favorikono igas retejon rekonebla kaj distingas ĝin de aliaj serĉrezultoj; sen ĝi, la retumilo kaj Google montras ĝeneralan ikonon.

Kiujn grandecojn de bildsimboloj oni bezonas?

La praktika minimumo: favicon.ico (16 kaj 32 rastrumeroj ene de unu dosiero) aŭ PNG 32x32 por retumiloj, SVG por modernaj retumiloj, Apple Touch Icon 180x180 por iPhone kaj iPad, PNG 192x192 kaj 512x512 por la TTT-manifesto en Android. Por Google la ikono estu kvadrata; grandeco pli granda ol 48x48 estas rekomendinda.

Kio estas Apple Touch-ikono?

Jen la ikono, kiun iPhone-oj kaj iPad-oj montras kiam retejo estas aldonita al la ĉefekrano, kaj ankaŭ en iuj Safari-legosignoj. La norma grandeco estas PNG-dosiero de 180x180 rastrumeroj, sen travidebleco. Sen travidebleco, la aparato uzas malpligrandigitan ekranfoton de la paĝo.

Ni kontrolis la retejon, sed ĉu neniu riparas ĝin?

Ĉi tiu senpaga ilo malkaŝas problemojn. Mi analizos la raporton, prioritatigos kaj riparos ilin: SEO-audito, rapidigo, markado kaj migrado al nova retejo sen perdi rangojn.