Không phải ngẫu nhiên mà hiện nay hầu như bên cạnh logo của các website WordPress đều có mục riêng để Favicon hiển thị. Vậy bạn có hiểu mục đích của chúng? Nếu chưa, Zhost mời bạn cùng tham khảo Favicon là gì, cũng như lợi ích của nó để tìm lời giải cho vấn đề này nhé.
Mục Lục
Favicon là một biểu tượng của webiste. Nó được thể hiện bằng hình ảnh icon hiển thị ở góc trên cùng của trình duyệt. Nhờ thế, khi người dùng truy cập vào website, họ sẽ nhìn thấy biểu tượng này và nó có tác dụng như logo thu gọn, đại diện cho website.
Trong website WordPress, các Favicon thường dùng có kích thước chuẩn là 16×16 pixels và đã được loại bỏ bớt phần chữ để phù hợp với kích thước hạn chế của tabs trình duyệt. Mặc dù chỉ là hình ảnh khiêm tốn nhưng nó lại có nhiều ý nghĩa về mặt nhận diện thương hiệu của doanh nghiệp.
Hay nói cách khác, định nghĩa về Favicon được thể hiện bằng công thức cực kỳ đơn giản là:
Favicon = Logo – Text
Có khá nhiều lý do để bạn nên tạo một Favicon mặc dù đã có logo riêng cho website của mình. Đó là:
Favicon mang đến cho người dùng các lợi ích sau:
Cách tạo Favicon cho website khá đơn giản. Bạn chỉ việc làm theo các bước hướng dẫn sau:
Bạn thiết kế file ảnh đại diện cho website của mình có kích thước 16 x 16px , hoặc nếu muốn lớn hơn thì chọn 32 x 32px, 48 x 48px hay 64 x 64px. Tuy nhiên, kích thước 16 x 16px vẫn được khuyên dùng.
Với phiên bản này, bạn dễ dàng thêm Favicon cho website ngay ở phần admin của WordPress. Cụ thể, bạn click chọn Appearance, chọn tiếp Customize và nhấn Site Identity.
Trong cửa sổ nhận dạng, bạn có thể thay đổi tiêu đề trang, hoặc kiểm soát việc hiển thị của biểu tượng trong tiêu đề và tải biểu tượng của website.
Trong trường họp, hình ảnh biểu tượng của website vượt quá kích thước giới hạn thì WordPress tự động cắt chúng và giảm dung lượng ảnh, nhằm đảm bảo phù hợp với chuẩn kích thước đã quy định của trang web. Sau đó, bạn thực hiện lưu lại các thay đổi này.
Như vậy, bạn đã hoàn tất tạo Favicon cho website WordPress. Bạn có thể kiểm tra xem biểu tượng hiển thị thế nào, bằng cách truy cập website trên trình duyệt máy tính hoặc thiết bị di động.
<link rel=”icon” href=”http://www.yourdomain.com/favicon.png” type=”image/x-icon” />
<link rel=”shortcut icon” href=”http://www. yourdomain.com/favicon.png” type=”image/x-icon” />
Lưu ý: “yourdomain.com” chính là URL của website đang quản lý.
Trong trường hợp, bạn không tìm thấy tập tin header. php hoặc theme không chứa nó thì có thể sử dụng thêm plugin hỗ trợ.
Khi bạn đã hiểu về Favicon là gì, cũng như cách tạo nó trên website thì cuối cùng sẽ là những lưu ý để có thể thiết kế các Favicon đẹp mắt, ấn tượng, thu hút sự chú ý của người truy cập internet. Điều này góp phần tăng khả năng nhận biết thương hiệu và thúc đẩy SEO.
Tham khảo thêm :