Cách tạo favicon cho website của bạn trông “cool” hơn

Dec 27

Favicon là gì và làm thế nào để tạo favicon cho website của bạn. Thêm favicon vào WordPress như thế nào? Bài viết sau đây sẽ giúp bạn!

Favicon là gì?

Favicon là viết tắt của từ favorite icon có nghĩa là “biểu tượng yêu thích”. Đây là một hình ảnh thu nhỏ trước tiêu đề của website.

Favicon là gì

Favicon còn được gọi là bookmark icon vì nó cũng hiển thị khi người dùng bookmark (đánh dấu) website của bạn.

Tầm quan trọng của việc tạo favicon cho website

Có thể nói favicon cũng giống như một logo thu nhỏ. Nó giúp người dùng nhận ra thương hiệu của bạn giữa một rừng website khác và trong thanh bookmark.

Favicon là gì

Ngoài ra, tạo favicon cho website còn hỗ trợ rất tốt cho SEO. Đây là một yếu tố đánh giá SEO của SEOquake.

Cách tạo favicon cho website

Để có 1 favicon đẹp, bạn cần một file ảnh hình vuông.

Bạn chỉ cần mở Photoshop lên và tạo một file theo ý thích. Sau đó lưu lại với tên bất kỳ với kích thước tối thiểu là 512 x 512px.

Nếu muốn trong suốt thì lưu với định dạng .gif hoặc .png (chọn .png nếu bạn muốn chèn favicon bằng FTP như ở dưới).

Sau đó tùy vào một trong hai cách thêm favicon vào website dưới đây mà bạn sẽ làm gì tiếp theo.

Nếu đã quen với cPanel thì làm tiếp bước sau. Nếu không thì bạn giữ nguyên file ở trên và chuyển qua bước Thêm favicon cho WordPress trực tiếp trong theme ở phần dưới.

Hầu hết các theme hiện nay đều hỗ trợ thêm favicon cho WordPress. Để kiểm tra bạn hãy vào Appearance > Customize > Header > Site Title (hoặc tương tự).

Chuyển file ảnh bạn vừa tạo ở trên qua định dạng .ico (Icon). Có nhiều công cụ online giúp bạn làm điều này ví dụ như https://convertico.com/.

Tất nhiên là bạn cũng có thể tạo file .ico bằng Photoshop nhưng bạn sẽ phải cài thêm plugin cho Photoshop nên hơi rắc rối nếu bạn không rành về Photoshop.

Tạo favicon cho website

Kéo thả hoặc chọn file .png mà bạn muốn chuyển đổi. Đợi khoảng 1s, bấm vào nút Download bên phải để tải về máy.

Lưu ý: File ảnh phải có đuôi .png và kích thước tối đa 2 MB.

Cách chèn favicon vào website

Thêm favicon cho WordPress trong theme

Đầu tiên bạn vào Appearance > Customize > Header > Site Title

Chọn Select Image để tải ảnh lên. Yêu cầu kích thước vuông và tối thiểu là 512 x512px như đã tạo bằng Photoshop ở trên.

Bạn chỉ cần tải lên 1 kích thước duy nhất, WordPress sẽ tự động “tái tạo” favicon cho phù hợp với mỗi loại trình duyệt và mục đích khác nhau.

Thêm favicon cho WordPress bằng FTP

Bạn upload file favicon.ico vừa tạo ở trên lên thư mục gốc của website qua cPanel

Sau đó gõ vào trình duyệt yourdomain.com/favicon.ico để kiếm tra. Nếu chưa thấy, xóa cache trình duyệt và tải lại.

Cách thứ ba là sử dụng plugin ví dụ như All In One Favicon.

Thêm favicon cho WordPress

Để thay đổi favicon cho WordPress bạn cũng làm giống như cách mà bạn đã thêm. Ví dụ bạn thêm favicon cho WordPress trên theme thì khi muốn thay đổi bạn cũng vào đó rồi nhấn Change image.

Như vậy là mình vừa đi qua favicon là gì, cách tạo favicon cho website và thêm favicon vào WordPress như thế nào.

Chúc bạn thành công!

Bình luận

avatar

Pin It on Pinterest

Share This