Làm thế nào để Thêm một Favicon cho một Website

Một Favicon là gì

Một favicon , cũng được biết đến như một biểu tượng yêu thíchhoặc biểu tượng shortcut , chỉ đơn giản là một hình ảnh nhỏ liên kết với một trang web hoặc blog thường xuất hiện trên các tab trình duyệt hoặc thậm chí bên cạnh URL của trang web vào thanh địa chỉ.

Mặc dù một biểu tượng có thể là rất nhỏ trong kích thước, thường đo lường trong lúc chỉ một 16x16 pixel, đây là cơ hội xây dựng thương hiệu rất lớn và không nên bỏ qua bởi chủ sở hữu trang web và các blogger.

Nhiều nhà phát triển và các blogger, tuy nhiên, trong thực tế bỏ lỡ cơ hội này để thương hiệu trang web của họ trực tuyến. Đọc để không chỉ tìm hiểu cách thêm một biểu tượng vào một trang web trong một vài bước đơn giản, nhưng cũng do tại sao nó mang lại lợi ích để có một biểu tượng ở nơi đầu tiên.

Tại sao có một Favicon

Nhiều lần, ảnh sử dụng cho các favicon cũng giống như biểu tượng cho một doanh nghiệp, trang web hoặc blog. Khá thường xuyên, tuy nhiên, biểu tượng là một phiên bản chuyển thể của một logo được thiết kế để xem xét tốt trong chỉ là một vài điểm ảnh vuông của không gian.

Favicon hiển thị trên tab broswer trong Firefox

Favicon thiết kế giới hạn trong một hoặc hai màu sắc và hình dạng đơn giản hoặc chữ thường rõ ràng hơn nhiều để xem và có thể có ảnh hưởng lớn nhất. Ngoài ra, nhiều blogger thích sử dụng hình ảnh đại diện của họ như favicon của họ.

Bằng cách sử dụng một biểu tượng hoặc hình ảnh dễ nhận khác, người xem có thể nhanh chóng nhận ra một trang web yêu thích hoặc blog, làm cho nó nhiều khả năng cho họ nhấp chuột thông qua.

Ưu điểm của việc có một Favicon:

• Tăng nhận diện thương hiệu
• Tăng thương hiệu / người theo lòng trung thành
• Cải thiện khả năng hiển thị trang web và có thể nhấp chuột thông qua
• Cung cấp cho một trang web hoặc blog của một liên lạc chuyên nghiệp

Những lợi thế của việc sử dụng một biểu tượng được yêu thích rõ ràng hơn khi bạn nhìn thấy rất nhiều các vị trí họ đang nhìn thấy trên Internet.

Favicon hiển thị bên cạnh trang web Bookmarked

Favicon làm cho nó đơn giản để xác định vị trí một trang web yêu thích hoặc blog mà đã được đánh dấu.

Đặt một Favicon trang web Xuất hiện

Khi favicon trang web đầu tiên bắt đầu xuất hiện trên Internet, họ chủ yếu chỉ có thể nhìn thấy bên cạnh URL trong thanh địa chỉ. Hôm nay, trang web và blog favicon xuất hiện trong một loạt các địa điểm trên cả hai trình duyệt và phương tiện truyền thông xã hội như Google+, khiến cho công việc của việc thêm một biểu tượng vào một trang web thậm chí tối quan trọng hơn.

Nơi một blog hoặc trang web favicon được nhìn thấy trongcác trình duyệt :

• Các tab trình duyệt
• Lịch sử trình duyệt gần đây
• Bookmark / yêu thích
• Bên cạnh URL trong thanh địa chỉ của trình duyệt

Chỉ cần nhìn vào bất kỳ các tab trình duyệt mở, hoặc làm một cách nhanh chóng quét của lịch sử duyệt web gần đây của bạn và các trang web yêu thích / đánh dấu, và đó là điều hiển nhiên rằng các biểu tượng nhỏ cung cấp công nhận thương hiệu ngay lập tức, do đó làm cho nó một snap để quay trở lại một trang web.

