Tóm tắt
Công cụ trích xuất favicon tải bất kỳ trang web nào và liệt kê mọi biểu tượng mà trang đó khai báo: các liên kết rel="icon" và biểu tượng touch của Apple trong HTML, các biểu tượng của web app manifest, và tệp mặc định /favicon.ico. Mỗi biểu tượng đi kèm kích thước khai báo, định dạng, nguồn và một nút tải về, được sắp xếp từ lớn đến nhỏ, cùng với các thẻ HTML để dùng lại và bản xem trước trên thanh tab trình duyệt và trong kết quả tìm kiếm. Hãy dùng công cụ để kiểm tra website của chính bạn, gỡ lỗi khi thiếu favicon, hoặc thu thập biểu tượng thương hiệu cho một danh bạ.
Muốn tìm hiểu sâu hơn? Hãy hỏi
Một công cụ trích xuất favicon cho thấy một website thực sự công bố những biểu tượng gì, thường khác với điều chủ sở hữu nghĩ. Một lần làm lại giao diện để lại tệp favicon.ico cũ ở thư mục gốc, một chủ đề chỉ khai báo biểu tượng 16 pixel, hoặc manifest trỏ đến các tệp đã bị xóa. Những chi tiết này quan trọng vì favicon được hiển thị ở nhiều nơi: Google có thể hiển thị nó bên cạnh tên website trong kết quả, miễn là nó vuông, có kích thước ít nhất 8x8 pixel, tốt nhất lớn hơn 48x48, và có thể được thu thập (Google Search Central, favicon trong kết quả tìm kiếm).
Công cụ trích xuất favicon hoạt động như thế nào?
Dán URL của một trang, hoàn thành bước kiểm tra chống bot và chạy trích xuất. Công cụ tải trang theo cách một trình thu thập dữ liệu làm, đi theo các chuyển hướng và đọc ba nguồn.
| Nguồn | Công cụ đọc gì | Nhãn trong kết quả |
|---|---|---|
| HTML head | Mọi thẻ <link> có rel chứa “icon”: icon, shortcut icon, apple-touch-icon và các biến thể của chúng, cùng kích thước và kiểu | html |
| Web app manifest | Tệp được liên kết qua rel="manifest" và từng mục trong danh sách icons của nó | manifest |
| Vị trí mặc định | /favicon.ico ở thư mục gốc của tên miền, chỉ giữ lại nếu máy chủ trả về một hình ảnh | dự phòng |
Các đường dẫn tương đối được đổi thành URL đầy đủ, các mục trùng lặp bị loại bỏ, và các biểu tượng nhúng dưới dạng data URI bị bỏ qua. Kết quả sau đó hiển thị:
- Phán quyết gồm tên miền, số favicon tìm thấy, huy hiệu “Đã phát hiện manifest” khi có, và biểu tượng lớn nhất.
- Danh sách biểu tượng, từ kích thước khai báo lớn nhất đến nhỏ nhất, mỗi biểu tượng có kiểu, giá trị rel, nhãn nguồn và nút tải về.
- Mã HTML của từng biểu tượng dưới dạng thẻ liên kết, sẵn sàng để sao chép.
- Bản xem trước của biểu tượng nhỏ trên thanh tab trình duyệt và bên cạnh một kết quả kiểu tìm kiếm.
Phiên bản miễn phí cho phép ba lần trích xuất mỗi ngày.
Bạn kiểm tra favicon của chính mình bằng công cụ này như thế nào?
Hãy chạy công cụ trích xuất trên trang chủ trước, vì Google đọc favicon từ trang chủ của mỗi hostname, sau đó chạy trên một trang con cho mỗi mẫu trang. Rồi kiểm tra bốn điểm.
- Có biểu tượng từ 48 pixel trở lên không? Nhìn lên đầu danh sách. Nếu kích thước khai báo lớn nhất là 16x16 hoặc 32x32, Google và màn hình độ phân giải cao sẽ phải phóng to nó.
- Kích thước có đúng không? Công cụ hiển thị kích thước được khai báo trong thẻ hoặc manifest, không phải kích thước thật của tệp. Hãy tải biểu tượng lớn nhất và kiểm tra kích thước của nó. Một thẻ ghi 192x192 cho một tệp 32 pixel là dấu vết còn sót lại thường gặp.
- Mọi tệp có tải được không? Nhấp vào từng liên kết tải về. Lỗi 404 ở biểu tượng manifest làm hỏng biểu tượng màn hình chính trên Android; lỗi 404 ở biểu tượng chính để lại một ô vuông trống.
- Bộ biểu tượng đã đầy đủ chưa? Bạn cần ít nhất một biểu tượng PNG hoặc ICO cho trình duyệt, một biểu tượng touch của Apple 180x180, và một cặp 192 và 512 trong manifest; web.dev lưu ý rằng Chromium cần cả hai kích thước manifest này (web.dev, thêm web app manifest).
Nếu thiếu thứ gì, công cụ tạo favicon sẽ tạo sáu kích thước tiêu chuẩn và các thẻ từ một hình vuông duy nhất.
Vì sao Google hiển thị sai favicon hoặc không hiển thị gì?
Hầu hết trường hợp quy về một số ít nguyên nhân. Công cụ trích xuất giúp bạn xác nhận nguyên nhân nào đang áp dụng.
| Điều bạn thấy | Nguyên nhân có thể | Cần kiểm tra trong kết quả trích xuất |
|---|---|---|
| Một hình địa cầu chung chung thay vì biểu tượng của bạn | Không có biểu tượng nào được khai báo trên trang chủ, hoặc tệp không thể thu thập | Không tìm thấy favicon nào, hoặc chỉ có phương án dự phòng; khi đó kiểm tra tệp với robots.txt của bạn |
| Một logo cũ | Một biểu tượng trước đó vẫn được khai báo hoặc vẫn nằm ở /favicon.ico | Nhiều biểu tượng với thiết kế khác nhau trong danh sách |
| Một biểu tượng bị mờ | Chỉ có sẵn một biểu tượng nhỏ | Kích thước khai báo lớn nhất dưới 48x48 |
| Một biểu tượng bị kéo giãn hoặc bị cắt | Một tệp không phải hình vuông | Tải tệp lớn nhất và kiểm tra chiều rộng và chiều cao |
| Một biểu tượng khác trên subdomain | Mỗi hostname có favicon riêng trong Google | Chạy công cụ trên trang chủ của từng subdomain |
Google bổ sung hai quy tắc đáng nhớ: URL của favicon nên ổn định, và Googlebot-Image phải được phép thu thập tệp. Công cụ kiểm tra robots.txt cho biết có quy tắc nào chặn không. Sau khi sửa, Google cần thu thập lại trang chủ, việc này có thể mất từ vài ngày đến vài tuần.
Danh sách cũng hiển thị các biểu tượng SVG, được khai báo với kiểu image/svg+xml. Chúng co giãn gọn gàng trên các trình duyệt hiện đại, nhưng Google Tìm kiếm liệt kê BMP, GIF, ICO, PNG, JPEG, PPM và TIFF là các định dạng favicon được hỗ trợ, nên hãy giữ một phiên bản PNG hoặc ICO bên cạnh biểu tượng SVG.
Bạn còn có thể dùng công cụ trích xuất favicon để làm gì?
Ngoài website của chính bạn, việc trích xuất giúp tiết kiệm thời gian mỗi khi bạn cần biểu tượng thương hiệu sạch ở đúng kích thước.
- Rà soát đối thủ. Xem các đối thủ đặt thương hiệu cho tab và biểu tượng màn hình chính như thế nào, và liệu họ có công bố một manifest đầy đủ không.
- Danh bạ và trang so sánh. Thu thập biểu tượng của từng công ty được liệt kê ở kích thước lớn nhất có sẵn, thay vì ảnh chụp màn hình.
- Xem trước liên kết và bảng điều khiển. Hiển thị biểu tượng dễ nhận biết bên cạnh liên kết trong một công cụ nội bộ hoặc báo cáo.
- Kiểm tra khi chuyển website. Trước và sau khi chuyển một website, xác nhận rằng cùng các biểu tượng được khai báo ở cùng URL.
Khi có nhiều biểu tượng được khai báo, trình duyệt chọn dựa trên các thuộc tính kiểu và kích thước, rồi chuyển sang biểu tượng kế tiếp nếu một tệp bị lỗi (MDN, các kiểu liên kết). Thứ tự trong công cụ trích xuất theo kích thước được khai báo, điều này không phải lúc nào cũng là thứ tự trình duyệt dùng, vì vậy hãy kiểm tra trên các trình duyệt bạn quan tâm.
Bạn có thể dùng lại favicon đã trích xuất không?
Để kiểm tra, so sánh và tham chiếu đến một thương hiệu thì được. Làm biểu tượng riêng của website bạn thì không. Favicon thường là một logo, và nhãn hiệu có thể là bất kỳ từ, cụm từ, ký hiệu hoặc thiết kế nào xác định hàng hóa hoặc dịch vụ (USPTO, Cơ quan Sáng chế và Nhãn hiệu Hoa Kỳ, nhãn hiệu là gì). Hiển thị biểu tượng của một công ty bên cạnh tên của họ trong một danh bạ là để nhận diện công ty đó; dùng nó để đại diện cho website của bạn sẽ gây hiểu nhầm cho khách truy cập. Khi còn nghi ngờ, hãy hỏi chủ thương hiệu.
Giới hạn của việc trích xuất là gì?
- Kích thước là kích thước khai báo, không phải đo đạc. Công cụ báo cáo những gì thẻ hoặc manifest ghi.
- Không có kết xuất JavaScript. Các biểu tượng được script chèn vào sau khi tải sẽ không được nhìn thấy.
- Phương án dự phòng được giả định là 16x16. Một tệp /favicon.ico có thể chứa nhiều kích thước; hãy tải về để xem chúng.
- Mỗi lần một trang. Các biểu tượng chỉ được khai báo trên một số mẫu trang sẽ chỉ hiện khi bạn trích xuất các trang đó.
Favicon là một phần cách thương hiệu của bạn xuất hiện, trong kết quả Google và trong danh sách nguồn của các trợ lý AI. Để xem thương hiệu của bạn có được nêu tên trong các câu trả lời đó hay không, theo dõi lượt nhắc đến trong AI kiểm tra điều này mỗi tháng, còn bảng điều khiển GEO và SEO theo dõi các lượt nhấp Google của bạn song song với khả năng hiển thị trên AI.
Hãy kiểm tra website của bạn thực sự công bố những gì trước khi làm lại giao diện hoặc gỡ lỗi. Trích xuất biểu tượng của bạn ở trên, rồi xem các gói của Sorank để tăng khả năng hiển thị cho thương hiệu đứng sau chúng, theo chế độ autopilot.
