Site icon Knowledge Base| Kiến thức Dịch vụ P.A Việt Nam

Hướng dẫn khắc phục lỗi biểu tượng Favicon

1. Favicon là gì?

   Biểu tượng favicon còn được gọi là biểu tượng lối tắt, biểu tượng trang web, biểu tượng tab, biểu tượng URL hoặc biểu tượng dấu trang, là một tệp chứa một hoặc nhiều biểu tượng nhỏ, được liên kết với một trang web. Các trình duyệt cung cấp hỗ trợ biểu tượng favicon thường hiển thị biểu tượng favicon của trang trong thanh địa chỉ của trình duyệt (trong lịch sử trình duyệt) và bên cạnh tên của trang trong bookmarks.

 

2. Lỗi hiển thị Favicon

Cách nhận biết lỗi Favicon:
– Sử dụng trình duyệt ( Cốc cốc, Google Chrome, Mozilla firefox … ) để kiểm tra bằng cách truy cập website, nếu không thấy biểu tượng Favicon cạnh thanh tiêu đề thì Favicon đã bị lỗi.
– Truy cập website https://realfavicongenerator.net/ để kiểm tra lỗi và có thể kiểm tra Favicon có gặp lỗi hiển thi ở trên thiết bị khác nhau không.
– Trường hợp Favicon hiển thị ở quản trị website nhưng không hiển thị ở trang chủ cũng là 1 lỗi Favicon thường gặp.

 

3. Cách khắc phục lỗi hiển thị Favicon

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

– Truy cập website https://realfavicongenerator.net/ chọn Select your Favicon image để tải ảnh ( tỉ lệ ảnh bắt buộc trên 70×70 ) tạo Favicon cho website của bạn.

 

 

 

 

Bước 2: Khởi tạo HTML code

– Sau khi thực hiện bước 1 bạn sẽ được chuyển tới giao diện kiểm tra Favicon của bạn có tương thích với các thiết bị khác nhau hay không. Bạn có thể kiểm tra và điều chỉnh cho phù hợp. Sau khi kiểm tra hoàn tất bạn tiến hành tạo code HTML.

 

 

 

Bước 3: Cài đặt Favicon

– Ở bước này sẽ bạn cần tải Favicon Package tải về và upload tệp vừa tải về và tải lên hosting giải nén tệp tại thư mục public_html.
– Tiếp theo bạn sẽ cần chèn code ở mục 3 để chèn thẻ header của website.
Bạn có thể sử dụng Plugin Insert Headers and Footers by WPBeginner để chèn nếu bạn không rõ chỉnh sửa source.
– Sau khi hoàn tất các bước trên bạn có thể kiểm tra theo link bên dưới.
https://realfavicongenerator.net/favicon_checker

 

Tham khảo các bài viết về dịch vụ hosting tại đây

P.A Việt Nam cung cấp đa dạng các Plan Hosting đáp ứng yêu cầu của khách hàng
Hosting Phổ Thông
Hosting Chất Lượng Cao

Tham khảo các ưu đãi: https://www.pavietnam.vn/vn/tin-khuyen-mai/

Rate this post
Exit mobile version