Lỗi không hiển thị Favicon website wordpress trên chrome và cách xử lý



Favicon là gì?

Favicon của một website thường là một ảnh nhỏ đại diện cho web và hiển thị trên trình duyệt web, khi người dùng bookmark địa chỉ web của bạn lại thì favicon sẽ được lưu để người dùng tiện tra cứu sau này. Favicon còn được biết đến như là shortcut icon, website icon, tab icon, URL icon, hay bookmark icon.

favicon website
favicon website

FAVICON QUAN TRỌNG NHƯ THẾ NÀO ĐỐI VỚI WEBSITE

Đối với website wordpress thì thường Favicon đã được hỗ trợ trong trình quảng lý theme của web. Các bạn chỉ cần chọn hình ảnh và lưu lại là có thể tạo Favicon cho website. Tuy nhiên vì một vài lý do, các Favicon này không hiển thị như ý muốn mà thay vào chỗ Favicon là một ô trắng khiến cho website của mình trở nên thiếu chuyên nghiệp.

2 Cách nhận diện lỗi hiển thị Favicon

Cách 1: Cách nhận biết lỗi Favicon nhanh nhất là mở website mình ra xem ở trình duyệt ẩn danh. Nếu không thấy logo đại diện cho website ở thanh tiêu đề là website đang bị lỗi hiển thị Favicon.

Cách 2: Dùng website sau đây để kiểm tra lỗi Favicon, với cách này chúng ta có thể kiểm tra lỗi Favicon trên nhiều thiết bị khách ngoài laptop còn có tablet, mobile ..

https://realfavicongenerator.net/

Lỗi hiển thị Favicon trên Chrome
Lỗi hiển thị Favicon trên Chrome

CÁCH XỬ LÝ LỖI HIỂN THỊ FAVICON TRÊN CHROME

Bước 1: Dùng chức năng upload icon lên để tạo bộ Favicon cho website

Bước 2: Tạo HTML code

Bước 3: Tải gói favicon về upload vào root của website, thêm đoạn code bên dưới vào <head>

Sửa lỗi hiển thị Favicon
Sửa lỗi hiển thị Favicon

Hy vọng với ài viết này các bạn có thể áp dụng để sửa lỗi hiển thị Favicon cho website của mình nhé!

0 0 vote
Article Rating
Subscribe
Notify of
guest
7 Comments
Newest
Oldest Most Voted
Inline Feedbacks
View all comments
Đoàn Quốc Khánh
2 months ago

Của em như này là bị lỗi gì anh? Em tìm trên máy tính vẫn có nhưng trên điện thoại bị như này, tình trang này bị khoảng 2 tuần rồi
Em sửa lại favicon rồi nhưng khi tìm web trên điện thoại vẫn bị

36BDA9E2-8CCC-4F50-B421-164EC3F7973D.jpeg
Đoàn Quốc Khánh
Reply to  Aiken Trung
2 months ago

Của em tra vẫn hiện, khả năng bị lỗi cache như a bảo rồi
Có cách nào xử lý được không anh

Đoàn Quốc Khánh
Reply to  Aiken Trung
2 months ago

Của em đây anh ạ, như này có bị lỗi gì không anh

7BF30FB8-0E1C-408E-B8F5-D455C41DE37E.jpeg
Đoàn Quốc Khánh
Reply to  Aiken Trung
2 months ago

Ảnh này rõ hơn ạ

ECE14582-5D20-464C-80A9-49B42F6641C3.jpeg
TRẦN TRỌNG THƯƠNG TÍN
7 months ago

tuyệt vời, làm phát đc ngay, đúng là không gì là không thể nếu có hiểu biết :))) thank bác

Nguyễn Quang Cường
11 months ago

Cảm ơn bạn đã chia sẻ

7
0
Would love your thoughts, please comment.x
()
x