Telegram, WhatsApp  +380637610482
Valeri Danyuk
Valeri DanyukgeliştiriciBizneslər üçün süni intellekt alətlərinin hazırlanması. Yüksək keyfiyyətli. Əlverişli qiymət.Telegrama yazın

Veb saytınızın favikonunu onlayn yoxlayın: hansı ölçülərə ehtiyac var və niyə Google favikonu göstərmir

Veb saytınızın favikonlarını onlayn yoxlayın: ölçüləri və önizləmələri ilə ICO, PNG, SVG və Apple Touch nişanları

Nə əldə edəcəksiniz

  • Bütün veb sayt nişanlarının siyahısı – ICO, PNG, SVG, Apple Touch Icon – ölçüləri və önizləmələri ilə, pulsuz
  • Veb saytın 2026-cı ildə tələb etdiyi minimum favikon dəsti və hazır kod
  • Google sizin ikonunuz əvəzinə boz qlobus göstərməsinin səbəbləri
Tətbiq edin: 10 dəqiqə ərzindəSaxlayır: axtarış nəticələrində və brauzer nişanlarında etibar və tanınma

Qısa cavab: veb saytınızın favikonunu onlayn yoxlamaq üçün domeninizi PromoPilot-un pulsuz Favicon Checker proqramına daxil edin və "Yoxla" düyməsini basın. Alət HTML-də elan edilmiş və /favicon.ico kimi standart yollarda yerləşən bütün nişanları tapacaq, hər birinin önizləməsini və ölçüsünü göstərəcək, Apple Touch nişanını yoxlayacaq və hansı ölçülərin çatışmadığını sizə bildirəcək. Aşağıda minimal nişanlar dəsti, hazır kod və Google loqotipiniz əvəzinə boz qlobus göstərməsinin səbəbləri verilmişdir.

Mən 12 ildir veb saytlar hazırlayıram və bilirəm ki, favikonlar digər elementlərdən daha çox unudulur. Dizayner loqotipi yaradır, tərtibatçı veb saytı qurur və buna baxmayaraq, heç kim sekmeye favikon əlavə etmir — ta ki ilk müştəri soruşana qədər ki, "Niyə rəqibimizin Google -da favikonu var, bizdə isə yoxdur?"

Favicon Check nəyi yoxlayır?

Veb sayt ikonası artıq yalnız bir favicon.ico faylı deyil. Brauzerlər, iPhone, Android və Google hamısı fərqli fayllardan və ölçülərdən istifadə edir. Bu alət onların hamısını tək bir hesabatda birləşdirir.

Nəyi yoxlayır? O nəyə baxır? Saytın buna nə üçün ehtiyacı var?
HTML-dən nişanlar Bütün etiketlər <link rel="icon">, shortcut icon, apple-touch-icon Brauzerlər və Google ilk növbədə bunlara üstünlük verirlər
Standart yollar /favicon.ico saytın kökündə və digər tipik ünvanlarda Bir çox sistem etiket olmadan belə oradakı işarəni axtarır.
Hər bir ikonanın ölçüsü Eni və hündürlüyü piksellərlə, ICO, PNG, SVG formatında Kiçik ikon yüksək dəqiqlikli ekranlarda bulanıq görünür.
Apple Touch İkonası iPhone və iPad üçün bir simge varmı? Bu olmadan, səhifənin ekran görüntüsü Ana ekranda görünəcək.
Önizləmə Tapılan hər bir ikon necə görünür? Sınıq, boş və ya xarici (şablon) nişanları görə bilərsiniz
Tövsiyələr Hansı ölçülər çatışmır? Dizayner üçün hazır tapşırıqların siyahısı

Bir veb saytın favikonunu onlayn necə yoxlamaq olar?

Favikonunuzu 3 addımda yoxlayın: domeninizi daxil edin, "Yoxla" düyməsini basın və tapılan nişanları, ölçüləri və tövsiyələri yoxlayın.

  1. Favikon Yoxlayıcısını açın.
  2. Domeni daxil edin - səhifəni göstərmədən example.com kifayətdir.
  3. "Yoxla" düyməsini basın. Alət ana səhifənin HTML və standart yollarını təhlil edəcək.
  4. Tapılan nişanları nəzərdən keçirin: hər birinin önizləməsi, formatı və ölçüsü. Onların arasında standart CMS və ya hostinq nişanının olub olmadığını yoxlayın.
  5. Tövsiyələri oxuyun və itkin ölçüləri dizaynerə təqdim edin və ya özünüz hazırlayın.

