Telegram, WhatsApp+380637610482
Valērijs Danjuks
Valērijs DanjuksizstrādātājsMākslīgā intelekta rīku izstrāde uzņēmumiem. Augsta kvalitāte. Pieejama cena.Rakstīt Telegram

Pārbaudiet savas vietnes favicon tiešsaistē: kādi izmēri ir nepieciešami un kāpēc Google nerāda favicon

Pārbaudiet savas vietnes favicon tiešsaistē: ICO, PNG, SVG un Apple Touch ikonas ar izmēriem un priekšskatījumiem

Ko jūs iegūsiet

  • Visu vietņu ikonu saraksts — ICO, PNG, SVG, Apple Touch Icon — ar izmēriem un priekšskatījumiem, bez maksas
  • Minimālais faviconu komplekts, kas vietnei nepieciešams 2026. gadā, un gatavais kods
  • Iemesli, kāpēc Google jūsu ikonas vietā rāda pelēku globusu
Lietot: 10 minūšu laikāSaglabājumi: uzticamība un atpazīstamība meklēšanas rezultātos un pārlūkprogrammas cilnēs

Īsā atbilde: lai pārbaudītu savas vietnes favicon tiešsaistē, ievadiet savu domēnu PromoPilot bezmaksas favicon pārbaudītājā un noklikšķiniet uz "Pārbaudīt". Rīks atradīs visas HTML deklarētās ikonas, kas atrodas standarta ceļos, piemēram, /favicon.ico, parādīs katras ikonas priekšskatījumu un izmēru, pārbaudīs Apple Touch ikonu un pateiks, kuri izmēri trūkst. Zemāk ir minimāls ikonu komplekts, pabeigtais kods un iemesli, kāpēc Google jūsu logotipa vietā rāda pelēku globusu.

Es veidoju tīmekļa vietnes jau 12 gadus un zinu: favicons tiek aizmirsts biežāk nekā jebkurš cits elements. Dizainers izveido logotipu, izstrādātājs izveido tīmekļa vietni, un tomēr neviens nekad nepievieno favicon cilnei — līdz brīdim, kad pirmais klients jautā: "Kāpēc mūsu konkurentam ir favicon Google, bet mums nav?"

Ko pārbauda Favicon Check?

Tīmekļa vietnes ikona vairs nav tikai viens favicon.ico fails. Pārlūkprogrammas, iPhone, Android un Google izmanto dažādus failus un izmērus. Šis rīks tos visus apkopo vienā pārskatā.

Ko tas pārbauda? Ko viņš skatās? Kāpēc vietnei tas ir nepieciešams?
Ikonas no HTML Visas atzīmes <link rel="icon">, shortcut icon, apple-touch-icon Tieši šīs lietas pārlūkprogrammas un Google ņem vērā pirmām kārtām.
Standarta ceļi /favicon.ico vietnes saknē un citās tipiskās adresēs Daudzas sistēmas meklē ikonu tur pat bez taga.
Katras ikonas izmērs Platums un augstums pikseļos, formāts ICO, PNG, SVG Mazā ikona augstas izšķirtspējas ekrānos ir izplūdusi.
Apple Touch ikona Vai ir ikona iPhone un iPad ierīcēm? Bez tā sākuma ekrānā parādīsies lapas ekrānuzņēmums.
Priekšskatījums Kā izskatās katra atrastā ikona? Var redzēt bojātas, tukšas vai svešas (veidnes) ikonas
Ieteikumi Kādi izmēri trūkst? Gatavs dizainera uzdevumu saraksts

Kā tiešsaistē pārbaudīt vietnes favicon?

