Saat favicon hilang, berkasnya tidak selalu menjadi penyebab. Peramban, CDN, service worker, dan mesin pencari masing-masing dapat menyimpan versi berbeda. Diagnosis berurutan menghindari perubahan beberapa variabel sekaligus.
Mulai dari permintaan berkas
Buka URL persis yang dirujuk elemen link. URL harus merespons tanpa autentikasi, dengan konten yang benar, dan tanpa rantai pengalihan yang tidak perlu. Halaman kesalahan HTML bernama favicon.ico tidak dapat didekode sebagai ikon.
Di panel Network, filter icon atau favicon. Catat URL akhir, status, tipe konten, dan apakah respons berasal dari cache.
| Pemeriksaan | Hasil yang diharapkan | Perbaikan |
|---|---|---|
| URL langsung | Respons gambar 200 | Perbaiki jalur atau deployment |
| Elemen link | Ada di head | Perbaiki HTML yang dirender |
| Cache | Respons baru diterima | Bersihkan, lalu uji ulang |
| Akses perayapan | Berkas dapat diakses | Hapus pemblokiran |
Periksa HTML yang benar-benar dirender
Periksa dokumen yang dihasilkan, bukan hanya templat sumbernya. Ekstensi, tema, atau komponen mungkin menyisipkan elemen ikon kedua setelah milik Anda sehingga peramban memilih berkas lain.
Periksa jalur dari halaman yang jauh di dalam hierarki serta huruf besar-kecil nama berkas secara tepat. Pada server yang peka huruf besar-kecil, Favicon.svg dan favicon.svg adalah sumber daya berbeda.
Pisahkan setiap lapisan cache
Pertama, uji di profil baru atau dengan cache jaringan dinonaktifkan. Jika gambar baru sudah tersedia di server asal tetapi belum di domain publik, bersihkan CDN. Jika PWA terpasang, periksa juga service worker dan manifesnya.
Untuk revisi mendatang, nama berkas berversi dapat memperjelas perubahan. Tetap sediakan /favicon.ico untuk klien yang memintanya sesuai konvensi.
Pisahkan perilaku peramban dan hasil penelusuran
Google mensyaratkan favicon persegi yang dapat dirayapi dan terkait dengan beranda situs. URL ikon dapat dirayapi pada waktu berbeda dari halaman, sehingga ada jeda setelah perbaikan.
Gunakan inspeksi URL untuk memastikan beranda dapat diakses dan minta perayapan ulang jika berubah. Lalu beri waktu untuk pemrosesan: membersihkan cache peramban lokal tidak memengaruhi indeks penelusuran.
Sumber primer
Pertanyaan umum
Mengapa favicon lama muncul kembali?
Lapisan cache, service worker, atau elemen ikon kedua mungkin masih menyajikan berkas lama. Identifikasi URL yang benar-benar dimuat sebelum membersihkan cache.
Apakah parameter kueri versi sudah cukup?
Parameter dapat melewati beberapa cache, tetapi nama berkas baru sering lebih eksplisit. Tetap sediakan /favicon.ico sebagai cadangan.
Apakah favicon Google langsung berubah?
Tidak. Google harus merayapi ulang dan memproses kembali halaman serta ikon. Tidak ada jaminan waktu tunggu yang pasti.