Favicon hiển thị trong lịch sử trình duyệt gần đây

Favicon trong lịch sử gần đây làm cho nó dễ dàng để trở lại một trang web truy cập trước đó.

Favicon trên truyền thông xã hội

Google+ sẽ hiển thị favicon tải lên trên hồ sơ cá nhân / về trang.

Nơi một trang web hoặc blog của favicon được nhìn thấy trên phương tiện truyền thông xã hội :

• Phương tiện truyền thông xã hội thức ăn
• Xã hội hồ sơ phương tiện truyền thông

Nhiều trang web truyền thông xã hội là nơi tuyệt vời để chia sẻ các liên kết. Trong khi hầu hết các phương tiện truyền thông xã hội nuôi vẫn không hiển thị biểu tượng của một trang web yêu thích bên cạnh liên kết của nó, một số làm, và rất có thể sẽ nhiều hơn trong tương lai. Hiện tại, Google+ là một trong những mạng lưới truyền thông xã hội lớn hơn, hiển thị hình đại diện.

Google+ hiển thị hình đại diện:

• bên cạnh các liên kết chia sẻ trên của người sử dụng thức ăn , và
• bên cạnh cấu hình khác hoặc đóng góp đến các trang web nhập vào mộttrang hồ sơ cá nhân .

Favicon trên Feed Google+

Google+ hiển thị hình đại diện bên cạnh các liên kết ahared vào thức ăn của người dùng.

Làm thế nào để Thêm một Favicon cho một Website hoặc Blog

Nói chung, thêm một biểu tượng yêu thích vào một trang web là một quá trình ba bước đơn giản:

1. Làm cho một hình ảnh favicon
2. Tải lên favicon cho máy chủ web
3. Thêm favicon HTML vào trang web

Đối với các blogger có thể không có quyền truy cập trực tiếp vào mã HTML, xin vui lòng tham khảo hướng dẫn thay thế dưới đây.

1. Làm cho một hình ảnh favicon:

Kích thước hình ảnh: Một biểu tượng phím tắt thường được hiển thị như là 16x16 pixel để tạo ra một hình ảnh kích thước này.

File Name và Loại: Sau khi thực hiện một biểu tượng có thể được lưu như png, gif, jpg hoặc.... Sử dụng một chuyển đổi biểu tượng miễn phí , hình ảnh 16x16 nên được chuyển đổi sang. ico, và đặt tên favicon.ico . Để biết thêm thông tin về định dạng tập tin và khả năng tương thích trình duyệt, đọc "Favicon" trên Wikipedia .

2. Tải lên favicon cho máy chủ web:

Trình duyệt lớn nhất tự động tìm kiếm thư mục gốc của một trang web chofavicon.ico , để tải lên hoặc FTP favicon.ico vào thư mục gốc. Mà không làm bất cứ điều gì hơn nữa, biểu tượng shortcut của bạn bây giờ sẽ được hiển thị trên hầu hết các trình duyệt. Để đảm bảo rằng nó sẽ hiển thị trong tất cả các vị trí có thể, tiếp tục sang bước tiếp theo.

3. Thêm trang web HTML favicon:

Thêm mã sau vào phần head của một trang web, làm cho chắc chắn để sửa đường dẫn / tên tập tin mã ví dụ của trang web của bạn và các tập tin hình ảnh.

?

< link rel = "biểu tượng shortcut" <font> </ font chữ >  href = " http://example.com/myicon.ico "/>

Dễ dàng để thêm một Favicon cho Blogger

Làm thế nào để thay thế các Blogger Icon hay Blogspot Biểu tượng, với một Favicon Tuỳ chỉnh