Pārbaudiet savu favicon trīs soļos: ievadiet savu domēnu, noklikšķiniet uz "Pārbaudīt" un pārbaudiet atrastās ikonas, izmērus un ieteikumus.

  1. Atveriet favicon pārbaudītāju.
  2. Ievadiet domēnu — pietiek example.com, nenorādot lapu.
  3. Noklikšķiniet uz “Pārbaudīt”. Rīks analizēs sākumlapas HTML un standarta ceļus.
  4. Pārskatiet atrastās ikonas: katras priekšskatījumu, formātu un izmēru. Pārbaudiet, vai starp tām ir standarta CMS vai mitināšanas ikona.
  5. Izlasiet ieteikumus un norādiet dizainerim trūkstošos izmērus vai izveidojiet tos pats.

Rīka lapa: domēna lauks, poga “Pārbaudīt” un pārbaužu apraksts ar bieži uzdotajiem jautājumiem.

PromoPilot bezmaksas Favicon Checker lapa: domēna lauks, visu ikonu meklēšana un Apple Touch ikonu pārbaude

Verifikācija ir vienkārša — viesu ierobežojums ir pietiekams, lai salīdzinātu savu vietni un pāris konkurentu vietnes. Var apskatīt un lejupielādēt ikonas no jebkuras vietnes — ērti, ja nepieciešams atrast sava logotipa oriģinālu, kas pazudis kopā ar vecu darbuzņēmēju.

Kādi favicon izmēri būs nepieciešami 2026. gadā?

Ikonu ģeneratori bieži ģenerē 20 failus, taču patiesībā ir nepieciešams kompakts kopums. Lūk, minimums, ko izmantoju visiem saviem projektiem:

Fails Izmērs Kur to lieto?
favicon.ico 16 × 16 un 32 × 32 vienā failā Vecas pārlūkprogrammas, sistēmas, kas meklē ikonu saknes direktorijā
favicon.svg Vektors Modernas pārlūkprogrammas, skaidri redzamas jebkurā ekrānā
apple-touch-icon.png 180 × 180 iPhone un iPad sākuma ekrāns
icon-192.png un icon-512.png 192 × 192 un 512 × 512 Web-manifest: Android, tīmekļa vietnes instalēšana kā lietotne

Un kods priekš <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">

Dizaina padoms: 16 pikseļos logotips un teksts kļūst izplūduši. Izmantojiet simbolu, nosaukuma pirmo burtu vai vienkāršotu rakstzīmi uz kontrastējoša fona. Apple Touch ikonai neizmantojiet caurspīdīgu fonu — iOS to aizpildīs ar melnu krāsu.

Kā pašam izveidot faviconu bez dizainera?

Ja jums vispār nav ikonu, pamata komplektu varat izveidot pusstundas laikā. Procedūra ir šāda:

  1. Izmantojiet simbolu, nevis visu logotipu. Izmantojiet nosaukuma pirmo burtu, simbolu no logotipa vai vienkāršu ģeometrisku formu zīmola krāsā. Pārliecinieties, vai tā ir atpazīstama 16 pikseļu izmērā.
  2. Uzzīmējiet 512x512 kvadrātu. Derēs jebkurš grafikas redaktors vai tiešsaistes dizaineris. Atstājiet nelielas atstarpes ap malām, lai zīme neietilpst apmalē.
  3. Saglabājiet avota failu kā SVG — tas kļūs favicon.svg, un visus vajadzīgā izmēra PNG attēlus varēs izgriezt, nezaudējot kvalitāti.
  4. Ikonu ģeneratorā ģenerējiet atlikušos izmērus (ICO, 180, 192) un ievietojiet failus vietnes saknē.
  5. Ielīmējiet kodu galviņā un vēlreiz pārbaudiet rezultātu rīkā.

Pārbaudiet, kā ikona izskatās pārlūkprogrammas tumšajā tēmā: melna ikona uz caurspīdīga fona vienkārši pazūd tumšā Chrome cilnē. Palīdzēs gaišs fons vai kontrastējoša kontūra.

Kāpēc Google nerāda vietnes faviconu?

