Khi favicon bị thiếu, không phải lúc nào lỗi cũng nằm ở tệp. Trình duyệt, CDN, service worker và công cụ tìm kiếm có thể giữ các phiên bản khác nhau. Chẩn đoán theo thứ tự giúp tránh thay đổi nhiều yếu tố cùng lúc.
Bắt đầu từ yêu cầu tải tệp
Mở đúng URL được phần tử link tham chiếu. Nó phải phản hồi không cần xác thực, có nội dung đúng và không qua chuỗi chuyển hướng không cần thiết. Trang lỗi HTML tên favicon.ico không thể được giải mã thành biểu tượng.
Trong bảng Network, lọc theo icon hoặc favicon. Ghi lại URL cuối cùng, trạng thái, kiểu nội dung và phản hồi có đến từ bộ nhớ đệm hay không.
| Kiểm tra | Kết quả mong đợi | Cách sửa |
|---|---|---|
| URL trực tiếp | Phản hồi ảnh mã 200 | Sửa đường dẫn hoặc bản triển khai |
| Phần tử link | Có trong head | Sửa HTML được kết xuất |
| Bộ nhớ đệm | Nhận phản hồi mới | Xóa bộ nhớ đệm rồi thử lại |
| Quyền thu thập dữ liệu | Truy cập được tệp | Gỡ chặn |
Kiểm tra HTML thực sự được kết xuất
Kiểm tra tài liệu được tạo ra, không chỉ mẫu nguồn. Tiện ích, giao diện hay thành phần có thể chèn phần tử biểu tượng thứ hai sau phần tử của bạn, khiến trình duyệt chọn tệp khác.
Kiểm tra đường dẫn từ trang lồng sâu và chữ hoa chữ thường chính xác của tên tệp. Trên máy chủ phân biệt hoa thường, Favicon.svg và favicon.svg là hai tài nguyên khác nhau.
Tách riêng từng lớp bộ nhớ đệm
Trước tiên thử trong hồ sơ trình duyệt mới hoặc khi tắt bộ nhớ đệm mạng. Nếu máy chủ gốc đã có ảnh mới nhưng tên miền công khai chưa có, hãy xóa bộ nhớ đệm CDN. Nếu đã cài PWA, kiểm tra cả service worker và manifest.
Ở lần cập nhật sau, tên tệp có phiên bản giúp thể hiện thay đổi rõ ràng. Giữ /favicon.ico truy cập được cho các ứng dụng yêu cầu tệp theo quy ước.
Phân biệt trình duyệt với kết quả tìm kiếm
Google yêu cầu favicon vuông, cho phép thu thập dữ liệu và gắn với trang chủ của trang web. URL biểu tượng có thể được thu thập vào thời điểm khác với trang, giải thích vì sao cập nhật bị chậm sau khi sửa.
Dùng công cụ kiểm tra URL để xác nhận trang chủ truy cập được và yêu cầu thu thập lại khi trang đã thay đổi. Sau đó chờ xử lý: xóa bộ nhớ đệm trình duyệt cục bộ không ảnh hưởng đến chỉ mục tìm kiếm.
Nguồn chính thức
Câu hỏi thường gặp
Vì sao favicon cũ xuất hiện trở lại?
Một lớp bộ nhớ đệm, service worker hoặc phần tử biểu tượng thứ hai có thể vẫn cung cấp tệp cũ. Xác định URL thực sự được tải trước khi xóa bộ nhớ đệm.
Chỉ thêm tham số phiên bản vào URL có đủ không?
Nó có thể vượt qua một số bộ nhớ đệm, nhưng tên tệp mới thường rõ ràng hơn. Giữ /favicon.ico dự phòng truy cập được.
Favicon trên Google có đổi ngay không?
Không. Google phải thu thập lại và xử lý lại trang cùng biểu tượng. Không có thời gian chính xác được đảm bảo.