Favicon tidak muncul atau tidak dikemas kini

Ditulis oleh

Apabila favicon tiada, fail tidak semestinya menjadi punca. Pelayar, CDN, service worker dan enjin carian masing-masing boleh menyimpan versi berbeza. Diagnosis tersusun mengelakkan perubahan beberapa pemboleh ubah serentak.

Kanta pembesar memeriksa pelbagai lapisan pemuatan favicon
URL, HTML, cache dan perangkakan hendaklah disemak secara berasingan.

Mulakan dengan permintaan fail

Buka URL tepat yang dirujuk elemen link. Ia mesti memberikan respons tanpa pengesahan, dengan kandungan betul dan tanpa rantaian ubah hala yang tidak diperlukan. Halaman ralat HTML bernama favicon.ico tidak boleh dinyahkod sebagai ikon.

Dalam panel Network, tapis mengikut icon atau favicon. Catat URL akhir, status, jenis kandungan dan sama ada respons datang daripada cache.

Turutan diagnosis favicon
SemakanHasil dijangkaPembetulan
URL terusRespons imej 200Baiki laluan atau pelancaran
Elemen linkTersedia dalam headBaiki HTML yang dipaparkan
CacheRespons baharu diterimaKosongkan, kemudian uji semula
Akses perangkakFail boleh dicapaiBuang sekatan

Semak HTML yang benar-benar dipaparkan

Periksa dokumen yang dihasilkan, bukan templat sumbernya sahaja. Sambungan, tema atau komponen mungkin menyisipkan elemen ikon kedua selepas elemen anda lalu menyebabkan pelayar memilih fail lain.

Semak laluan daripada halaman yang bersarang jauh dan penggunaan huruf besar serta kecil dalam nama fail. Pada pelayan peka huruf, Favicon.svg dan favicon.svg ialah sumber berbeza.

Asingkan setiap lapisan cache

Uji dahulu dengan profil baharu atau cache rangkaian dilumpuhkan. Jika imej baharu sampai ke pelayan asal tetapi bukan domain awam, kosongkan cache CDN. Jika PWA dipasang, periksa service worker dan manifesnya juga.

Untuk semakan akan datang, nama fail berversi boleh menjadikan perubahan jelas. Kekalkan /favicon.ico untuk klien yang memintanya mengikut kebiasaan.

Sumber utama

Soalan lazim

Mengapakah favicon lama muncul semula?

Lapisan cache, service worker atau elemen ikon kedua mungkin masih menyampaikan fail lama. Kenal pasti URL yang benar-benar dimuatkan sebelum mengosongkan cache.

Adakah parameter pertanyaan versi mencukupi?

Ia boleh memintas sesetengah cache, tetapi nama fail baharu selalunya lebih jelas. Kekalkan sandaran /favicon.ico.

Adakah favicon Google berubah serta-merta?

Tidak. Google perlu merangkak dan memproses semula halaman serta ikon. Tiada tempoh tepat yang dijamin.

Cubalah sendiri

Penjana menghasilkan set lengkap dalam beberapa saat, secara percuma dan tanpa memuat naik imej anda.

Diagnosis favicon awam saya

Bacaan dan alat untuk dicuba seterusnya

Alat LFFavicon yang lain dan panduan yang menjawab soalan paling kerap ditanya.

Alat

Panduan