Alət səhifəsi: domen sahəsi, "Yoxlama" düyməsi və tez-tez verilən suallar ilə yoxlamaların təsviri.

PromoPilot-un pulsuz Favicon Checker səhifəsi: Domen sahəsi, bütün işarələr axtarışı və Apple Touch işarəsi yoxlaması

Doğrulama asandır — qonaq limiti öz saytınızı və bir neçə rəqibin saytını müqayisə üçün yoxlamaq üçün kifayətdir. İstənilən saytdan ikonlara baxmaq və yükləmək olar — köhnə podratçı ilə birlikdə itirilmiş öz loqotipinizin orijinalını tapmaq lazımdırsa, bu, əlverişlidir.

2026-cı ildə hansı favikon ölçülərinə ehtiyac var?

İkon generatorları adətən 20 fayl yaradır, lakin əslində lazım olan şey kompakt dəstdir. Bütün layihələrim üçün istifadə etdiyim minimum miqdar budur:

Fayl Ölçü Harada istifadə olunur?
favicon.ico 16×16 və 32×32 bir faylda Köhnə brauzerlər, kökdə bir simge axtaran sistemlər
favicon.svg Vektor Müasir brauzerlər, istənilən ekranda aydındır
apple-touch-icon.png 180×180 iPhone və iPad Ana Ekranı
icon-192.png və icon-512.png 192×192 və 512×512 Veb-manifest: Android, veb saytı tətbiq kimi quraşdırmaq

Və <head> üçün kod:

<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">

Dizayn tövsiyəsi: 16 pikseldə loqo və mətn bulanıqlaşır. Kontrast fonda simvol, adın ilk hərfi və ya sadələşdirilmiş simvol istifadə edin. Apple Touch İkonası üçün şəffaf fon istifadə etməyin - iOS onu qara rənglə dolduracaq.

Dizayner olmadan özünüz favikon necə düzəltmək olar?

Əgər heç bir ikonunuz yoxdursa, yarım saat ərzində əsas dəst yarada bilərsiniz. Prosedur belədir:

  1. Bütün loqotipdən deyil, simvoldan istifadə edin. Adın ilk hərfindən, loqotipdən bir simvoldan və ya brend rəngində sadə həndəsi formadan istifadə edin. 16 pikseldə tanındığından əmin olun.
  2. 512x512 ölçülü kvadrat çəkin. İstənilən qrafik redaktor və ya onlayn dizayner uyğundur. İşarənin sərhədlərə dəyməməsi üçün kənarların ətrafında bir az boşluq qoyun.
  3. Mənbə faylını SVG olaraq saxlayın — favicon.svg çevriləcək və tələb olunan ölçülərdəki bütün PNG faylları keyfiyyət itkisi olmadan kəsilə bilər.
  4. Qalan ölçüləri (ICO, 180, 192) simge generatorunda yaradın və faylları saytın kök qovluğuna yerləşdirin.
  5. Kodu başlığa yapışdırın və nəticəni alətdə yenidən yoxlayın.

Brauzerin qaranlıq mövzusunda işarənin necə göründüyünü yoxlayın: şəffaf fonda qara işarə qaranlıq Chrome sekmesinde sadəcə yox olur. Açıq fon və ya kontrastlı kontur kömək edəcək.

Niyə Google saytın favikonunu göstərmir?

