SỐ 1 VỀ ĐÀO TẠO FACEBOOK ONLINE

Khóa Học Facebook Ads 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.

Xem thêm: Hướng dẫn cách chèn nút like Facebook vào WordPress nhanh nhất

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ì
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.

Xem thêm: Cách tạo Blog cá nhân trên Facebook

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 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
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

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.

Xem thêm: Story facebook là gì? Cách đăng story trên Facebook cực nhanh và đơn giản

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

Tạo Favicon cho website có lợi ích gì?

Sau khi nắm được định nghĩa Favicon, bạn cũng cần hiểu và biết lý do tại sao website cần có favicon và khi website sử dụng favicon cho website sẽ mang lại những lợi ích gì?

favicon là gì
favicon là gì

Và tất nhiên, việc sử dụng favicon phải có ý nghĩa thì chúng ta mới dùng nó cho website của mình. Với website Favicon được sử dụng sẽ mang tời rất nhiều lợi ích khác nhau cụ thể là:

  • Favicon là biểu tượng của website, nó là dấu ấn riêng, mang tính thương hiệu của website
  • Tạo website có favicon giúp người dùng dễ dàng nhận diện thương hiệu, ghi nhớ thương hiệu và thu hút người dùng hơn
  • Với quá trình SEO website , favicon là công cụ hỗ trợ đắc lực giúp xây dựng thương hiệu, nhận diện thương hiệu doanh nghiệp
  • Những website có favicon sẽ được đánh giá cao hơn và giúp cho website có thứ hạng cao hơn trên google
  • Favicon website giúp người dùng dễ dàng nhận diện được website mình muốn trong số các tab đang mở

Với những lợi ích to lớn mà Favicon mang tới cho mỗi website, Chính vì vậy, trong quá trình xây dựng website mới bạn nên chú trọng thiết kế Favicon đặc trưng thương hiệu, nổi bật, cuốn hút,.. Nhằm tăng sự nhận diện thương hiệu trên công cụ tìm kiếm nhé.

Xem thêm: Target là gì? 6 Giai đoạn quan trọng để target đúng đối tượng

Các bước tạo Favicon cho website

Để 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

Xem thêm: Facebook bị khóa 956 là gì? Cách mở khóa Facebook 956 nhanh nhất

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

Những lưu ý khi thiết kế Favicon website

Để việc thiết kế và sử dụng favicon cho website đạt hiệu quả thì bạn cần lưu ý các điểm sau đây:

  • Ảnh Favicon phải được định dạng PNG nhằm mang lại chất lượng tốt nhất
  • File ảnh Favicon không được vượt quá 100kB.
  • Kích thước favicon tiêu chuẩn hiển thị cho tất cả các thiết bị 512×512px.

Xem thêm: Fanpage là gì? Fanpage gồm có mấy loại

Giải đáp thắc mắc về Favicon

1. Favicon có phải là logo không?

Thông thường các website sử dụng hình ảnh logo (không bao gồm phần text) làm ảnh favicon. Nhằm tiết kiệm thời gian, đồng thời tăng độ nhận diện, giúp người dùng nhận diện thương hiệu. Vậy nên, favicon không phải là logo mà nó chỉ là một phần của logo. Để đơn giản, bạn có thể hiểu: Favicon = Logo – Text

favicon là gì
favicon là gì

2. Sử dụng Favicon nhất định phải dùng hình vuông?

Câu trả lời đúng nhé, Favicon được thiết kế hình vuông nhằm đảm bảo sự hiện thị là đẹp nhất và không xảy ra lỗi với hình ảnh Favicon bắt .

3. Vì sao website của tôi không hiển thị Favicon?

Trường hợp này xảy ra khi trình duyệt của bạn đã lưu website dưới dạng không có Favicon. Vậy nên sau khi them favicon vào cho website bạn cần xóa bộ nhớ cache trong trình duyệt để hình ảnh Favicon được hiển thị.

4. Thời gian cập nhật Favicon lên Google là bao lâu?

Thông thường, sau khi bạn them favicon cho website của mình, để google có thể nhuận diện và thu thập dữ liệu thì google sẽ mất 24h để cập nhật lên công cụ tìm kiếm.

Xem thêm: Chatbot là gì? Hướng dẫn cách tạo chatbot cho người mới bắt đầu

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.

Xem thêm:

Nguyễn Hải Nam – Khóa học quảng cáo Facebook Coaching

Share on facebook
Facebook
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.

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

71c4e089a44841161859-min_optimized

Đăng ký học ngay