Özet
Favicon çıkarıcı, herhangi bir web sayfasını getirir ve bildirdiği tüm simgeleri listeler: HTML'deki rel="icon" ve Apple touch icon bağlantıları, web uygulaması manifestinin simgeleri ve varsayılan /favicon.ico dosyası. Her simge; bildirilen boyutu, biçimi, kaynağı ve bir indirme düğmesiyle gelir, en büyükten en küçüğe sıralanır; ayrıca yeniden kullanabileceğiniz HTML etiketleri ile bir tarayıcı sekmesinde ve bir arama sonucunda önizleme sunulur. Kendi sitenizi denetlemek, eksik bir favicon'un hatasını ayıklamak veya bir dizin için marka simgeleri toplamak için kullanın.
Daha fazlasını mı istiyorsunuz? Sorun:
Bir favicon çıkarıcı, bir web sitesinin simge olarak gerçekte ne yayımladığını gösterir; bu da çoğu zaman sahiplerinin düşündüğünden farklıdır. Yeniden tasarım, kök dizinde eski bir favicon.ico bırakır, bir tema yalnızca 16 piksellik bir simge bildirir, manifest silinmiş dosyalara işaret eder. Bu ayrıntılar önemlidir çünkü favicon yolculuk eder: Google, kare olması, en az 8x8 piksel ve ideal olarak 48x48'den büyük olması ve taranabilir olması koşuluyla, sonuçlarda site adınızın yanında gösterebilir (Google Search Central, arama sonuçlarında favicon'lar).
Favicon çıkarıcı nasıl çalışır?
Bir sayfanın URL'sini yapıştırın, bot koruması doğrulamasını tamamlayın ve çıkarmayı başlatın. Araç sayfayı bir tarayıcı robotunun yaptığı gibi indirir, yönlendirmeleri takip eder ve üç kaynağı okur.
| Kaynak | Aracın okuduğu | Sonuçlardaki etiket |
|---|---|---|
| HTML head | rel değeri "icon" içeren her <link>: icon, shortcut icon, apple-touch-icon ve bunların varyantları, boyutları ve türüyle birlikte | html |
| Web uygulaması manifesti | rel="manifest" ile bağlanan dosya ve icons listesinin her girdisi | manifest |
| Varsayılan konum | Alan adının kökündeki /favicon.ico, yalnızca sunucu bir görselle yanıt verirse saklanır | fallback |
Göreli yollar tam URL'ye dönüştürülür, yinelenenler kaldırılır ve data URI olarak gömülü simgeler atlanır. Sonuçlar ardından şunları gösterir:
- Bir karar özeti: alan adı, bulunan favicon sayısı, varsa "Manifest algılandı" rozeti ve en büyük simge.
- Simge listesi: bildirilen en büyük boyuttan en küçüğe, her biri türü, rel değeri, kaynak etiketi ve bir indirme düğmesiyle.
- HTML kodu: her simge için link etiketleri olarak, kopyalamaya hazır.
- Önizleme: küçük simgenin bir tarayıcı sekmesinde ve arama tarzı bir sonucun yanında görünümü.
Ücretsiz sürüm günde üç çıkarma yapmanıza izin verir.
Çıkarıcıyla kendi favicon'unuzu nasıl denetlersiniz?
Google favicon'u her ana makinenin ana sayfasından okuduğu için çıkarıcıyı önce ana sayfanızda, ardından her şablon için bir iç sayfada çalıştırın. Sonra dört noktayı kontrol edin.
- 48 piksel veya daha büyük bir simge var mı? Listenin başına bakın. Bildirilen en büyük boyut 16x16 veya 32x32 ise Google ve yüksek çözünürlüklü ekranlar simgeyi büyütmek zorunda kalır.
- Boyutlar gerçek mi? Araç, dosyanın boyutunu değil, etikette veya manifestte bildirilen boyutu gösterir. En büyük simgeyi indirin ve ölçülerini kontrol edin. 32 piksellik bir dosyada 192x192 yazan bir etiket sık rastlanan bir kalıntıdır.
- Her dosya yükleniyor mu? Her indirme bağlantısına tıklayın. Bir manifest simgesinde 404 hatası, Android'de ana ekran simgesini bozar; ana simgede 404 hatası ise boş bir kare bırakır.
- Set eksiksiz mi? Tarayıcılar için en az bir PNG veya ICO simgesi, 180x180 boyutunda bir Apple touch icon ve manifestte bir 192 ve 512 çifti olmalıdır; web.dev, Chromium'un bu iki manifest boyutuna da ihtiyaç duyduğunu belirtir (web.dev, web uygulaması manifesti ekleme).
Bir şey eksikse favicon oluşturucu, tek bir kare görselden altı standart boyutu ve etiketleri üretir.
Google neden yanlış favicon'u gösteriyor veya hiç göstermiyor?
Çoğu durum bir avuç nedene dayanır. Çıkarıcı, hangisinin geçerli olduğunu doğrulamanıza yardımcı olur.
| Gördüğünüz | Olası neden | Çıkarmada kontrol edilecek |
|---|---|---|
| Simgeniz yerine genel bir dünya küresi | Ana sayfada simge bildirilmemiş veya dosya taranamıyor | Hiç favicon bulunmaması veya yalnızca bir fallback; ardından dosyayı robots.txt'nize karşı test edin |
| Eski bir logo | Önceki bir simge hâlâ bildirilmiş veya hâlâ /favicon.ico konumunda | Listede farklı tasarımlara sahip birden çok simge |
| Bulanık bir simge | Yalnızca küçük bir simge mevcut | Bildirilen en büyük boyutun 48x48'in altında olması |
| Gerilmiş veya kırpılmış bir simge | Kare olmayan bir dosya | En büyük dosyayı indirin ve genişliğini ile yüksekliğini kontrol edin |
| Alt alan adında farklı bir simge | Google'da her ana makinenin kendi favicon'u vardır | Çıkarıcıyı her alt alan adının ana sayfasında çalıştırın |
Google, hatırlamaya değer iki kural daha ekler: favicon URL'si sabit olmalı ve Googlebot-Image'ın dosyayı taramasına izin verilmelidir. robots.txt denetleyicisi, bir kuralın bunu engelleyip engellemediğini gösterir. Bir düzeltmeden sonra Google'ın ana sayfayı yeniden taraması gerekir; bu birkaç günden birkaç haftaya kadar sürebilir.
Liste ayrıca image/svg+xml türüyle bildirilen SVG simgelerini de gösterir. Modern tarayıcılarda sorunsuz ölçeklenirler, ancak Google Arama desteklenen favicon biçimleri olarak BMP, GIF, ICO, PNG, JPEG, PPM ve TIFF'i sıralar; bu yüzden bir SVG simgesinin yanında PNG veya ICO sürümünü de bulundurun.
Favicon çıkarıcıyı başka ne için kullanabilirsiniz?
Kendi sitenizin ötesinde, doğru boyutta temiz marka simgelerine ihtiyaç duyduğunuz her durumda çıkarma zaman kazandırır.
- Rakip incelemesi. Rakiplerin sekmelerini ve ana ekran simgelerini nasıl markaladığını ve tam bir manifest yayımlayıp yayımlamadıklarını görün.
- Dizinler ve karşılaştırma sayfaları. Ekran görüntüleri yerine listelenen her şirketin simgesini mevcut en büyük boyutta toplayın.
- Bağlantı önizlemeleri ve panolar. Bir iç araçta veya raporda bağlantıların yanında tanınabilir simgeler gösterin.
- Taşıma kontrolleri. Bir siteyi taşımadan önce ve sonra aynı simgelerin aynı URL'lerde bildirildiğini doğrulayın.
Birden çok simge bildirildiğinde tarayıcılar type ve sizes özniteliklerine göre seçim yapar ve bir dosya başarısız olursa bir sonrakine geçer (MDN, bağlantı türleri). Çıkarıcıdaki sıra bildirilen boyuta göredir, bu da bir tarayıcının kullandığı sıra ile her zaman aynı değildir; bu yüzden sizin için önemli olan tarayıcılarda test edin.
Çıkarılan bir favicon'u yeniden kullanabilir misiniz?
Denetimler, karşılaştırmalar ve bir markaya atıf için evet. Kendi simgeniz olarak hayır. Favicon genellikle bir logodur ve bir marka, mal veya hizmetleri tanımlayan herhangi bir sözcük, ifade, sembol veya tasarım olabilir (USPTO, marka nedir). Bir dizinde bir şirketin simgesini adının yanında göstermek o şirketi tanımlar; onu kendi sitenizi temsil etmek için kullanmak ziyaretçileri yanıltır. Tereddüt ediyorsanız marka sahibine sorun.
Çıkarmanın sınırları nelerdir?
- Boyutlar bildirilir, ölçülmez. Araç, etiketin veya manifestin söylediğini raporlar.
- JavaScript render edilmez. Yüklemeden sonra bir script tarafından eklenen simgeler görülmez.
- Fallback'in 16x16 olduğu varsayılır. Bir /favicon.ico dosyası birden çok boyut içerebilir; görmek için indirin.
- Her seferinde tek sayfa. Yalnızca bazı şablonlarda bildirilen simgeler, ancak o sayfaları çıkardığınızda görünür.
Favicon, markanızın Google sonuçlarında ve yapay zeka asistanlarının kaynak listelerinde nasıl göründüğünün bir parçasıdır. Markanızın bu cevaplarda hiç anılıp anılmadığını görmek için yapay zeka anma takibi bunu her hafta kontrol eder, GEO ve SEO panosu ise Google tıklamalarınızı yapay zeka görünürlüğünüzle birlikte izler.
Siteyi yeniden tasarlamadan veya hata ayıklamadan önce sitenizin gerçekte ne yayımladığını kontrol edin. Simgelerinizi yukarıda çıkarın, ardından arkasındaki markanın görünürlüğünü autopilot ile büyütmek için Sorank planlarına göz atın.