Ən çox verilən sual: Axtarış nəticələrində bir ünvanın yanında boz bir kürə görürsünüzsə, bunun adətən bir neçə səbəbi var:

  1. İkon kvadrat deyil. Google 1:1 aspekt nisbəti və ən azı 8x8 ölçüsü tələb edir, lakin 48x48-dən böyük ölçü tövsiyə edir: kiçik 16x16 favicon.ico axtarış nəticələrində bulanıq görünür.
  2. İşarə robotlar tərəfindən bloklanıb. Google -Image işarə faylına, Google isə əsas fayla giriş imkanına malik olmalıdır. Şəkil qovluğu robots.txt faylında bloklanıbsa və ya fayl səhvlə qaytarılıbsa, işarə axtarış nəticələrində görünməyəcək.
  3. Etiket ana səhifədə yoxdur. Google favikonu domenin və ya alt domenin ana səhifəsindən götürür; example.com/shop kimi ana səhifə bölməsi uyğun deyil.
  4. İşarənin ünvanı qeyri-sabitdir. Əgər yol hər sayt quruluşu ilə dəyişirsə ( /icon.a83f2.png), Google onu tez bir zamanda yeniləyə bilməyə bilər.
  5. Xeyli vaxt keçib. Google favikonu düzəlişdən dərhal sonra yeniləmir; Axtarış Konsolunda ana səhifənin yenidən skan edilməsini tələb etməklə onu sürətləndirə bilərsiniz. Google dəqiq bir müddət təqdim etmir, ona görə də nəticələri bir neçə gündən tez yoxlamayın.
  6. İşarə qaydaları pozur. Google qəbuledilməz şəkilləri standart işarə ilə əvəz edir.

Müqayisə: Favicon Yoxlayıcısı və Alternativləri

Alət Pulsuz nədir? Məhdudiyyətlər Kim üçün uyğundur?
PromoPilot - Favikon Yoxlayıcısı HTML-dən bütün nişanlar və standart yollar, ölçülər, önizləmələr, Apple Touch nişanı, tövsiyələr Nişanlar yaratmır, əsasını yoxlayır Veb saytınızı və ya rəqibinizin veb saytını tez bir zamanda yoxlayın
RealFaviconGenerator Bir sıra ikon və kod yaradılır, favikon yoxlanılır Generator çoxlu fayl yaradır, hansılarını saxlayacağınızı müəyyənləşdirməlisiniz. Sıfırdan nişanlar düzəltmək istəyənlər üçün
Google Axtarış Konsolu Əsas hissənin yenidən skan edilməsini tələb edin Yalnız təsdiqlənmiş saytı, ikonu yoxlamır Axtarış nəticələrində simge yeniləmələrini sürətləndirin
Brauzerdə geliştirici alətləri Manifest və nişanlar olan sekme Hara baxacağınızı bilməlisiniz Tərtibatçılar üçün

Nəticə: yoxlamaq üçün onlayn alət, dəst yaratmaq üçün generator və Google -da yeniləmələri sürətləndirmək üçün Axtarış Konsolu daha əlverişlidir.

Yeri gəlmişkən, PromoPilot-da 87 pulsuz SEO aləti var. SERP önizləməsində favikonun başlığın yanında necə göründüyünü asanlıqla görə bilərsiniz — bu barədə seriyamızda ayrıca bir məqaləmiz var.

Favikon yoxlamasının məhdudiyyətləri nələrdir?

Alət saytın nəyi reklam etdiyini və nəyi qaytardığını yoxlayır: Google axtarış nəticələrində işarəni nə vaxt yenilədiyini sizə bildirməyəcək — bu, axtarış sisteminin özünə bağlıdır. Səhifə yükləndikdən sonra işarələr skript tərəfindən əlavə olunarsa, bəziləri hesabata daxil edilməyə bilər. Yoxlama həmçinin domeni bütövlükdə nəzərdən keçirir — saytın müxtəlif bölmələrində fərqli işarələr varsa (məsələn, mağaza alt domeni), onları ayrıca yoxlayın.

Pulsuz bir vasitə nə vaxt kifayət deyil?

Favikonu olmayan və tam ikon dəsti olan veb sayt: Google-ın boz qlobu öz ikonu və Apple Touch ikonu ilə müqayisədə

