ฟาวิคอนไม่แสดงหรือไม่อัปเดต

เขียนโดย

เมื่อฟาวิคอนหาย ปัญหาอาจไม่ได้อยู่ที่ไฟล์ เบราว์เซอร์ CDN, service worker และเครื่องมือค้นหาต่างเก็บคนละเวอร์ชันได้ การวินิจฉัยตามลำดับช่วยไม่ให้เปลี่ยนหลายอย่างพร้อมกัน

แว่นขยายตรวจชั้นต่าง ๆ ของการโหลดฟาวิคอน
ควรตรวจ URL, HTML, แคช และการรวบรวมข้อมูลแยกกัน

เริ่มจากคำขอไฟล์

เปิด URL ที่แท็ก link อ้างถึงโดยตรง ต้องตอบกลับได้โดยไม่ยืนยันตัวตน มีเนื้อหาถูกต้อง และไม่มีการเปลี่ยนเส้นทางต่อกันโดยไม่จำเป็น หน้า HTML แสดงข้อผิดพลาดที่ชื่อ favicon.ico ไม่สามารถถอดรหัสเป็นไอคอนได้

ในแผง Network กรองด้วย icon หรือ favicon แล้วบันทึก URL สุดท้าย สถานะ ชนิดเนื้อหา และข้อมูลว่าตอบกลับจากแคชหรือไม่

ลำดับวินิจฉัยฟาวิคอน
สิ่งที่ตรวจผลที่คาดหวังวิธีแก้
URL โดยตรงตอบกลับภาพพร้อมสถานะ 200แก้พาธหรือการเผยแพร่
แท็ก linkอยู่ใน headแก้ HTML ที่สร้างจริง
แคชได้รับการตอบกลับใหม่ล้างแล้วทดสอบซ้ำ
การเข้าถึงของโปรแกรมรวบรวมข้อมูลเข้าถึงไฟล์ได้นำการบล็อกออก

ตรวจ HTML ที่แสดงผลจริง

ตรวจเอกสารที่สร้างจริง ไม่ใช่แค่เทมเพลตต้นฉบับ ส่วนขยาย ธีม หรือคอมโพเนนต์อาจแทรกแท็กไอคอนตัวที่สองหลังของคุณ ทำให้เบราว์เซอร์เลือกไฟล์อื่น

ตรวจพาธจากหน้าที่อยู่ลึกในโฟลเดอร์และตัวพิมพ์ใหญ่เล็กในชื่อไฟล์ บนเซิร์ฟเวอร์ที่แยกตัวพิมพ์ Favicon.svg และ favicon.svg คือคนละทรัพยากร

แยกตรวจแคชทุกชั้น

เริ่มทดสอบด้วยโปรไฟล์ใหม่หรือปิดแคชเครือข่าย หากภาพใหม่มาถึงเซิร์ฟเวอร์ต้นทางแต่ไม่ปรากฏที่โดเมนสาธารณะ ให้ล้าง CDN หากติดตั้ง PWA ไว้ ให้ตรวจ service worker และแมนิเฟสต์ด้วย

สำหรับการแก้ไขครั้งต่อไป ชื่อไฟล์ที่ระบุเวอร์ชันช่วยให้การเปลี่ยนแปลงชัดเจน เก็บ /favicon.ico ไว้ให้โปรแกรมที่ขอไฟล์ตามธรรมเนียม

แหล่งข้อมูลต้นทาง

คำถามที่พบบ่อย

ทำไมฟาวิคอนเก่ากลับมาอีก?

แคชบางชั้น service worker หรือแท็กไอคอนตัวที่สองอาจยังส่งไฟล์เก่า ตรวจ URL ที่โหลดจริงก่อนล้างแคช

เพิ่มพารามิเตอร์เวอร์ชันใน URL เพียงพอหรือไม่?

ช่วยเลี่ยงแคชบางประเภทได้ แต่ชื่อไฟล์ใหม่มักสื่อการเปลี่ยนแปลงชัดกว่า เก็บ /favicon.ico ไว้เป็นตัวสำรองด้วย

ฟาวิคอนใน Google เปลี่ยนทันทีไหม?

ไม่ Google ต้องรวบรวมข้อมูลและประมวลผลหน้าเว็บกับไอคอนใหม่ ไม่มีระยะเวลาที่แน่นอนรับประกันได้

ลองทำตาม

สร้างไฟล์ครบชุดในไม่กี่วินาที ฟรีและไม่ต้องอัปโหลดภาพ

วินิจฉัยฟาวิคอนสาธารณะของฉัน

อ่านและลองใช้ต่อ

เครื่องมืออื่น ๆ ของ LFFavicon และคู่มือที่ตอบคำถามยอดนิยม

เครื่องมือ

คู่มือ