Chắc chắn, trong nhiều lần, bạn đã nghe nói về biểu tượng yêu thích. Điều này có liên quan mật thiết đến thiết kế web và điều quan trọng là trên mọi trang, có thể là cửa hàng trực tuyến, blog, trang web, v.v. họ sẽ hỏi bạn. Nhưng, Biểu tượng yêu thích là gì? Nó dùng để làm gì? Và quan trọng nhất, nó được thực hiện như thế nào?
Nếu bạn có nhiều nghi ngờ về điều này, ở đây chúng tôi sẽ cung cấp cho bạn các chìa khóa để bạn hiểu nó và trên hết, để bạn có thể trình bày nó trong dự án của mình và để lại một bài thuyết trình tốt hơn. Chúng tôi đảm bảo với bạn!
Biểu tượng yêu thích là gì
Chúng tôi sẽ bắt đầu bằng cách giải thích biểu tượng yêu thích là gì để bạn hiểu nó. Và, đối với điều này, không gì tốt hơn là cung cấp cho bạn một ví dụ thực tế. Hãy tưởng tượng rằng bạn đang duyệt ngay bây giờ (trên thực tế, bạn đang đọc chúng tôi). Nhưng bạn không chỉ có một tab mà có nhiều tab. Bạn có thể nhận thấy rằng, trong mỗi mục, tên của những gì trang đó phản ánh sẽ xuất hiện, có thể là YouTube (vì bạn đang nghe nhạc nền), Gmail (vì bạn đang mở thư của mình) hoặc trang này.
Bên cạnh mỗi tên, ở bên trái, một hình ảnh nhỏ xuất hiện, trong một hình vuông. Một trên YouTube và Gmail chắc chắn sẽ được nhận dạng bằng các biểu trưng mà chúng có, nhưng còn các tab còn lại thì sao?
Chà, những gì bạn thấy thực sự là biểu tượng yêu thích. Nói cách khác, nó là một biểu tượng có liên quan đến trang bạn đang truy cập, Đó là lý do tại sao nó rất quan trọng để chú ý đến chi tiết này, bởi vì khi bạn thêm một trang vào mục yêu thích hoặc lối tắt, biểu tượng yêu thích sẽ trở thành "hình ảnh" của trang đó và đó là lý do tại sao bạn phải chăm sóc thiết kế của nó. có liên quan hoàn hảo (và trên hết là trông đẹp để phân biệt với những người khác).
Biểu tượng nhỏ này thường có kích thước được đặt là 16 × 16 pixel (mặc dù nó cũng có thể được đặt ở 32x32px). Bên trong nó, bạn phải cẩn thận để mọi thứ bạn đặt đều được nhìn thấy một cách chính xác, nếu không, nó sẽ xuất hiện như một điểm dễ nhận dạng (và điều đó sẽ tạo ra một hình ảnh rất xấu về trang của bạn).
Tại sao biểu tượng yêu thích lại quan trọng như vậy?
Bây giờ bạn đã biết biểu tượng yêu thích là gì và bạn đã định vị nó trong các trang mà bạn thường mở, bạn có nhận thấy rằng ngày nay càng ngày càng có ít trang bị thiếu không? Điều này là do nó thực sự rất quan trọng để đưa ra một tầm nhìn về sự sang trọng và bí quyết. Có nghĩa là, bạn sẽ truyền tải một hình ảnh thương hiệu hoặc công ty quan tâm đến chi tiết.
Tuy nhiên, favicon còn có các công dụng khác như:
- Phục vụ như nhận dạng trang của bạn. Thông thường biểu tượng yêu thích này liên quan đến biểu trưng mà bạn có trên trang web của mình, chỉ ở kích thước nhỏ hơn. Nhưng khi logo quá lớn và không được nhìn thấy trên nút nhỏ, bạn có xu hướng chọn thứ gì đó liên quan đến nó.
- Bạn sẽ giúp những người dùng đã lưu trang của bạn xác định nó một cách trực quan. Vì vậy, ngay cả khi họ không nhớ url, hoặc tên của công ty, vì hình ảnh của biểu tượng yêu thích, họ sẽ xác định vị trí của nó.
- Để trở nên "tốt" với SEO. Điều này phải được thực hiện với một hạt muối. Và đó là việc có hay không có favicon sẽ không ảnh hưởng trực tiếp đến SEO (nghĩa là, nó sẽ không giúp bạn định vị tốt hơn hay tệ hơn cho việc có nó hay không). Hiện nay, việc trình duyệt truy cập vào một trang ngày càng phổ biến hơn, nó sẽ tìm biểu tượng yêu thích đó và khi không tìm thấy biểu tượng đó, nó sẽ xuất hiện lỗi 404. Và bạn biết rằng những lỗi này không tốt cho SEO của một trang.
Cách tạo biểu tượng yêu thích
Sau khi xem, rõ ràng rằng biểu tượng yêu thích là một yếu tố cần thiết khi có một trang web. Bây giờ, làm thế nào để bạn làm cho một?
Bạn nên biết rằng, trong hầu hết các trường hợp, những gì nó làm là chọn biểu trưng của trang web đó hoặc nếu nó quá lớn, một cái gì đó xác định nó. Ví dụ, hãy tưởng tượng rằng bạn có một trang web truyền hình mà bạn đã gọi theo một cách nào đó. Nhưng điều đó, trong favicon, là quá lớn. Thay vào đó, bạn có thể đặt một bức tranh của một chiếc tivi để chúng liên tưởng đến nó. Trong những trường hợp này, bạn nên mặc trang phục có màu sắc giống với trang web của mình để dễ nhận diện hơn.
Và bây giờ, chúng ta có thể tạo biểu tượng yêu thích bằng cách nào? Chà, bạn có một số lựa chọn:
Photoshop, Gimp ...
Nói cách khác, chúng ta đang nói về các chương trình chỉnh sửa hình ảnh vì biểu tượng yêu thích được tạo giống hệt như một hình ảnh. Tất nhiên, bạn phải lưu nó ở định dạng .ico để nó được nhận dạng như vậy vì nó không thể được để dưới dạng jpg, gif hoặc tương tự.
Cách làm này cho phép bạn tùy chỉnh biểu tượng yêu thích tốt hơn nhiều, quản lý để tạo ra nó từ đầu và hoàn thiện nó như bạn muốn. Thông thường đối với điều này, bạn làm việc với một hình ảnh ở kích thước bình thường và sau đó điều chỉnh nó cho phù hợp với kích thước của nút đó.
Sau khi thực tế, nó nên được tải lên và thử nghiệm trên các trình duyệt khác nhau để xem nó có đẹp không, có tính đại diện hay không và trên hết là được hiểu.
Sử dụng các công cụ trực tuyến
Trong trường hợp này, chúng tôi đề cập đến các trang web có chức năng chuyển đổi bất kỳ hình ảnh nào bạn muốn thành biểu tượng yêu thích chỉ trong vài giây. Nhưng bạn cũng có tùy chọn thiết kế biểu tượng yêu thích của bạn trực tiếp với các trang đó.
Nếu bạn muốn cái trước (tải lên hình ảnh và chuyển đổi nó), thì chúng tôi khuyên bạn nên dùng Favicon Generator hoặc Favic-o-matic. Nhưng nếu bạn muốn cái sau (thiết kế từ đầu), hãy đặt cược vào favicon.io hoặc trình chỉnh sửa biểu tượng x.
Với WordPress
Trang của bạn có được làm bằng WordPress không? Và bạn có biết rằng bạn có thể sử dụng hệ thống đó để tạo biểu tượng yêu thích của mình. Đối với điều này, bạn có thể sử dụng một số plugin cho phép bạn tạo nút này dựa trên hình ảnh bạn đã tải lên (hoặc bạn tải lên). Cũng thông qua "Giao diện / Tùy chỉnh" bạn có thể làm điều đó.
Khi bạn đã hoàn thành biểu tượng yêu thích, bạn chỉ cần đặt nó trên trang web của mình và để nó nhận ra nó để có thể hiển thị nó ở khu vực bên trái của tên trang của bạn, cũng như khi lưu nó vào mục yêu thích. Bằng cách này, họ sẽ dễ dàng nhận ra bạn mà không cần phải dừng lại để đọc nếu đó là trang họ thực sự muốn truy cập.