Kiểm tra favicon của website
Kiểm tra website khai báo những favicon nào, từng URL biểu tượng và /favicon.ico có thực sự tải được không (trạng thái, kiểu, kích thước), có apple-touch-icon và manifest không.
Tự động thêm https:// nếu không ghi scheme.
Kiểm tra favicon là gì?
Công cụ này đọc các khai báo biểu tượng của trang (rel="icon", shortcut icon, apple-touch-icon, mask-icon) và liên kết tới manifest ứng dụng web, sau đó gửi yêu cầu tới từng URL biểu tượng cùng /favicon.ico mặc định để xác nhận chúng thực sự tải được. Bạn nhận được mã trạng thái HTTP, kiểu nội dung và kích thước của từng biểu tượng, kèm danh mục các thiếu sót thường gặp.
Cách sử dụng Kiểm tra favicon
- Nhập URL của website và nhấn Kiểm tra.
- Xem bảng các URL biểu tượng kèm rel/sizes, mã trạng thái HTTP, kiểu nội dung và kích thước.
- Đọc danh mục kiểm tra: biểu tượng được khai báo, /favicon.ico, apple-touch-icon và manifest.
Khi nào nên dùng Kiểm tra favicon
Dùng công cụ khi favicon không hiện trên tab trình duyệt, dấu trang hoặc kết quả tìm kiếm, hoặc sau khi đổi biểu tượng. Công cụ không hiển thị biểu tượng và không kiểm tra kích thước ảnh bên trong tệp; trình duyệt cũng cache favicon rất lâu, nên biểu tượng đã sửa có thể mất một thời gian mới xuất hiện.
Kiểm tra favicon hoạt động như thế nào
Pages Function của AlgoKit tải trang với cùng cơ chế chống SSRF như các công cụ kiểm tra khác, trích xuất liên kết biểu tượng và manifest từ HTML, rồi gửi yêu cầu tới tối đa 8 URL biểu tượng, bao gồm cả /favicon.ico. Chuyển hướng trên URL biểu tượng được báo cáo chứ không đi theo, để mọi yêu cầu đều qua bước kiểm tra địa chỉ riêng. Mã trạng thái, Content-Type và kích thước (Content-Length hoặc số byte đã đọc, tối đa 1 MB) được trả về trình duyệt của bạn.
Các Trường Hợp Sử Dụng Phổ Biến
- Tìm hiểu vì sao tab trình duyệt hiện biểu tượng trống (tệp được khai báo trả về 404).
- Kiểm tra /favicon.ico có tồn tại cho các công cụ và trình thu thập yêu cầu trực tiếp tệp này.
- Xác minh có apple-touch-icon cho dấu trang trên màn hình chính iOS.
- Xác nhận biểu tượng được phục vụ với kiểu nội dung ảnh, không phải text/html.
Câu Hỏi Thường Gặp
Tôi có còn cần /favicon.ico không?
Trình duyệt hiện đại dùng <link rel="icon"> mà bạn khai báo, nhưng một số công cụ, trình đọc RSS và trình duyệt cũ yêu cầu trực tiếp /favicon.ico, nên giữ lại tệp này giúp tránh lỗi 404.
apple-touch-icon nên có kích thước bao nhiêu?
Ảnh PNG 180×180 px đáp ứng iPhone và iPad hiện nay; iOS sẽ tự co giãn cho các kích thước khác.
Vì sao Google vẫn hiện favicon cũ?
Google thu thập lại favicon theo lịch riêng. Hãy đảm bảo biểu tượng có thể thu thập được và ổn định; thay đổi có thể mất vài ngày đến vài tuần.