Favicon yang tidak berubah biasanya tersangkut di browser: browser menyimpan favicon di cache tersendiri yang tidak tersentuh oleh reload biasa. Cara tercepat adalah memberi ikon URL baru, entah nama file baru atau query versi seperti /favicon.svg?v=2, lalu memperbarui tag <link>. Sebelum itu, pastikan server dan CDN Anda benar-benar mengirim file yang baru.
Pertama: apakah server mengirim ikon yang baru?
Buka URL ikon secara langsung, misalnya https://example.com/favicon.ico, di jendela pribadi. Jika di sana Anda masih melihat ikon lama, masalahnya ada di sisi server: CDN atau proxy masih menyimpan file lama, deploy tidak menggantinya, atau HTML mengarah ke tempat lain. Favicon Checker mengambil setiap ikon yang dideklarasikan dari awal dan menampilkan header cache yang dikirim server Anda.
Ubah URL-nya
URL baru melewati cache browser, CDN, dan Google sekaligus:
<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">Lakukan juga untuk ikon manifest. /favicon.ico sendiri tidak dapat diganti namanya, karena browser meminta path persis itu; purge CDN yang mengatasinya.
Hapus di browser
- Chrome dan Edge: buka URL ikon di sebuah tab, tekan Ctrl+Shift+R (Cmd+Shift+R di Mac), lalu muat ulang halaman Anda. Ikon disimpan bersama riwayat, jadi jika yang lama tetap muncul, hapus entri riwayat situs tersebut atau mulai ulang browser.
- Firefox: reload URL langsung juga berlaku di sini. Firefox juga menyimpan ikon bersama riwayat: buka Library, klik kanan situsnya, lalu pilih Forget About This Site.
- Safari: tutup Safari sepenuhnya lalu buka lagi. Di Mac, Develop → Empty Caches juga membantu (aktifkan menu Develop di Settings → Advanced).
Atur header cache yang masuk akal
Ikon jarang berubah, jadi cache panjang tidak masalah selama Anda mengganti URL saat ikon berubah. File dengan versi di nama atau query boleh di-cache selama setahun:
Cache-Control: public, max-age=31536000, immutableUntuk ikon di path tetap, seperti /favicon.ico, sehari hingga seminggu mencegah pengunjung menunggu berbulan-bulan setelah rebranding:
Cache-Control: public, max-age=604800Layar utama dan aplikasi terinstal
iOS menyalin Apple touch icon saat seseorang menambahkan situs Anda ke layar utama dan tidak pernah menyegarkannya. Pengunjung harus menghapus pintasan itu dan menambahkannya lagi. Web app yang sudah diinstal berbeda: Chrome memeriksa manifest aplikasi terinstal dari waktu ke waktu dan mengambil ikon yang berubah. Di Android, pengguna mungkin ditanya dulu sebelum ikonnya diganti.
Google Search
Google menyegarkan favicon saat meng-crawl ulang beranda Anda, yang bisa memakan waktu beberapa hari hingga minggu. Minta pengindeksan beranda di Search Console untuk mendorongnya. Jika ikon tetap tidak berubah, periksa terhadap persyaratan favicon Google.