Visbiežāk uzdotais jautājums: ja meklēšanas rezultātos blakus adresei redzat pelēku globusu, tam parasti ir vairāki iemesli:

  1. Ikona nav kvadrātveida. Google pieprasa malu attiecību 1:1 un izmēru vismaz 8x8, bet iesaka lielāku par 48x48: niecīgais 16x16 favicon.ico meklēšanas rezultātos izskatās izplūdis.
  2. Ikona nav pieejama robotiem. Google — attēlam ir jābūt piekļuvei ikonas failam, un Google ir jābūt piekļuvei galvenajam failam. Ja attēla mape ir bloķēta robots.txt failā vai fails tiek atgriezts ar kļūdu, ikona meklēšanas rezultātos neparādīsies.
  3. Birka neatrodas sākumlapā. Google ņem favicon no domēna vai apakšdomēna sākumlapas; sākumlapas sadaļa, piemēram, example.com/shop nav piemērota.
  4. Ikonas adrese ir nestabila. Ja ceļš mainās ar katru vietnes izveidi ( /icon.a83f2.png), Google, iespējams, nevarēs to ātri atjaunināt.
  5. Ir pagājis ilgs laiks. Google neatjaunina favicon uzreiz pēc labojuma veikšanas; jūs varat to paātrināt, pieprasot sākumlapas atkārtotu skenēšanu pakalpojumā Search Console. Google nesniedz precīzu laika grafiku, tāpēc pārbaudiet rezultātus ne ātrāk kā pēc dažām dienām.
  6. Ikona pārkāpj noteikumus. Google aizstāj nepieņemamus attēlus ar standarta ikonu.

Salīdzinājums: Favicon pārbaudītājs un alternatīvas

Rīks Kas ir bez maksas? Ierobežojumi Kam tas ir piemērots?
PromoPilot — Favicon pārbaudītājs Visas ikonas no HTML un standarta ceļiem, izmēri, priekšskatījumi, Apple Touch ikona, ieteikumi Neveido ikonas, pārbauda galveno Ātri pārbaudiet savu vai konkurenta vietni
RealFaviconGenerator Ikonu un koda komplekta ģenerēšana, favicon pārbaude Ģenerators ģenerē daudz failu, jums ir jāizdomā, kurus no tiem saglabāt Tiem, kam ikonas jāizveido no nulles
Google meklēšanas konsole Pieprasīt galvenā atkārtotu skenēšanu Tikai verificētā vietne, nepārbauda ikonu Paātriniet ikonu atjaunināšanu meklēšanas rezultātos
Izstrādātāju rīki pārlūkprogrammā Cilne ar manifestu un ikonām Jums jāzina, kur meklēt Izstrādātājiem

Secinājums: tiešsaistes rīks ir ērtāks pārbaudei, ģenerators kopas izveidei un Search Console atjauninājumu paātrināšanai pakalpojumā Google.

Starp citu, PromoPilot piedāvā 87 bezmaksas SEO rīkus. SERP priekšskatījumā varat viegli redzēt, kā favicon izskatās blakus virsrakstam — par to ir atsevišķs raksts mūsu sērijā.

Kādi ir favicon verifikācijas ierobežojumi?

Rīks pārbauda, ko vietne reklamē un atgriež: tas nepateiks, kad Google atjaunina ikonu meklēšanas rezultātos — tas ir atkarīgs no pašas meklētājprogrammas. Ja ikonas pievieno skripts pēc lapas ielādes, dažas no tām var netikt iekļautas pārskatā. Pārbaude aplūko arī domēnu kopumā — ja dažādām vietnes sadaļām ir atšķirīgas ikonas (piemēram, veikala apakšdomēns), pārbaudiet tās atsevišķi.

Kad bezmaksas rīks nav pietiekams?

Tīmekļa vietne bez favicon un ar pilnu ikonu komplektu: Google pelēkais globuss pretstatā savai ikonai un Apple Touch ikonai

