Kısa cevap: Web sitenizin favicon'unu çevrimiçi olarak kontrol etmek için, alan adınızı PromoPilot'ın ücretsiz Favicon Denetleyicisine girin ve "Kontrol Et"e tıklayın. Araç, HTML'de tanımlanan ve /favicon.ico gibi standart yollarda bulunan tüm simgeleri bulacak, her birinin önizlemesini ve boyutunu gösterecek, Apple Touch simgesini kontrol edecek ve hangi boyutların eksik olduğunu size bildirecektir. Aşağıda minimum bir simge seti, tamamlanmış kod ve Google logonuz yerine gri bir küre göstermesinin nedenleri yer almaktadır.
12 yıldır web sitesi yapıyorum ve biliyorum: favicon'lar diğer tüm öğelerden daha sık unutuluyor. Tasarımcı logoyu oluşturuyor, geliştirici web sitesini kuruyor, ancak hiç kimse sekmeye favicon eklemiyor—ta ki ilk müşteri "Rakibimizin Google favicon'u varken bizim neden yok?" diye sorana kadar.
Favicon Check neyi kontrol eder?
Bir web sitesi simgesi artık sadece tek bir favicon.ico dosyası değil. Tarayıcılar, iPhone, Android ve Google hepsi farklı dosya türleri ve boyutları kullanıyor. Bu araç, bunların hepsini tek bir raporda bir araya getiriyor.
| Neleri kontrol ediyor? | Neye bakıyor? | Bu sitenin buna neden ihtiyacı var? |
|---|---|---|
| HTML'den simgeler | Tüm etiketler <link rel="icon">, shortcut icon, apple-touch-icon | Tarayıcılar ve Google öncelikle bunları dikkate alır. |
| Standart yollar | Sitenin kök dizinindeki /favicon.ico ve diğer tipik adresler | Birçok sistem, etiket olmasa bile simgeyi orada arar. |
| Her bir simgenin boyutu | Genişlik ve yükseklik piksel cinsinden, format ICO, PNG, SVG | Küçük simge, yüksek çözünürlüklü ekranlarda bulanık görünüyor. |
| Apple Dokunmatik Simgesi | iPhone ve iPad için bir simge var mı? | Bu olmadan, sayfanın ekran görüntüsü ana ekranda görünecektir. |
| Önizleme | Bulunan simgelerin her biri neye benziyor? | Bozuk, boş veya yabancı (şablon) simgeler görebilirsiniz. |
| Öneriler | Hangi bedenler eksik? | Bir tasarımcı için hazır bir görev listesi |
Bir web sitesinin favicon'unu çevrimiçi olarak nasıl kontrol edebilirim?
- Favicon Denetleyicisini Açın.
- Alan adını girin - sayfa belirtmenize gerek yok, sadece
example.comyeterli. - "Kontrol Et"e tıklayın. Araç, ana sayfanın HTML'sini ve standart yollarını analiz edecektir.
- Bulunan simgeleri inceleyin: her birinin önizlemesini, biçimini ve boyutunu kontrol edin. Bunlar arasında standart bir CMS veya hosting simgesi olup olmadığını inceleyin.
- Önerileri okuyun ve eksik ölçüleri tasarımcıya iletin veya kendiniz ölçün.
Araç sayfası: alan adı alanı, "Kontrol Et" düğmesi ve SSS ile birlikte kontrollerin açıklaması.
Doğrulama kolaydır; ziyaretçi limiti, kendi sitenizi ve karşılaştırma için birkaç rakip siteyi kontrol etmek için yeterlidir. Herhangi bir sitenin simgeleri görüntülenebilir ve indirilebilir; bu, eski bir yükleniciyle birlikte kaybolan kendi logonuzun orijinalini bulmanız gerektiğinde kullanışlıdır.
2026'da hangi favicon boyutlarına ihtiyaç duyulacak?
Simge oluşturucular genellikle 20 dosya üretir, ancak asıl ihtiyaç duyulan şey kompakt bir settir. İşte tüm projelerim için kullandığım minimum set:
| Dosya | Boyut | Nerede kullanılıyor? |
|---|---|---|
favicon.ico | 16x16 ve 32x32 boyutlarında tek dosya | Eski tarayıcılar, kök dizinde simge arayan sistemler |
favicon.svg | Vektör | Modern tarayıcılar, her ekranda net görüntü sunar. |
apple-touch-icon.png | 180×180 | iPhone ve iPad Ana Ekranı |
icon-192.png ve icon-512.png | 192×192 ve 512×512 | Web-manifest: Android, bir web sitesini uygulama olarak yükleme |
Ve <head> için 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">
Tasarım ipucu: 16 pikselde logo ve metin bulanıklaşır. Zıt bir arka plan üzerinde bir sembol, ismin ilk harfi veya basitleştirilmiş bir karakter kullanın. Apple Touch simgesi için şeffaf bir arka plan kullanmayın; iOS bunu siyahla dolduracaktır.
Tasarımcıya ihtiyaç duymadan kendi favicon'unuzu nasıl oluşturursunuz?
Eğer hiç ikonunuz yoksa, yarım saat içinde temel bir ikon seti oluşturabilirsiniz. İşte izlenecek yol:
- Logonun tamamını değil, bir sembol kullanın. İsmin ilk harfini, logodaki bir sembolü veya marka renginde basit bir geometrik şekli kullanın. 16 pikselde tanınabilir olduğundan emin olun.
- 512x512 boyutlarında bir kare çizin. Herhangi bir grafik düzenleyici veya çevrimiçi tasarım aracı işinizi görecektir. Tabelanın kenarlara taşmaması için kenarlarda biraz boşluk bırakın.
- Kaynak dosyayı SVG olarak kaydedin; bu şekilde
favicon.svgoluşacak ve gerekli boyutlardaki tüm PNG dosyaları kalite kaybı olmadan kesilebilecektir. - Geri kalan boyutları (ICO, 180, 192) simge oluşturucuda oluşturun ve dosyaları sitenin kök dizinine yerleştirin.
- Kodu <head> etiketine yapıştırın ve sonucu araçta tekrar kontrol edin.
Simgenin tarayıcının koyu temasında nasıl göründüğünü kontrol edin: şeffaf bir arka plan üzerindeki siyah bir simge, koyu bir Chrome sekmesinde kaybolur. Açık bir arka plan veya zıt bir çerçeve yardımcı olacaktır.
Google neden sitenin favicon'unu göstermiyor?
En sık sorulan soru: Arama sonuçlarında bir adresin yanında gri bir küre görüyorsanız, bunun genellikle birkaç nedeni vardır:
- Simge kare değil. Google 1:1 en boy oranını ve en az 8x8 boyutunu gerektiriyor, ancak 48x48'den daha büyük bir boyut öneriyor: küçük 16x16
favicon.icoarama sonuçlarında bulanık görünüyor. - Simge robotlar tarafından engellenmiştir. Google -Image'ın simge dosyasına ve ana dosyaya erişimi olmalıdır. Resim klasörü Google dosyasında engellenmişse veya dosya hata ile döndürülürse, simge arama sonuçlarında görünmez.
- Etiket ana sayfada değil. Google favicon'u alan adının veya alt alan adının ana sayfasından alır;
example.com/shopgibi ana sayfa bölümü uygun değildir. - Simgenin adresi kararsız. Eğer yol her site güncellemesinde değişirse (
/icon.a83f2.png), Google bunu hızlı bir şekilde güncelleyemeyebilir. - Epey zaman oldu. Google düzeltmeden hemen sonra favicon'u güncellemiyor; Arama Konsolu'nda ana sayfanın yeniden taranmasını isteyerek bunu hızlandırabilirsiniz. Google kesin bir zaman dilimi vermediği için sonuçları birkaç günden önce kontrol etmeyin.
- Bu simge kuralları ihlal ediyor. Google kabul edilemez görselleri standart bir simgeyle değiştiriyor.
Karşılaştırma: Favicon Denetleyicisi ve Alternatifleri
| Alet | Neler ücretsiz? | Kısıtlamalar | Kimler için uygundur? |
|---|---|---|---|
| PromoPilot - Favicon Denetleyicisi | HTML ve standart yollardan tüm simgeler, boyutlar, önizlemeler, Apple Touch Simgesi, öneriler | Simgeler oluşturmaz, ana simgeyi kontrol eder. | Web sitenizi veya bir rakibinizin web sitesini hızlıca kontrol edin. |
| GerçekFaviconÜretici | Bir dizi simge ve kod oluşturma, favicon kontrolü | Oluşturucu çok sayıda dosya üretiyor, hangilerini saklayacağınıza karar vermeniz gerekiyor. | Sıfırdan ikon oluşturmak isteyenler için |
| Google Arama Konsolu | Ana tarayıcının yeniden taranması isteği | Sadece doğrulanmış siteler için geçerlidir, simgeyi kontrol etmeyin. | Arama sonuçlarındaki simge güncellemelerini hızlandırın |
| Tarayıcıdaki geliştirici araçları | Bildirim dosyası ve simgeler içeren sekme | Nereye bakmanız gerektiğini bilmeniz gerekiyor. | Geliştiriciler için |
Sonuç: Kontrol için çevrimiçi bir araç, set oluşturmak için bir jeneratör ve Google güncellemeleri hızlandırmak için Arama Konsolu daha kullanışlıdır.
Bu arada, PromoPilot'ın 87 ücretsiz SEO aracı var. Arama motoru sonuç sayfası önizlemesinde başlığın yanında favicon'un nasıl göründüğünü kolayca görebilirsiniz; serimizde bununla ilgili ayrı bir makalemiz var.
Favicon doğrulamasının sınırlamaları nelerdir?
Bu araç, sitenin reklamını yaptığı ve döndürdüğü şeyleri kontrol eder: Google arama sonuçlarındaki simgeyi ne zaman güncellediğini size söylemez; bu, arama motorunun kendisine kalmıştır. Sayfa yüklendikten sonra bir komut dosyası tarafından simgeler eklenirse, bazıları rapora dahil edilmeyebilir. Kontrol ayrıca alan adının tamamını da inceler; sitenin farklı bölümlerinin farklı simgeleri varsa (örneğin, bir mağaza alt alan adı), bunları ayrı ayrı kontrol edin.
Ücretsiz bir araç ne zaman yeterli olmaz?
Favicon, nadiren uzman müdahalesi gerektiren küçük bir sorundur. Ancak bazen küçük bir sorun bir belirti olabilir. Şu durumlarda yardım gereklidir:
- Simge doğru, ancak Google aylardır bir dünya küresi gösteriyor - bu da sorunun robotun erişimiyle veya şablonla ilgili olduğu anlamına geliyor;
- Markanın basit bir logosu yok ve 16 piksel boyutunda da işe yarayan kurumsal bir stile ihtiyacı var;
- Site bir site oluşturucu kullanılarak derleniyor ve simgelere giden yollar her güncellemede değişiyor;
- Favicon, yıllar içinde biriken onlarca küçük hatadan sadece biri.
Web siteniz için neler yapabilirim?
Ben Valeriy Danyuk, 12 yıllık deneyime ve 200'den fazla müşteriye sahip bir geliştirici ve SEO uzmanıyım. Her web sitesi yayına girmeden önce favicon'larını, sosyal medya önizlemelerini ve işaretlemelerini ayarlıyorum.
SEO ve denetim
- Anahtar teslim web sitesi SEO denetimi: Favicon ve önizlemelerden indekslemeye ve hıza kadar tüm teknik detayları bulup kodda düzeltiyorum.
Web siteleri ve çevrimiçi mağazalar
- 1001site ile dakikalar içinde başkasının web sitesinin tarzında bir web sitesi oluşturun; simgeler, önizlemeler ve düzen otomatik olarak yapılandırılır.
- Abonelik ücreti olan Tilda mı yoksa yapay zekâ destekli bir web sitesi mi? Yaklaşımların dürüst bir karşılaştırması.
- 2026 yılında anahtar teslim bir web sitesinin maliyeti ne kadar? Fiyatı belirleyen faktörler nelerdir?
- Yapay zekâ destekli WordPress web sitesi 299 € ve 3 gün karşılığında.
CRM ve otomasyon
- Slovakya'da faaliyet gösteren bir şirket için müşteri veritabanı ve karar vericileri içeren özel bir CRM sistemi.
- Otomobil parçalama şirketi için fiyatları otomatik olarak hesaplayan ve faturaları yazdıran bir CRM yazılımı.
Bana web sitesinin adresini Telegram gönderin - simgeleri ve genellikle unutulan beş altı küçük şeyi daha kontrol edeceğim.
Sonuç
- Favicon Checker, sitenizdeki tüm simgeleri, boyutlarını bulur ve hangilerinin eksik olduğunu bir dakika içinde gösterir.
- Minimum gereksinimler: favicon.ico, favicon.svg, Apple Touch Icon 180×180 ve web-manifest için 192 ve 512 numaralı simgeler.
- Google için simge kare şeklinde, 48x48'den büyük, robot tarafından erişilebilir ve ana sayfada belirtilmiş olmalıdır.
- Küçük sorunları düzeltmektense bir web sitesini yeniden oluşturmak daha kolaysa, 1001site simgeleri ve önizlemeleri otomatik olarak özelleştirir.
Ücretsiz Favicon Denetleyicisi ile alan adınızı kontrol edin ve aynı zamanda ana rakibinizin alan adını da kontrol edin.
Kaynaklar
- PromoPilot'ın Favicon Kontrol Aracı sayfası — kontrol listesi ve SSS.
- Google Arama Merkezi - Arama Sonuçları Favicon Gereksinimleri.
- RealFaviconGenerator — bir dizi simge oluşturur ve test eder.
