Chào các bạn, nhân dịp có 1 member có câu hỏi về việc bị mất favicon trên SERP (Favicon không hiển thị trên Google Search) và chưa rõ nguyên nhân và cách khắc phục. Mình tiện giải đáp bạn đó sẽ viết luôn bài viết này để mọi người cùng tham khảo.
Các nhận biết lỗi mất biểu tượng Favicon trên Google Seach
Để kiểm tra lỗi này bạn có thể gõ tên website của mình vào google search và quan sát trong top 10 trang đầu có tên website của bạn không? nếu có thì có hiển thị favicon như các trang web khác không?
Ví dụ như ảnh:
(Ảnh đính kèm thì trang web được khoanh đã không hiển thị Favicon)
Khi đã xác định rõ lỗi hiển thị hay không hiển thị rồi thì chúng ta sẽ đi tìm hiểu nguyên nhân và điều kiện cơ bản để file favicon.ico hợp lệ…
Nguyên nhân Favicon bị mất
Có rất nhiều nguyên nhân bị mất nằm ở phía website (source code) mà cần hiểu rõ mã nguồn của mình để tiến hành fix nó.
- Bị sai thẻ link rel: (đây là domain ví dụ, thay domain của bạn tương ứng vào nghienseo. com), xem đã đúng chưa? Phần này đặt đúng thẻ rel nhưng nếu homepage chặn truy cập từ robots, server… cũng là một nguyên nhân gây ra tình trạng mất Favicon.
- Có thể source code khi render ra html lỗi phần này.
- Size Favicon chưa đúng: Theo tài liệu Google khuyến cáo thì phải là ảnh vuông có tỷ lệ 48x48 px;
- Có thể Google lỗi tạm thời khi có xáo trộn việc update (lý do này ít nhưng vẫn có thể xảy ra)
- Google sẽ hiển thị icon mặc định nếu cho là biểu tượng của bạn không phù hợp dạng vi phạm như: biểu tượng khiêu dâm, thù ghét…
- Xóa cache ở trình duyệt bạn kiểm tra và sau đó kiểm tra lại xem có đúng là bị mất favicon không?
- …v.v (hiện tại chưa nhớ ra)
Giải pháp khắc phục việc mất Favicon
Giải pháp khắc phục việc mất favicon này cũng không thể thực hiện được trong phạm vi tức thì (real-time) mà phải chờ Google đánh giá lại website sau khi bạn yêu cầu bằng cách submit lên GSC.
Bước 1: Kiểm tra thẻ xem đã đúng chưa, đúng thì cần kiểm tra thêm là Googlebot-Image và Googlebot có thu thập dữ liệu trang chủ (homepage, hay slug khác tùy vào việc bạn đặt file favicon.ico ở đâu) một cách bình thường không?
Nếu đã thỏa mãn điều kiện Googlebot-Image và Googlebot bình thường thì chuyển qua bước tiếp.
Bước 2: Kiểm tra file favicon.ico có size là bao nhiêu? Google khuyến cáo ảnh của favicon.ico là ảnh vuông có size 48x48 px (tuy nhiên với mình có 1 số website mình sử dụng size 32x32 px vẫn hiển thị bình thường). Ngoài ra đuôi file ảnh nên là .png sau đó nên convert sang file .ico (các tệp dạng .svg thì nên đọc thêm tài liệu đính kèm cuối bài này)
Bước 3: Sau khi thỏa mãn điều kiện ở 2 bước trên bạn tiến hành submit lại slug (url website) lên Google Search Console (GSC) lần nữa. Google sẽ mất vài ngày để update lại cho bạn. Khi kiểm tra lại bạn nhớ xóa cache trình duyệt.
Đó là những bước cơ bản để fix lỗi này, cũng khá đơn giản phải không bạn? Bạn có thể tham khảo thêm tài liệu từ các nguồn uy tín dưới đây để hiểu hơn nội dung này.
[1] https://developers.google.com/search/docs/appearance/favicon-in-search
[2] https://en.wikipedia.org/wiki/Favicon#Image_file_format_support
PS:
- Phương pháp trên áp dụng cho website của bạn là source code Wordpress, code tự code…
- Bạn có thể check favicon tại link này: https://realfavicongenerator.net trước khi submit GSC.
Ghi nguồn nghienseo.com khi đăng tải lại bài viết này.