Favikon nadir hallarda mütəxəssis tələb edən kiçik bir problemdir. Lakin kiçik bir problemin simptom olduğu vaxtlar da olur. Aşağıdakı hallarda kömək lazımdır:

  • ikon düzgündür, amma Google aylardır ki, qlobus göstərir - bu o deməkdir ki, problem robotun girişində və ya şablondadır;
  • brendin sadə loqosu yoxdur və 16 piksel üzərində işləyən korporativ stilə ehtiyacı var;
  • sayt konstruktor istifadə edərək tərtib edilir və hər yeniləmə ilə nişanlara gedən yollar dəyişir;
  • Favikon illər ərzində yığılan onlarla kiçik səhvdən yalnız biridir.

Veb saytınız üçün nə edə bilərəm?

Mən Valeri Danyuk, 12 illik təcrübəsi və 200-dən çox müştərisi olan bir geliştirici və SEO mütəxəssisiyəm. Hər bir veb sayt işə düşməzdən əvvəl favikonlar, sosial media önizləmələri və işarələmələr qururam.

SEO və audit

  • Veb saytın hazır SEO auditi: Favikon və önizləmələrdən tutmuş indeksləşdirmə və sürətə qədər bütün texniki detalları tapıram və onları kodda düzəldirəm.

Veb saytlar və onlayn mağazalar

CRM və avtomatlaşdırma

Mənə Telegram -da veb sayt ünvanını göndərin - nişanları və tez-tez unudulan beş-altı başqa kiçik şeyi yoxlayacağam.

Nəticə

  1. Favicon Checker bütün sayt nişanlarını, ölçülərini tapır və bir dəqiqə ərzində hansılarının çatışmadığını göstərir.
  2. Minimum dəst: favicon.ico, favicon.svg, Apple Touch Icon 180×180 və veb-manifest üçün 192 və 512 ikonları.
  3. Google üçün işarə kvadrat, 48x48-dən böyük, robot üçün əlçatan və əsas səhifədə göstərilməlidir.
  4. Əgər veb saytı yenidən qurmaq kiçik problemləri həll etməkdən daha asandırsa, 1001site nişanları və önizləmələri avtomatik olaraq fərdiləşdirir.

Pulsuz Favicon Checker ilə domeninizi yoxlayın və eyni zamanda əsas rəqibinizin domenini də yoxlayın.

Mənbələr

  • PromoPilot-un Favikon Yoxlayıcısı səhifəsi — yoxlamaların siyahısı və Tez-tez Verilən Suallar.
  • Google Axtarış Mərkəzi - Axtarış Nəticələri Favikon Tələbləri.
  • RealFaviconGenerator — bir sıra nişanlar yaradır və sınaqdan keçirir.

İstinadlar və mənbələr

Suallar və Cavablar

Niyə veb saytın favikona ehtiyacı var?

Favikon, brauzer nişanlarında, əlfəcinlərdə, tarixçədə və telefonlarda və kompüterlərdə Google axtarış nəticələrində ünvanın yanında görünən veb sayt ikonudur. Favikon veb saytı tanınan hala gətirir və onu digər axtarış nəticələrindən fərqləndirir; favikon olmadan brauzer və Google ümumi bir ikon göstərir.

Hansı favikon ölçüləri lazımdır?

Praktik minimum: favicon.ico (tək faylda 16 və 32 piksel) və ya brauzerlər üçün PNG 32x32, müasir brauzerlər üçün SVG, iPhone və iPad üçün Apple Touch Icon 180x180, Android-də veb manifest üçün PNG 192x192 və 512x512. Google üçün ikon kvadrat olmalıdır; 48x48-dən böyük ölçü tövsiyə olunur.

Apple Touch Icon nədir?

Bu, veb sayt Ana ekrana əlavə edildikdə, eləcə də bəzi Safari əlfəcinlərində iPhone və iPad-lərin göstərdiyi işarədir. Standart ölçü şəffaflıq olmadan 180x180 piksel PNG-dir. Şəffaflıq olmadan cihaz səhifənin kiçildilmiş ekran görüntüsündən istifadə edir.

Veb saytı yoxladıq, amma düzəldəcək heç kim yoxdur?

Bu pulsuz vasitə problemləri aşkarlayır. Hesabatı təhlil edəcək, prioritetləşdirəcək və onları düzəldəcəyəm: SEO auditi, sürətləndirmə, işarələmə və reytinqləri itirmədən yeni sayta miqrasiya.