Tìm theo từ khóa

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

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 giải nén ra như hình bên dưới

Bước 4: thêm đoạn code bên dưới vào <head> của theme

Sửa lỗi hiển thị Favicon
Sửa lỗi hiển thị Favicon
Thêm code Favicon vào website Flatsome
Thêm code Favicon vào website Flatsome

Sau khi thêm xong các bạn vào lại realfavicongenerator.net để kiểm tra xem ok chưa nhé!

Chú ý: một số trường hợp lỗi favicon do định dạng file up lên làm favicon không đúng hoặc đo lỗi file, các bạn đổi định dạng file khác rồi làm lại nhé!

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é!

2.6/5 - (15 bình chọn)
5 1 đánh giá
Đánh giá bài viết
Theo dõi
Thông báo của
guest
17 Góp ý
Mới nhất
Cũ nhất Được bỏ phiếu nhiều nhất
Phản hồi nội tuyến
Xem tất cả bình luận
Hưng
1 năm trước

ad ơi mình đã làm theo các bước như trên, check ok hết rồi nhưng mà Favicon vẫn không hiện, mong ad check giúp. Cảm ơn ad nhiều

Techtra JSC
3 năm trước

Ad giúp mình với. Web mình trang nào cũng có Favicon, riêng trang chủ không có là bị dư mục màu đen đen. bữa mình nâng cấp phiên bản theme flatsome mới nhất bên bị vậy luôn. Web mình Techtra.vn

Tuấn Nguyễn
3 năm trước

Nhờ bạn giúp mình cái mình làm theo nhưng vẫn không được, mình đang dung themes flatsome nhưng chỉ bị lỗi cái chil themes nó không hiện favicon https://muabanexpress.com/. Cảm ơn bạn

sang
3 năm trước

trang web pihouse.vn của mình trên máy tính thì hiện ra favicon nhưng sao dùng trên iphone nó không hiện ra nhỉ

Toàn
3 năm trước

bạn check hộ mình xem website mình bị sao mà ko hiển thị trên Chorme, nhưng ở giao diện quản trị thì favicon vẫn hiện: https://nhanluctoancau.com . Mong bạn phản hồi

Đoàn Quốc Khánh
4 năm trước

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
Trả lời  Aiken Trung
4 năm trước

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
Trả lời  Aiken Trung
4 năm trước

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
Trả lời  Aiken Trung
4 năm trước

Ảnh này rõ hơn ạ

ECE14582-5D20-464C-80A9-49B42F6641C3.jpeg
TRẦN TRỌNG THƯƠNG TÍN
4 năm trước

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
5 năm trước

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

0
Rất thích suy nghĩ của bạn, hãy bình luận.x