SỐ 1 VỀ ĐÀO TẠO

Khóa Học Facebook Coaching

Kỹ thuật quảng cáo Facebook từ A - Z

Target Đối Tượng Mục Tiêu

Bí quyết bùng nổ doanh số

Hoàn Tiền 100%

Nếu không làm được

Favicon là gì? Cách thêm favicon cho wordpress

Favicon là gì? Nó có vai trò gì trong việc tạo dựng thương hiệu. Chúng tôi sẽ giải đáp chi tiết đồng thời hướng dẫn bạn cách tạo và thêm Favicon trong WordPress.

Favicon là gì? Tại sao một website lại cần có favicon? Cách thiết kế một favicon ra sao và những lưu ý gì khi sử dụng nó sẽ được cụ thể hóa trong bài viết dưới đây. Sau đây là những thông tin chi tiết nhất về từng mảnh ghép của Favicon.

Favicon là gì

Favicon là gì?

Favicon là một biểu tượng hay là dạng logo rút gọn cho một website, giúp người dùng phân biệt được thương hiệu khi truy cập trên các thanh công cụ. Nó được hiển thị ở góc trên trong cùng của tab khi truy cập trình duyệt. Người dùng sẽ nhìn thấy biểu tượng này như những logo đại diện cho chính website đó.

Favicon là gì

Kích thước chuẩn của Favicon trong nền tảng wordpress là 16 x 16 pixels (khuyến nghị nên dùng), 32 x 32 pixel, 48 x 48 pixel, 64 x64 pixel. Kích thước của file favicon.ico nên nhỏ hơn 100kb

Định dạng của Favico phổ biến là .ico. Ngoài ra còn có file png, gif, jpeg, svg,.. Hầu hết các trình duyệt sẽ tự động xác định file favicon.ico trong thư mục gốc website và đặt nó làm icon của website.

Tại sao cần sử dụng Favicon?

nếu như trước đây, Favicon không được chú trọng lắm nhưng bây giờ, mọi website phải có một thiết kế Favicon riêng biệt, không thể thiếu được.

Giúp trang web hiển thị nổi bật trên tab trình duyệt, xây dựng nhận diện thương hiệu

Một trang web không có favicon trông không có vẻ gì là chuyên nghiệp, tẻ nhạt và thiếu sức hút. Favicon là một công cụ đắc lực cho SEO website. Việc có được một hình ảnh đẹp sẽ giúp người dùng bị thu hút và dễ ghi nhớ hơn. Chính vì vậy, Favicon đóng vai trò như một đại sứ thương hiệu, xuất hiện cách tự nhiên khi người dùng truy cập vào website của bạn. Từ đó, website của bạn nổi bật trên tab trình duyệt và hình ảnh thương hiệu được khéo léo khắc sâu vào tiềm thức của người dùng.

Giúp người dùng dễ dàng phân biệt được các trang web khác nhau

Khi mở nhiều tab trên trình duyệt, chỉ cần nhìn Favicon Website là bạn có thể nhận ra tab nào thuộc website nào mà không cần đọc tiêu đề trang web. Ngoài ra, Favicon còn giúp tiết kiệm diện tích trình duyệt và tìm kiếm nhanh. Người dùng có thể mở một lúc hàng chục tab mà vẫn phân biệt được các trang web trong từng tab.

Cách tạo thêm Favicon cho wordpress

Để thêm Favicon cho website, cách dễ nhất là thêm Favicon cho wordpress. Cách làm như sau:

Bước 1: Thiết kế Favicon cho website của bạn 

Đầu tiên, bạn cần xác định xem bạn muốn tạo Favicon cho website bằng logo hiện có hay tạo mới. Tuy nhiên, cần nhớ rằng, Favicon rất nhỏ và do đó chẳng thể chứa nhiều chi tiết. Nếu logo hiện tại của bạn phức tạp, nó có thể cần được đơn giản hóa để trông đẹp hơn trong tab trình duyệt. Bạn cũng có thể tạo hình ảnh hoàn toàn mớ.

+ Tạo file.ico: Trước hết, người dùng cần thiết kế một file ảnh riêng với những kích thước chuẩn như 16 x 16 pixels, 32 x 32 pixels, 48 x 48 pixels…

+ Sau đó, truy cập trực tiếp vào đường link http://www.favicon-generator.org/ để upload file ảnh vừa tạo để tạo Favicon. Sau đó, bạn sẽ được cung cấp một đường link dowload ảnh và được chuyển sang định dạng .ico

Bước 2: Thêm Favicon cho WordPress

Cách 1: Sử dụng tính năng tùy biến của WordPress

Sử dụng Trình tùy chỉnh WordPress – Tốt cho hầu hết các mục đích sử dụng

+ Vào trang Admin Dashboard 

+ Chọn plugin -> Add new

+ Gõ Favicon by RealFaviconGenerator trong thanh tìm kiếm

+ Cài đặt và kích hoạt Plugin

+ Sau kích hoạt, chuyển tới Apperance —> Favicon 

+ Upload ảnh mà bạn muốn cài đặt Favicon vào. Plugin này sẽ giúp bạn chỉnh sửa ảnh.

+ Khi bạn upload ảnh, Chọn Generate Favicon, Plugin sẽ chuyển bạn tới Website RealFaviconGenerator 

+ Trên website, tìm và click vào nút Generate your Favicon and HTML code

+ Plugin sẽ đem bạn trở lại website và hoàn tất việc favicon đã được cài đặt

Cách 2: Thêm code vào Header.php

+ Tải ảnh Favicon lên WordPress như hướng dẫn ở bước 1

+ Truy cập vào Giao diện –> Sửa

+ Chọn header.php, chèn mã code trên </head> rồi lưu lại

<link rel=”icon” href=”https://themevi.com/favicon.png” type=”image/x-icon” />
<link rel=”shortcut icon” href=”https://themevi.com/favicon.png” type=”image/x-icon” />

Trong đó, 2 liên kết https://…. trên là liên kết tới ảnh Favicon

Kết luận

Trên đây là những thông tin về Favicon là gì? Và cách thêm Favicon trên WordPress. Mặc dù chỉ sở hữu một kích thước size vô cùng nhỏ nhưng chức năng của Favicon là vô cùng quan trọng. Chúc bạn thành công.

Share on facebook
Facebook
Share on google
Google+
Share on twitter
Twitter
Share on linkedin
LinkedIn
Share on skype
Skype
CÓ THỂ BẠN QUAN TÂM​

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 *

NHẬN TƯ VẤN QUẢNG CÁO FACEBOOK MIỄM PHÍ

71c4e089a44841161859-min_optimized

Đăng ký học ngay