4.2/5 - (8 bình chọn)

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
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 favicon
up 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 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 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 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 header
Chèn code vào Header – Theme có hỗ trợ ở Theme Option (VD: Flatsome)
insert 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!

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *