Câu trả lời ngắn gọn: để kiểm tra favicon của trang web trực tuyến, hãy nhập tên miền của bạn vào công cụ Kiểm tra Favicon miễn phí của PromoPilot và nhấp vào "Kiểm tra". Công cụ này sẽ tìm tất cả các biểu tượng được khai báo trong HTML và nằm trong các đường dẫn chuẩn như /favicon.ico, hiển thị bản xem trước và kích thước của từng biểu tượng, kiểm tra biểu tượng Apple Touch và cho bạn biết kích thước nào bị thiếu. Dưới đây là một tập hợp tối thiểu các biểu tượng, mã hoàn chỉnh và lý do tại sao Google hiển thị một quả địa cầu màu xám thay vì logo của bạn.
Tôi đã làm thiết kế website được 12 năm và tôi biết: biểu tượng favicon thường bị bỏ quên hơn bất kỳ yếu tố nào khác. Nhà thiết kế tạo ra logo, nhà phát triển xây dựng website, nhưng chẳng ai thêm favicon vào tab cả—cho đến khi khách hàng đầu tiên hỏi, "Tại sao đối thủ cạnh tranh của chúng tôi lại có favicon trên Google mà chúng tôi thì không?"
Favicon Check kiểm tra những gì?
Biểu tượng trang web không còn chỉ là một tệp favicon.ico duy nhất nữa. Trình duyệt, iPhone, Android và Google đều sử dụng các tệp và kích thước khác nhau. Công cụ này tổng hợp tất cả chúng vào một báo cáo duy nhất.
| Nó kiểm tra những gì? | Anh ấy đang nhìn gì vậy? | Tại sao trang web lại cần điều này? |
|---|---|---|
| Biểu tượng từ HTML | Tất cả các thẻ <link rel="icon">, shortcut icon, apple-touch-icon | Đây chính là những yếu tố mà trình duyệt và Google đặt lên hàng đầu. |
| Đường dẫn tiêu chuẩn | /favicon.ico ở thư mục gốc của trang web và các địa chỉ thông thường khác. | Nhiều hệ thống tìm kiếm biểu tượng đó ngay cả khi không có thẻ. |
| Kích thước của mỗi biểu tượng | Chiều rộng và chiều cao tính bằng pixel, định dạng ICO, PNG, SVG | Biểu tượng nhỏ bị mờ trên màn hình độ phân giải cao. |
| Biểu tượng Apple Touch | Có biểu tượng nào dành cho iPhone và iPad không? | Nếu không có tùy chọn đó, ảnh chụp màn hình của trang sẽ hiển thị trên màn hình Trang chủ. |
| Xem trước | Mỗi biểu tượng được tìm thấy trông như thế nào? | Bạn có thể thấy các biểu tượng bị hỏng, trống hoặc lạ (mẫu). |
| Các khuyến nghị | Những kích thước nào đang bị thiếu? | Một danh sách công việc có sẵn dành cho nhà thiết kế. |
Làm thế nào để kiểm tra biểu tượng favicon của một trang web trực tuyến?
- Mở trình kiểm tra Favicon.
- Chỉ cần nhập tên miền -
example.comlà đủ, không cần chỉ định trang. - Nhấp vào "Kiểm tra". Công cụ sẽ phân tích mã HTML của trang chủ và các đường dẫn chuẩn.
- Xem xét kỹ các biểu tượng đã tìm thấy: hình ảnh xem trước, định dạng và kích thước của từng biểu tượng. Kiểm tra xem có biểu tượng CMS hoặc hosting tiêu chuẩn nào trong số đó không.
- Hãy đọc kỹ các khuyến nghị và cung cấp các kích thước còn thiếu cho nhà thiết kế hoặc tự mình thực hiện việc đó.
Trang công cụ: trường tên miền, nút "Kiểm tra" và mô tả các bước kiểm tra kèm theo Câu hỏi thường gặp.
Việc xác minh rất dễ dàng—số lượng khách truy cập cho phép đủ để bạn kiểm tra trang web của chính mình và một vài trang web của đối thủ cạnh tranh để so sánh. Bạn có thể xem và tải xuống các biểu tượng từ bất kỳ trang web nào—rất tiện lợi nếu bạn cần tìm lại logo gốc của mình, nếu chẳng may bị mất cùng với logo của nhà thầu cũ.
Kích thước biểu tượng favicon nào sẽ cần thiết vào năm 2026?
Các công cụ tạo biểu tượng thường tạo ra 20 tệp, nhưng điều thực sự cần là một bộ biểu tượng nhỏ gọn. Đây là số lượng tối thiểu mà tôi sử dụng cho tất cả các dự án của mình:
| Tài liệu | Kích cỡ | Nó được sử dụng ở đâu? |
|---|---|---|
favicon.ico | Ảnh 16×16 và 32×32 trong cùng một tập tin. | Các trình duyệt cũ, các hệ thống tìm kiếm biểu tượng trong thư mục gốc. |
favicon.svg | Vectơ | Trình duyệt hiện đại, hiển thị rõ nét trên mọi màn hình. |
apple-touch-icon.png | 180×180 | Màn hình chính iPhone và iPad |
icon-192.png và icon-512.png | 192×192 và 512×512 | Web-manifest: Android, cài đặt một trang web dưới dạng ứng dụng |
Và đây là mã cho thẻ <head>:
<link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
Mẹo thiết kế: Ở kích thước 16 pixel, logo và văn bản sẽ bị mờ. Hãy sử dụng biểu tượng, chữ cái đầu tiên của tên hoặc một ký tự đơn giản trên nền tương phản. Đối với biểu tượng Apple Touch, đừng sử dụng nền trong suốt — iOS sẽ tô đen toàn bộ phần đó.
Làm thế nào để tự tạo favicon mà không cần đến nhà thiết kế?
Nếu bạn chưa có bất kỳ biểu tượng nào, bạn có thể tạo một bộ biểu tượng cơ bản trong vòng nửa giờ. Sau đây là quy trình:
- Hãy sử dụng một biểu tượng, không cần toàn bộ logo. Sử dụng chữ cái đầu tiên của tên, một biểu tượng từ logo, hoặc một hình học đơn giản với màu sắc thương hiệu. Đảm bảo biểu tượng đó dễ nhận biết ở kích thước 16 pixel.
- Vẽ một hình vuông 512x512. Bất kỳ trình soạn thảo đồ họa hoặc công cụ thiết kế trực tuyến nào cũng được. Để lại một vài lề xung quanh các cạnh để biển báo không bị tràn ra ngoài viền.
- Lưu tệp nguồn dưới dạng SVG — nó sẽ trở thành
favicon.svg, và tất cả các tệp PNG có kích thước cần thiết có thể được cắt mà không làm giảm chất lượng. - Tạo các kích thước còn lại (ICO, 180, 192) bằng trình tạo biểu tượng và đặt các tệp vào thư mục gốc của trang web.
- Dán đoạn mã vào phần head và kiểm tra lại kết quả trong công cụ.
Hãy kiểm tra xem biểu tượng hiển thị như thế nào trong giao diện tối của trình duyệt: một biểu tượng màu đen trên nền trong suốt sẽ biến mất trong tab Chrome tối. Nền sáng hoặc đường viền tương phản sẽ giúp ích.
Tại sao Google không hiển thị biểu tượng favicon của trang web?
Câu hỏi thường gặp nhất: Nếu bạn thấy biểu tượng quả địa cầu màu xám bên cạnh địa chỉ trong kết quả tìm kiếm, thường có một vài lý do sau:
- Biểu tượng này không phải hình vuông. Google yêu cầu tỷ lệ khung hình 1:1 và kích thước tối thiểu 8x8, nhưng khuyến nghị lớn hơn 48x48:
favicon.iconhỏ xíu 16x16 trông mờ trong kết quả tìm kiếm. - Biểu tượng bị chặn đối với robot tìm kiếm. Google -Image cần có quyền truy cập vào tệp biểu tượng và Google cần có quyền truy cập vào tệp chính. Nếu thư mục hình ảnh bị chặn trong robots.txt hoặc tệp trả về lỗi, biểu tượng sẽ không xuất hiện trong kết quả tìm kiếm.
- Thẻ này không nằm trên trang chủ. Google lấy favicon từ trang chủ của tên miền hoặc tên miền phụ; phần trang chủ, ví dụ như
example.com/shopkhông phù hợp. - Địa chỉ của biểu tượng không ổn định. Nếu đường dẫn thay đổi với mỗi lần xây dựng trang web (
/icon.a83f2.png), Google có thể không cập nhật kịp thời. - Đã khá lâu rồi. Google không cập nhật biểu tượng favicon ngay lập tức sau khi sửa lỗi; bạn có thể đẩy nhanh quá trình bằng cách yêu cầu quét lại trang chủ trong Search Console. Google không cung cấp khung thời gian chính xác, vì vậy hãy kiểm tra kết quả không sớm hơn vài ngày sau đó.
- Biểu tượng này vi phạm quy tắc. Google thay thế những hình ảnh không đạt yêu cầu bằng một biểu tượng tiêu chuẩn.
So sánh: Favicon Checker và các lựa chọn thay thế
| Dụng cụ | Cái gì là miễn phí? | Hạn chế | Sản phẩm này phù hợp với đối tượng nào? |
|---|---|---|---|
| PromoPilot - Công cụ kiểm tra Favicon | Tất cả các biểu tượng từ HTML và đường dẫn chuẩn, kích thước, bản xem trước, biểu tượng Apple Touch, đề xuất | Không tạo biểu tượng mới, chỉ kiểm tra biểu tượng chính. | Nhanh chóng kiểm tra trang web của bạn hoặc của đối thủ cạnh tranh. |
| RealFaviconGenerator | Tạo bộ biểu tượng và mã, kiểm tra favicon. | Trình tạo tạo ra rất nhiều tập tin, bạn cần phải tìm ra những tập tin nào cần giữ lại. | Dành cho những ai cần tạo biểu tượng từ đầu. |
| Bảng điều khiển tìm kiếm Google | Yêu cầu quét lại thiết bị chính. | Chỉ trang web đã được xác minh mới kiểm tra biểu tượng. | Tăng tốc độ cập nhật biểu tượng trong kết quả tìm kiếm |
| Công cụ dành cho nhà phát triển trong trình duyệt | Tab chứa danh sách và biểu tượng | Bạn cần biết phải tìm ở đâu. | Dành cho các nhà phát triển |
Kết luận: công cụ trực tuyến tiện lợi hơn để kiểm tra, trình tạo để tạo bộ dữ liệu, và Search Console giúp tăng tốc độ cập nhật trên Google.
Nhân tiện, PromoPilot có 87 công cụ SEO miễn phí. Bạn có thể dễ dàng xem biểu tượng favicon trông như thế nào bên cạnh tiêu đề trong bản xem trước kết quả tìm kiếm — chúng tôi có một bài viết riêng về vấn đề này trong loạt bài của mình.
Việc xác thực favicon có những hạn chế gì?
Công cụ này kiểm tra những gì trang web quảng cáo và trả về: nó sẽ không cho bạn biết khi nào Google cập nhật biểu tượng trong kết quả tìm kiếm — điều đó phụ thuộc vào chính công cụ tìm kiếm. Nếu các biểu tượng được thêm vào bằng một đoạn mã sau khi trang tải xong, một số có thể không được bao gồm trong báo cáo. Quá trình kiểm tra cũng xem xét toàn bộ tên miền — nếu các phần khác nhau của trang web có các biểu tượng khác nhau (ví dụ: một tên miền phụ của cửa hàng), hãy kiểm tra chúng riêng biệt.
Khi nào thì một công cụ miễn phí không còn đủ?
Biểu tượng favicon là một vấn đề nhỏ, hiếm khi cần đến chuyên gia. Nhưng đôi khi, một vấn đề nhỏ lại là triệu chứng của một vấn đề khác. Bạn cần trợ giúp nếu:
- Biểu tượng thì đúng, nhưng Google đã hiển thị hình quả địa cầu trong nhiều tháng nay - điều này có nghĩa là vấn đề nằm ở quyền truy cập của robot hoặc ở mẫu biểu;
- Thương hiệu này không có logo đơn giản và cần một phong cách nhận diện thương hiệu phù hợp với kích thước 16 pixel;
- Trang web được xây dựng bằng trình tạo trang và đường dẫn đến các biểu tượng thay đổi theo từng bản cập nhật;
- Biểu tượng favicon chỉ là một trong hàng tá lỗi nhỏ đã tích lũy qua nhiều năm.
Tôi có thể làm gì cho trang web của bạn?
Tôi là Valeriy Danyuk, một nhà phát triển phần mềm và chuyên gia SEO với 12 năm kinh nghiệm và hơn 200 khách hàng. Tôi thiết lập favicon, xem trước bài đăng trên mạng xã hội và đánh dấu HTML cho mọi trang web trước khi ra mắt.
SEO và kiểm toán
- Dịch vụ kiểm tra SEO website trọn gói: Tôi tìm ra tất cả các chi tiết kỹ thuật—từ biểu tượng favicon và bản xem trước đến việc lập chỉ mục và tốc độ—và khắc phục chúng trong mã nguồn.
Trang web và cửa hàng trực tuyến
- Tạo một trang web theo phong cách của trang web khác chỉ trong vài phút — tại 1001site, các biểu tượng, bản xem trước và bố cục được cấu hình tự động.
- Tilda với phí đăng ký hay một trang web sử dụng trí tuệ nhân tạo — một sự so sánh khách quan giữa hai phương pháp.
- Một trang web trọn gói sẽ có giá bao nhiêu vào năm 2026? Những yếu tố nào quyết định giá cả?
- Thiết kế website WordPress tích hợp trợ lý AI với giá 299€ và thời gian hoàn thành 3 ngày.
CRM và tự động hóa
- Hệ thống CRM tùy chỉnh với cơ sở dữ liệu khách hàng và người ra quyết định dành cho một công ty đến từ Slovakia.
- Một hệ thống CRM dành cho công ty tháo dỡ ô tô, tự động tính toán giá cả và in hóa đơn.
Hãy gửi cho tôi địa chỉ trang web qua Telegram - tôi sẽ kiểm tra các biểu tượng và năm hoặc sáu chi tiết nhỏ khác thường bị bỏ quên.
Kết quả
- Favicon Checker tìm tất cả các biểu tượng của trang web, kích thước của chúng và hiển thị những biểu tượng nào bị thiếu chỉ trong một phút.
- Bộ tối thiểu: favicon.ico, favicon.svg, Apple Touch Icon 180×180, và các biểu tượng 192 và 512 cho web-manifest.
- Đối với Google biểu tượng phải có hình vuông, lớn hơn 48x48, có thể truy cập được bởi robot và được hiển thị trên trang chủ.
- Nếu việc xây dựng lại một trang web dễ hơn là sửa các lỗi nhỏ, 1001site sẽ tự động tùy chỉnh các biểu tượng và bản xem trước.
Hãy kiểm tra tên miền của bạn bằng công cụ Favicon Checker miễn phí – và đồng thời kiểm tra tên miền của đối thủ cạnh tranh chính.
Nguồn
- Trang Kiểm tra Favicon của PromoPilot — danh sách các mục cần kiểm tra và Câu hỏi thường gặp.
- Google Search Central - Yêu cầu về biểu tượng Favicon trong kết quả tìm kiếm.
- RealFaviconGenerator — tạo và kiểm tra một bộ biểu tượng.