Favicon ir neliela problēma, kuras risināšanai reti ir nepieciešama speciālista palīdzība. Taču ir reizes, kad neliela problēma ir simptoms. Palīdzība ir nepieciešama, ja:

  • ikona ir pareiza, bet Google jau mēnešiem ilgi rāda globusu — tas nozīmē, ka problēma ir saistīta ar robota piekļuvi vai ar veidni;
  • zīmolam nav vienkārša logotipa, un tam ir nepieciešams korporatīvais stils, kas darbojas uz 16 pikseļiem;
  • vietne tiek apkopota, izmantojot veidotāju, un ceļi uz ikonām mainās ar katru atjauninājumu;
  • Favicon ir tikai viena no desmitiem nelielu kļūdu, kas uzkrājušās gadu gaitā.

Ko es varu darīt jūsu tīmekļa vietnes labā?

Esmu Valērijs Danjuks, izstrādātājs un SEO speciālists ar 12 gadu pieredzi un vairāk nekā 200 klientiem. Es iestatīju faviconus, sociālo mediju priekšskatījumus un iezīmēšanas elementus katrā tīmekļa vietnē pirms tās palaišanas.

SEO un audits

Tīmekļa vietnes un tiešsaistes veikali

CRM un automatizācija

Atsūtiet man vietnes adresi Telegram — es pārbaudīšu ikonas un vēl piecas vai sešas sīkas lietas, kas bieži tiek aizmirstas.

Rezultāts

  1. Favicon Checker atrod visas vietnes ikonas, to izmērus un parāda, kuras trūkst minūtes laikā.
  2. Minimālais komplekts: favicon.ico, favicon.svg, Apple Touch Icon 180×180 un ikonas 192 un 512 tīmekļa manifestam.
  3. Google ikonai jābūt kvadrātveida, lielākai par 48x48, pieejamai robotam un deklarētai galvenajā lapā.
  4. Ja vietni ir vieglāk atjaunot nekā novērst nelielas problēmas, 1001site automātiski pielāgo ikonas un priekšskatījumus.

Pārbaudiet savu domēnu ar bezmaksas Favicon pārbaudītāju — un vienlaikus pārbaudiet sava galvenā konkurenta domēnu.

Avoti

  • PromoPilot Favicon pārbaudītāja lapa — pārbaužu saraksts un bieži uzdotie jautājumi.
  • Google meklēšanas centrs — meklēšanas rezultātu favicon prasības.
  • RealFaviconGenerator — ģenerē un testē ikonu kopu.

Atsauces un avoti

Jautājumi un atbildes

Kāpēc vietnei ir nepieciešama favicon?

Favicon ir tīmekļa vietnes ikona, kas tiek rādīta pārlūkprogrammas cilnēs, grāmatzīmēs, vēsturē un blakus adresei Google meklēšanas rezultātos tālruņos un datoros. Favicon padara tīmekļa vietni atpazīstamu un atšķir to no citiem meklēšanas rezultātiem; bez tās pārlūkprogramma un Google parāda vispārīgu ikonu.

Kādi favicon izmēri ir nepieciešami?

Praktiskais minimums: favicon.ico (16 un 32 pikseļi vienā failā) vai PNG 32x32 pārlūkprogrammām, SVG modernām pārlūkprogrammām, Apple Touch Icon 180x180 iPhone un iPad ierīcēm, PNG 192x192 un 512x512 tīmekļa manifestam operētājsistēmā Android. Google ikonai jābūt kvadrātveida; ieteicams izmērs, kas lielāks par 48x48.

Kas ir Apple Touch ikona?

Šī ir ikona, ko iPhone un iPad tālruņi parāda, kad vietne tiek pievienota sākuma ekrānam, kā arī dažās Safari grāmatzīmēs. Standarta izmērs ir 180 x 180 pikseļu PNG attēls bez caurspīdīguma. Bez caurspīdīguma ierīce izmanto samazinātu lapas ekrānuzņēmumu.

Mēs pārbaudījām vietni, bet nav neviena, kas to salabotu?

Šis bezmaksas rīks atklāj problēmas. Es analizēšu ziņojumu, noteikšu prioritātes un novērsīšu tās: SEO audits, paātrināšana, iezīmēšana un migrācija uz jaunu vietni, nezaudējot reitingu.