Favicon ไม่แสดง? คู่มือการแก้ไขปัญหา
ไอคอน Fav ที่ทำงานเมื่อวานอาจหายไปหลังจากการปรับใช้ ดูจืดจางใน Google เป็นเวลาหลายสัปดาห์ หรือไม่ปรากฏบนมือถือเลย ปัญหาส่วนใหญ่คือปัญหาเกี่ยวกับเส้นทาง แคช หรือรูปแบบ — ไม่ใช่ไฟล์โลโก้ของคุณ
Quick answer
If your favicon is not showing, confirm favicon.ico loads at your site root, verify <link rel="icon"> paths on the live URL, and hard-refresh to bust browser cache — then use the Favicon Checker to see which paths resolve.
Check favicons on any website
Install the FetchFavicon Chrome Extension to extract, preview, and validate favicons instantly.
เริ่มต้นด้วยการยืนยันว่าไฟล์โหลดบนโดเมนจริงของคุณ วาง URL ของคุณลงในตัวตรวจสอบไอคอน Fav เพื่อดูว่าเส้นทาง /favicon.ico, PNG และไอคอน Apple-touch ส่งคืน 200 หรือ 404 หรือไม่ หากตัวตรวจสอบไม่พบอะไรเลย เบราว์เซอร์ก็จะส่งคืนเช่นกัน
เบราว์เซอร์แคชไอคอน Favicons อย่างรุนแรง — บางครั้งเป็นเวลาหลายวัน หลังจากอัปโหลดไอคอนใหม่แล้ว ให้รีเฟรชอย่างหนัก (Ctrl+Shift+R / Cmd+Shift+R) หรือต่อท้าย ?v=2 ต่อท้าย URL ไอคอน Fav ของคุณหนึ่งครั้งเพื่อหยุดแคช โหมดไม่ระบุตัวตนคือการตรวจสอบสุขภาพจิตที่เร็วที่สุด
เส้นทางที่ผิดเป็นสาเหตุที่พบบ่อยที่สุดลำดับถัดไป <link rel="icon"> ต้องชี้ไปที่ URL ที่มีอยู่หลังจากการปรับใช้ ไฟล์ใน /public บนเครื่องของคุณจะไม่มีประโยชน์หากการผลิตให้บริการจากไดเร็กทอรีย่อย CDN หรือรูทอื่น
หาก favicon.ico หายไปหรือเสียหาย ทางลัดของ Windows และเบราว์เซอร์รุ่นเก่าจะแสดงไอคอนว่าง สร้าง .ico หลายขนาดใหม่จาก PNG หรือ SVG ของคุณ - ไฟล์ .png ที่เปลี่ยนชื่อไม่ใช่ ICO ที่ถูกต้อง
Google Search อาจใช้เวลาหลายวันหรือหลายสัปดาห์ในการรีเฟรชไอคอน Fav ของ SERP หลังจากที่คุณแก้ไขไฟล์แล้ว Googlebot-Image ต้องรวบรวมข้อมูลไอคอนที่เข้าถึงได้ซึ่งลิงก์จากหน้าแรกของคุณ อย่างน้อย 48×48 ตรวจสอบ Search Console และ robots.txt หากไอคอนแท็บใช้งานได้ แต่ Google ยังคงแสดงไอคอนเก่า
สำหรับปัญหาด้านรูปแบบและขนาด ให้จัดส่ง favicon.ico หลายขนาดบวก PNG สำรอง ดูคำแนะนำที่อธิบายรูปแบบ favicon และขนาด favicon ที่ดีที่สุด หากคุณไม่แน่ใจว่าจะปรับใช้ไฟล์ใด
วิธีการทำงาน
- 1
ตรวจสอบว่าโหลดเส้นทางใด
เรียกใช้ URL สดของคุณผ่าน Favicon Checker เพื่อดูว่าไฟล์ไอคอนใดแก้ไขได้
- 2
แก้ไขเส้นทางและสร้างใหม่
ใช้งาน favicon.ico ที่ราก แก้ไขแท็ก <link> และสร้างใหม่ด้วย Favicon Generator หรือ PNG to ICO หากจำเป็น
- 3
แคชแคชและยืนยันอีกครั้ง
ฮาร์ดรีเฟรช เพิ่ม ?v=2 หนึ่งครั้ง จากนั้นทดสอบอีกครั้งในหน้าต่างที่ไม่ระบุตัวตนและใน Google Search หลังจากการรวบรวมข้อมูล
ลองเลย
ตรวจสอบ favicon ของคุณทันที
ตัวตรวจสอบ faviconคำถามที่พบบ่อย
ทำไม favicon ของฉันถึงไม่แสดง?+
ไฟล์หายไปตามคำขอของเบราว์เซอร์ URL เส้นทาง <link rel="icon"> ไม่ถูกต้อง หรือมีเวอร์ชันเก่าติดอยู่ในแคชของเบราว์เซอร์ ตรวจสอบ URL สดด้วยตัวตรวจสอบ favicon ก่อน
เหตุใด favicon ของฉันจึงไม่อัปเดตหลังจากที่ฉันเปลี่ยนแล้ว+
เบราว์เซอร์แคช favicons อย่างหนัก ฮาร์ดรีเฟรช ข้อมูลไซต์ที่ชัดเจน หรือเพิ่ม ?v=2 ลงใน URL ไอคอน Fav แคช CDN อาจให้บริการไฟล์เก่าจนกว่าจะถูกล้างข้อมูล
เหตุใด favicon ของฉันจึงหายไปในผลการค้นหาของ Google+
Google ต้องการไอคอนที่รวบรวมข้อมูลได้ซึ่งเชื่อมโยงจากหน้าแรกของคุณ อย่างน้อย 48×48 และสามารถเข้าถึงได้สำหรับ Googlebot-Image การอัปเดต SERP อาจล่าช้าหลายวันหรือหลายสัปดาห์หลังจากที่คุณแก้ไขไฟล์
ฉันจะแก้ไขปัญหาแคช favicon ได้อย่างไร+
เปลี่ยนชื่อไฟล์หรือเพิ่มสตริงการสืบค้น (?v=2) ล้างข้อมูล CDN ของคุณออก จากนั้นรีเฟรชใหม่ทั้งหมด ทดสอบในหน้าต่างส่วนตัวเพื่อยืนยันการโหลดไอคอนใหม่
ทำไม favicon.ico ไม่ทำงาน?+
สาเหตุทั่วไป: ไฟล์ไม่ได้รับการปรับใช้กับรูทของไซต์ เป็น PNG ที่เปลี่ยนชื่อแทนที่จะเป็น ICO จริง ไม่มีขนาดที่ต้องการ หรือเซิร์ฟเวอร์ส่งคืนประเภท MIME ที่ไม่ถูกต้อง