Sửa lỗi website không hiện Favicon

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.

faviconfavicon
Favicon của website

Tại sao phải có Favicon?

Đố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.

Cách sửa lỗi website không hiện favicon

Sửa lỗi này cũng rất đơn giản. Chúng ta sẽ nhờ 1 công cụ tạo Favicon chuẩn tại website https://realfavicongenerator.net/

Khi đã truy cập vào website, bạn hãy click chọn Select your Favicon image, rồi up cái favicon của mình lên. Lưu ý: Size lý tưởng cho favicon là size 512 x 512 px

up faviconup favicon
up favicon 2up favicon 2
Chọn và up ảnh favicon

Khai ảnh upload xong, bạn hãy kéo xuống dưới cùng trang web. Click chọn Generate your Favicons and HTML code để tiến hành tạo các favicon chuẩn và code html chèn favicon vào website

create faviconcreate favicon

Tiếp theo là chờ xíu. Chúng ta sẽ nhận được 2 thứ là các favicon chuẩn size và đoạn code để chèn vào web.

favicon 2favicon 2

Đối với các favicon, bạn click nit Favicon package để tải về, và up lên, giải nén vào thư mục public_html

upload faviconupload favicon
Upload và giải nén favicon vào public_html

Đối với đoạn code. Các bạn chèn vào phần Header của theme. Một số theme có hỗ trợ chèn code vào header ở phần theme option. Nếu không có các bạn cài thêm Plugin Insert Header and Footer để chèn vào.

insert code to headerinsert code to header
Chèn code vào Header – Theme có hỗ trợ ở Theme Option (VD: Flatsome)
insert code to header 2insert code to header 2
Chèn code vào Header – Theme phải cài thêm plugin Insert Headers and Footers

Sau khi chèn xong, các bạn Save lại. Xóa toàn bộ cache (clear cache) của trang web đi. Như vậy là có thể nhìn thấy thành quả của mình.

Chúc các bạn sửa lỗi Website không hiện Favicon thành công!

4.9/5 - (78 bình chọn)
Đăng ký
Thông báo về
guest
0 Bình Luận
Oldest
Newest Most Voted
Inline Feedbacks
Xem tất cả
0
Rất thích suy nghĩ của bạn, hãy bình luận.x
()
x