Favicon là gì? Favicon là biểu tượng nhỏ đại diện cho website, hiện ở tab trình duyệt, mục bookmark, và có thể hiện cạnh tên trang trong kết quả tìm kiếm Google. Phần SEONGON đã nói qua định nghĩa và lịch sử; bài này tập trung vào phần thực dụng còn thiếu: yêu cầu chính thức của Google để favicon hiển thị được trong kết quả tìm kiếm, đoạn code dùng được ngay, và cách thêm trong WordPress không qua can thiệp mã nguồn.
Yêu cầu chính thức của Google về favicon trong kết quả tìm kiếm
Theo tài liệu Google Search Central, để favicon có cơ hội hiển thị cạnh kết quả tìm kiếm, website cần đáp ứng:
| Yêu cầu | Chi tiết |
|---|---|
| Định dạng file | BMP, GIF, ICO, PNG, JPEG, PPM hoặc TIFF |
| Kích thước tối thiểu | 8×8 px, khuyến nghị lớn hơn 48×48 px để hiển thị rõ |
| Tỉ lệ khung hình | Vuông (1:1) — ảnh chữ nhật sẽ không được chấp nhận đúng cách |
| Khai báo | Thẻ trong phần của trang chủ |
| Khả năng crawl | Googlebot-Image phải truy cập được file, không bị chặn trong robots.txt |
| Tính ổn định URL | Đường dẫn favicon không nên đổi thường xuyên, Google ưu tiên URL ổn định lâu dài |
Google cũng nêu rõ phạm vi áp dụng theo hostname: mỗi hostname chỉ có một favicon, các subdomain có thể dùng favicon khác nhau, nhưng các thư mục con trên cùng một hostname thì không tách riêng được favicon. Favicon bị đánh giá không phù hợp (ví dụ chứa nội dung phản cảm) sẽ không được Google hiển thị trong kết quả tìm kiếm.
Đoạn code HTML khai báo favicon dùng được ngay
Favicon cần khai báo rõ trong phần
, không chỉ để đúng tên file favicon.ico ở thư mục gốc là đủ với mọi trường hợp. Đoạn mã tối thiểu nên có:| Thẻ | Khi nào dùng |
|---|---|
| Khai báo chính, tương thích hầu hết trình duyệt hiện tại | |
| Giữ lại để tương thích một số trình duyệt cũ, Google vẫn chấp nhận giá trị này | |
| Biểu tượng khi người dùng lưu trang ra màn hình chính trên thiết bị Apple | |
| Phiên bản PNG kích thước cụ thể, giúp hiển thị nét hơn trên một số trình duyệt |
Nếu website dùng CMS, phần khai báo này thường được chèn sẵn tự động — bạn chỉ cần tải đúng file ảnh lên đúng mục cấu hình, không cần sửa trực tiếp mã HTML.
Website đang thiếu favicon hoặc favicon không hiện trong kết quả tìm kiếm?
VIDCO kiểm tra cấu hình kỹ thuật website của bạn, bao gồm favicon, cùng các yếu tố SEO kỹ thuật khác trong một lượt audit.
Cách thêm favicon trong WordPress không cần sửa code
- Vào phần quản trị, chọn mục Giao diện (Appearance) → Tùy biến (Customize) hoặc phần cài đặt trang chủ của theme đang dùng.
- Tìm mục Site Identity (Nhận diện trang) — đây là nơi WordPress quản lý “Site Icon”.
- Tải ảnh vuông lên (khuyến nghị tối thiểu 512×512 px để WordPress tự tạo các kích thước nhỏ hơn cho các thiết bị khác nhau).
- Lưu lại — WordPress tự chèn các thẻ khai báo cần thiết vào của toàn site, không cần bạn tự viết mã.
Nếu đổi favicon mà chưa thấy cập nhật trên trình duyệt, thường do trình duyệt hoặc cache của trang vẫn giữ bản cũ — xóa cache trình duyệt hoặc mở ở chế độ ẩn danh để kiểm tra lại cho chắc.
Favicon cho thiết bị di động và web app (manifest)
Ngoài thẻ link rel=”icon” cơ bản, website hiện đại thường cần thêm vài kích thước khác để hiển thị đúng trên từng ngữ cảnh thiết bị:
| Kích thước/tên gọi | Dùng ở đâu |
|---|---|
| 16×16, 32×32 px | Tab trình duyệt trên máy tính, một số hệ thống còn dùng cho biểu tượng trong thanh địa chỉ |
| 180×180 px (apple-touch-icon) | Biểu tượng khi lưu trang ra màn hình chính trên thiết bị iOS |
| 192×192, 512×512 px | Biểu tượng khi thêm trang vào màn hình chính trên Android, hoặc khi website hoạt động như một web app (qua file manifest.json) |
| Mask icon (SVG đơn sắc) | Biểu tượng ghim trên thanh công cụ của một số trình duyệt dựa trên Safari |
Nếu website của bạn có file manifest.json (thường gặp ở các trang có tính năng gần giống app), các kích thước 192×192 và 512×512 nên được khai báo trong file này, không chỉ trong thẻ link ở head — thiếu phần này không ảnh hưởng tab trình duyệt thông thường, nhưng khiến biểu tượng xấu hoặc dùng ảnh mặc định khi người dùng lưu trang ra màn hình chính điện thoại Android.
Vì sao favicon chưa hiện ngay trên kết quả tìm kiếm Google
Khác với trình duyệt (cập nhật gần như ngay), Google cần crawl lại trang để nhận favicon mới, và theo tài liệu chính thức, quá trình này có thể mất từ vài ngày đến vài tuần. Nếu cần nhanh hơn, bạn có thể dùng công cụ kiểm tra URL trong Google Search Console để yêu cầu crawl lại trang chủ, dù vẫn không đảm bảo favicon hiện ngay lập tức.
Trong thời gian chờ, bạn vẫn có thể kiểm tra trực tiếp trên tab trình duyệt để biết favicon mới đã được áp dụng đúng ở phía website chưa, tách riêng với việc Google có hiển thị kịp trong kết quả tìm kiếm hay không — hai việc này độc lập với nhau.
Favicon và logo: dùng chung file được không
Về bản chất, favicon và logo đều đại diện cho thương hiệu, nhưng phục vụ hai mục đích khác nhau. Logo thường có nhiều chi tiết, chữ, đôi khi cả slogan, dùng cho ấn phẩm lớn như banner hay bao bì. Favicon chỉ hiển thị ở kích thước rất nhỏ (thường chưa tới 32×32 px trên tab trình duyệt), nên nếu dùng nguyên logo đầy đủ chi tiết, phần lớn chi tiết sẽ biến mất, chỉ còn một đốm màu mờ không nhận ra là gì.
Cách làm hợp lý: lấy phần biểu tượng cốt lõi trong logo (ví dụ chỉ phần icon, bỏ phần chữ tên thương hiệu nếu logo có cả hai), đơn giản hóa thêm nếu cần, rồi mới dùng làm favicon. Nếu thương hiệu chỉ có logo dạng chữ (wordmark) không có icon riêng, có thể dùng chữ cái đầu trên nền màu thương hiệu làm favicon tạm, thay vì cố nhồi cả logo chữ vào một ô vuông quá nhỏ.
Một cách kiểm tra nhanh trước khi chốt file: thu nhỏ bản thiết kế xuống đúng 16×16 px trên máy, rồi tự hỏi liệu bạn còn nhận ra đây là thương hiệu nào không. Nếu không, nên đơn giản hóa thêm trước khi đưa vào sử dụng chính thức, tránh phải đổi lại nhiều lần — vừa mất công vừa ảnh hưởng tới việc Google cần thời gian crawl lại mỗi khi favicon đổi.
Sai lầm hay gặp với favicon
- Dùng ảnh chữ nhật hoặc logo chi tiết phức tạp: ở kích thước nhỏ, chi tiết rối sẽ mờ nhòe, không nhận diện được là gì.
- Đổi favicon liên tục: Google ưu tiên URL favicon ổn định; đổi quá thường xuyên có thể làm chậm việc favicon mới được nhận diện và hiển thị.
- Chặn file favicon trong robots.txt: vô tình khiến Googlebot-Image không crawl được, favicon sẽ không xuất hiện trong kết quả tìm kiếm dù trình duyệt vẫn hiện đúng.
- Chỉ có một kích thước file: thiếu bản apple-touch-icon khiến biểu tượng xấu hoặc bị cắt khi người dùng lưu trang ra màn hình chính trên điện thoại.
Nguồn tham khảo
Thông tin trong bài được đối chiếu với các nguồn chính thức dưới đây tại thời điểm biên soạn; văn bản và chính sách có thể thay đổi.
- Favicon trong kết quả tìm kiếm (Google Search Central)
- Favicon (MDN Glossary)
- Thuộc tính rel trong HTML (MDN)
Câu hỏi thường gặp
Favicon bắt buộc phải là file .ico không?
Không. Google Search hỗ trợ nhiều định dạng gồm BMP, GIF, ICO, PNG, JPEG, PPM và TIFF; PNG hiện được dùng phổ biến vì dễ tạo và tương thích tốt.
Favicon có ảnh hưởng trực tiếp tới thứ hạng SEO không?
Favicon không phải yếu tố xếp hạng trực tiếp, nhưng ảnh hưởng tới nhận diện thương hiệu và độ tin cậy cảm nhận khi người dùng thấy trang trong danh sách kết quả hoặc tab trình duyệt.
Vì sao favicon đổi trên website rồi mà Google vẫn hiện ảnh cũ?
Thường do Google chưa crawl lại trang; theo tài liệu chính thức việc này có thể mất vài ngày đến vài tuần, có thể dùng công cụ kiểm tra URL trong Search Console để yêu cầu crawl lại sớm hơn.
Kích thước favicon bao nhiêu là chuẩn nhất?
Google yêu cầu tối thiểu 8×8 px và khuyến nghị lớn hơn 48×48 px; thực tế nên chuẩn bị ảnh gốc vuông khoảng 512×512 px để hệ thống (như WordPress) tự tạo ra các kích thước nhỏ phù hợp từng thiết bị.
Một website có nhiều subdomain thì mỗi subdomain có cần favicon riêng không?
Không bắt buộc, nhưng Google cho phép mỗi subdomain dùng favicon khác nhau nếu bạn muốn phân biệt; các thư mục con trên cùng một hostname thì không tách riêng được favicon.
Muốn rà toàn bộ yếu tố kỹ thuật website, không chỉ riêng favicon?
VIDCO thực hiện audit kỹ thuật website, chỉ ra đúng phần cần sửa trước khi tối ưu nội dung.
Đọc thêm
Nguồn đối chiếu: developers.google.com/search/docs/appearance/favicon-in-search (Google Search Central — Favicon) — kiểm tra ngày 08/10/2026. Yêu cầu hiển thị trong kết quả tìm kiếm là tài liệu của Google; yêu cầu hiển thị trên từng trình duyệt có thể khác, nên vẫn nên kiểm tra thủ công sau khi cập nhật favicon.