Nhiều người trong số chúng ta đã quen thuộc với các cam Blogger Blogspot hoặc biểu tượng. Biểu tượng này có thể dễ dàng được thay thế bằng một biểu tượng tùy chỉnh, cho blog của bạn nhận diện thương hiệu riêng của mình và một mức độ nhất định về tính chuyên nghiệp.

• Tạo ra một biểu tượng 16x16 pixel, phím tắt và lưu nó nhưfavicon.ico (xem bước 1 và 2 ở trên).
• Đăng nhập vào bảng điều khiển Blogger cho blog của bạn.
• Click vào Layout . Gần phía trên, bên trái, nhấp chuột vào Chỉnh sửa trong hộp Favicon.
• Tải lên favicon.ico và lưu lại.

Xử lý sự cố Mẹo: Nếu bạn ghé thăm blog của bạn và các biểu tượng của Blogger không được thay thế bằng favicon tùy chỉnh của bạn, sau đó làm như sau:

• Tới yourblog.blogspot.com / favicon.ico
• Sau khi biểu tượng shortcut của bạn xuất hiện trong cửa sổ trình duyệt, nhấp vào trình duyệt tải lại hoặc làm mới nút.

Thêm một tùy chỉnh tắt biểu tượng để Wordpress.com

Làm thế nào để thay thế các Wordpress Biểu tượng, với một Favicon Tuỳ chỉnh

Wordpress.com

Wordpress.com (phiên bản miễn phí) cho phép người dùng tải lên favicon riêng của họ, hoặc như họ gọi nó, một blavatar (blog + avatar).

• Đăng nhập vào bảng điều khiển Wordpress.com cho blog của bạn.
• Tới Cài đặt và sau đó chung.
• Ở bên phải của màn hình tải lên một biểu tượng. Một công cụ sẽ cho phép bạn thay đổi kích thước hình ảnh với kích thước đề nghị.

• Wordpress.org

  Nếu bạn có một tên miền lưu trữ trên Wordpress.org, phương pháp làm thế nào để thêm một biểu tượng tùy chỉnh sẽ thay đổi theo từng chủ đề được sử dụng.Dưới đây là hướng dẫn cho các chủ đề luận án nổi tiếng.

  
  

  • Sau khi đăng nhập vào bảng điều khiển quản trị Wordpress, đi đến luận vănvà sau đó Favicon tải lên. Lướt web và tải lên favicon tùy chỉnh của bạn.

  

  • Để đảm bảo rằng các biểu tượng yêu thích được tìm thấy bởi tất cả các trình duyệt và các trang web khác (như Google), các favicon HTML cần phải được thêm vào phần head. Để làm điều này bằng cách sử dụng chủ đề luận án, vào luận án , chọn trang web , và sau đó kịch bản khác . Thêm favicon HTML code được liệt kê trước đó trong bài viết này để các hộp kịch bản.
  • Thay đổi tên đường dẫn đến tập tin / favicon.ico. Các dấu gạch chéo phía trước chỉ ra thư mục gốc.
  • Sử dụng phần mềm FTP hoặc bảng điều khiển máy chủ web của bạn, FTP thực tế favicon.ico hình ảnh vào thư mục gốc.

  Lưu ý: Nếu bạn không chắc chắn làm thế nào để tải lên một hình ảnh vào thư mục gốc của bạn thông qua FTP, sau đó tải lên các hình ảnh vào blog của bạn như tất cả các hình ảnh khác, có được địa chỉ URL của hình ảnh, và dán URL đến hình ảnh trong các favicon HTML.

  

  Favicon HTML có thể được thêm vào chủ đề luận án cho Wordpress thông qua bảng điều khiển quản trị.

  
  
  Thêm một biểu tượng vào một trang web hoặc blog là một cách đơn giản trong việc xây dựng thương hiệu trực tuyến.

  Chỉ với một vài điểm ảnh và một chút bí quyết, trang web của bạn xứng đáng này liên lạc hoàn thiện tùy chỉnh.