Güncellenmeyen bir favicon çoğunlukla tarayıcıda takılı kalmıştır: tarayıcılar faviconları kendi önbelleklerinde tutar ve normal yenileme buna dokunmaz. En hızlı çözüm simgeye yeni bir URL vermektir; yeni bir dosya adı ya da /favicon.svg?v=2 gibi bir sürüm sorgusu kullanın ve <link> etiketlerini güncelleyin. Önce sunucunuzun ve CDN'inizin gerçekten yeni dosyayı gönderdiğinden emin olun.
Önce: sunucu yeni simgeyi gönderiyor mu?
Simge URL'sini, örneğin https://example.com/favicon.ico adresini, gizli bir pencerede doğrudan açın. Orada eski simgeyi görüyorsanız sorun sunucu tarafındadır: bir CDN veya vekil sunucu hâlâ eski dosyayı tutuyor, dağıtım onu değiştirmemiş ya da HTML başka bir yere işaret ediyor. Favicon Checker bildirilen her simgeyi taze alır ve sunucunuzun gönderdiği önbellek başlıklarını gösterir.
URL'yi değiştirin
Yeni bir URL tarayıcı önbelleğini, CDN'i ve Google'ı tek adımda aşar:
<link rel="icon" href="/favicon.ico?v=2" sizes="32x32">
<link rel="icon" href="/favicon.svg?v=2" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png?v=2">Manifest simgeleri için de yapın. /favicon.ico yeniden adlandırılamaz, çünkü tarayıcılar tam olarak bu yolu ister; bunu CDN önbelleğini temizlemek çözer.
Tarayıcıda temizleyin
- Chrome ve Edge: simge URL'sini bir sekmede açın, Ctrl+Shift+R'ye (Mac'te Cmd+Shift+R) basın, ardından sayfanızı yenileyin. Simgeler geçmişle birlikte saklanır; eskisi kalıyorsa sitenin geçmiş kayıtlarını silin veya tarayıcıyı yeniden başlatın.
- Firefox: doğrudan URL'yi yenileme yöntemi burada da işe yarar. Firefox da simgeleri geçmişle saklar: Library'yi açın, siteye sağ tıklayın ve Forget About This Site'ı seçin.
- Safari: Safari'den tamamen çıkıp yeniden açın. Mac'te Develop → Empty Caches de yardımcı olur (Develop menüsünü Settings → Advanced içinden açın).
Makul önbellek başlıkları ayarlayın
Simgeler nadiren değişir, bu yüzden simge değiştiğinde URL'yi de değiştirdiğiniz sürece uzun önbellekleme sorun değildir. Adında veya sorgusunda sürüm bulunan dosyalar bir yıl önbellekte kalabilir:
Cache-Control: public, max-age=31536000, immutable/favicon.ico gibi sabit yollardaki simgeler için bir gün ile bir hafta arası, ziyaretçilerin yeniden markalamayı aylarca beklemesini önler:
Cache-Control: public, max-age=604800Ana ekranlar ve yüklenen uygulamalar
Biri siteyi ana ekrana eklediğinde iOS Apple touch icon'u kopyalar ve bir daha yenilemez. Ziyaretçinin kısayolu silip yeniden eklemesi gerekir. Yüklenen web uygulamaları farklıdır: Chrome, yüklenen bir uygulamanın manifest dosyasını zaman zaman kontrol eder ve değişen simgeyi alır. Android'de değiştirmeden önce kullanıcıya sorabilir.
Google Arama
Google, ana sayfanızı yeniden taradığında faviconu yeniler; bu günler ya da haftalar sürebilir. Biraz hızlandırmak için Search Console'da ana sayfa için dizine eklemeyi isteyin. Simge hâlâ değişmiyorsa Google'ın favicon gereksinimleriyle karşılaştırın.