Trong thế giới kỹ thuật số ngày nay, việc tạo dựng dấu ấn thương hiệu trên môi trường trực tuyến là vô cùng quan trọng. Một trong những yếu tố góp phần vào việc này chính là biểu tượng trang web (favicon). Biểu tượng trang web không chỉ giúp nhận diện thương hiệu mà còn nâng cao khả năng nhận diện của người dùng khi trang web của bạn xuất hiện trong kết quả tìm kiếm Google. Trong bài viết này, chúng ta sẽ tìm hiểu chi tiết cách xác định và triển khai biểu tượng trang web để nó hiển thị trong kết quả tìm kiếm của Google.
Nếu trang web của bạn đã được thiết lập biểu tượng favicon, chúng tôi có thể tích hợp biểu tượng này vào kết quả tìm kiếm tự nhiên trên Google cho trang web của bạn.
Tài liệu này tập trung vào việc hiển thị biểu tượng trang web trong kết quả tìm kiếm tự nhiên (organic search). Để tìm hiểu về việc hiển thị biểu trưng trong kết quả của Google Ads, bạn có thể tham khảo phần hướng dẫn về quy cách biểu trưng doanh nghiệp.
Triển khai
Để trang web của bạn đủ điều kiện hiển thị biểu tượng favicon trong kết quả tìm kiếm của Google, bạn cần thực hiện các bước triển khai sau đây:
- Thiết kế biểu tượng trang web theo chuẩn SEO: Trước tiên, bạn cần tạo biểu tượng trang web (favicon) tuân thủ các nguyên tắc về kích thước và định dạng mà Google hỗ trợ. Biểu tượng này cần phải thể hiện rõ ràng thương hiệu của bạn và phù hợp với yêu cầu kỹ thuật của công cụ tìm kiếm.
- Thêm thẻ
<link>vào tiêu đề trang chủ: Sau khi biểu tượng favicon đã được thiết kế, bạn cần chèn thẻ<link>vào phần<head>của trang chủ. Cú pháp cụ thể như sau:
<link rel="icon" href="/path/to/favicon.ico">
Thẻ này đóng vai trò giúp Google trích xuất thông tin từ biểu tượng trang web, đảm bảo rằng nó sẽ được hiển thị đúng cách trên kết quả tìm kiếm.- Cấu hình thuộc tính
reltrong thẻ<link>:- icon: Đây là thuộc tính phổ biến nhất, xác định biểu tượng đại diện cho trang web của bạn theo chuẩn HTML.
shortcut icon: Là phiên bản cũ củaicon, vẫn được Google hỗ trợ để duy trì tính tương thích với các thiết lập trước đây. - apple-touch-icon: Được thiết kế dành riêng cho các thiết bị iOS, thuộc tính này theo tài liệu của Apple giúp biểu tượng hiển thị tốt trên các thiết bị di động của Apple.
- apple-touch-icon-precomposed: Đây là một phiên bản của
apple-touch-icondành cho các thiết bị iOS cũ hơn, đảm bảo biểu tượng hiển thị chính xác trên các phiên bản hệ điều hành cũ.
- icon: Đây là thuộc tính phổ biến nhất, xác định biểu tượng đại diện cho trang web của bạn theo chuẩn HTML.
- Thiết lập thuộc tính
hrefcho URL biểu tượng trang web:- Thuộc tính
hreftrong thẻ<link>phải chứa URL của biểu tượng trang web. URL này có thể là một đường dẫn tương đối (ví dụ:/smile.ico) hoặc một đường dẫn tuyệt đối (ví dụ:https://example.com/smile.ico), tùy thuộc vào cách bạn tổ chức tệp trên máy chủ.
- Thuộc tính
- Cấu hình thuộc tính
- Google sẽ tự động tìm kiếm và cập nhật biểu tượng favicon mỗi khi tiến hành thu thập dữ liệu từ trang chủ của bạn. Trong trường hợp bạn thay đổi biểu tượng favicon và muốn Google nhanh chóng cập nhật, bạn có thể yêu cầu lập chỉ mục lại trang chủ. Tuy nhiên, cần lưu ý rằng quá trình này có thể mất vài ngày hoặc lâu hơn để các thay đổi xuất hiện trong kết quả tìm kiếm.
Nguyên tắc
Để đảm bảo rằng biểu tượng trang web của bạn có thể xuất hiện trong kết quả tìm kiếm trên Google, bạn cần tuân thủ nghiêm ngặt các nguyên tắc dưới đây.
Mặc dù bạn đã tuân thủ tất cả các hướng dẫn, chúng tôi không đảm bảo rằng biểu tượng trang web của bạn sẽ được hiển thị trong kết quả tìm kiếm trên Google.
- Google Tìm kiếm chỉ hỗ trợ một biểu tượng trang web cho mỗi tên miền, trong đó tên miền được xác định bởi tên máy chủ. Ví dụ: https://www.example.com/ và https://code.example.com/ là hai tên máy chủ khác nhau, vì vậy có thể sử dụng hai biểu tượng trang web riêng biệt. Tuy nhiên, https://www.example.com/sub-site là một thư mục con của trang web và chỉ có thể sử dụng một biểu tượng trang web cho https://www.example.com/. Biểu tượng này sẽ áp dụng cho toàn bộ trang web và tất cả các thư mục con của nó.
- Được hỗ trợ: https://example.com (đây là trang chủ cấp miền)
- Được hỗ trợ: https://news.example.com (đây là trang chủ cấp miền con)
- Không được hỗ trợ: https://example.com/news (đây là trang chủ cấp thư mục con)
- Googlebot-Image và Googlebot phải có quyền truy cập vào tệp biểu tượng trang web; không được chặn chúng thu thập dữ liệu.
- Để giúp người dùng dễ dàng nhận diện trang web của bạn trong kết quả tìm kiếm, biểu tượng trang web nên là một hình ảnh đại diện rõ ràng cho thương hiệu của trang.
- Biểu tượng phải là hình vuông với kích thước là bội số của 48px, ví dụ: 48x48px, 96x96px, 144x144px, v.v. (hoặc sử dụng SVG với tỷ lệ khung hình vuông 1:1). Chúng tôi hỗ trợ tất cả các định dạng biểu tượng trang web hợp lệ.
- URL của biểu tượng trang web cần phải cố định và không nên thay đổi thường xuyên.
- Google sẽ không hiển thị những biểu tượng trang web mà chúng tôi cho là không phù hợp, chẳng hạn như các biểu tượng có tính khiêu dâm hoặc kích động thù địch (ví dụ: hình chữ vạn). Nếu phát hiện loại hình ảnh này, Google sẽ thay thế nó bằng một biểu tượng mặc định.
Việc xác định và triển khai biểu tượng trang web trong kết quả tìm kiếm Google không chỉ giúp tăng khả năng nhận diện thương hiệu mà còn góp phần cải thiện trải nghiệm người dùng. Bằng cách tuân thủ đúng các hướng dẫn và nguyên tắc của Google, bạn có thể đảm bảo rằng biểu tượng trang web của mình sẽ xuất hiện một cách nổi bật và thu hút trong kết quả tìm kiếm. Hãy bắt đầu với việc tạo một biểu tượng trang web phù hợp và triển khai nó ngay hôm nay để tận dụng tối đa cơ hội này.
