Khi người dùng Safari trên iOS thêm Ứng dụng web tiến bộ (PWA) vào màn hình chính, biểu tượng xuất hiện sẽ được gọi là Biểu tượng cảm ứng của Apple.
Bạn có thể chỉ định biểu tượng mà ứng dụng của mình sẽ sử dụng bằng cách thêm thẻ <link rel="apple-touch-icon" href="/example.png"> vào <head> của trang. Nếu trang của bạn không có thẻ liên kết này, iOS sẽ tạo một biểu tượng bằng cách chụp ảnh màn hình nội dung trang. Nói cách khác, việc hướng dẫn iOS tải một biểu tượng xuống sẽ mang lại trải nghiệm người dùng tinh tế hơn.
Cách kiểm tra biểu tượng cảm ứng của Apple trong Lighthouse không thành công
Lighthouse gắn cờ các trang không có thẻ <link rel="apple-touch-icon" href="/example.png"> trong <head>:
Lighthouse không kiểm tra xem biểu tượng có thực sự tồn tại hay không hoặc biểu tượng có đúng kích thước hay không.
Cách thêm biểu tượng cảm ứng của Apple
Thêm <link rel="apple-touch-icon" href="/example.png"> vào <head> của trang:
[[["Dễ hiểu","easyToUnderstand","thumb-up"],["Giúp tôi giải quyết được vấn đề","solvedMyProblem","thumb-up"],["Khác","otherUp","thumb-up"]],[["Thiếu thông tin tôi cần","missingTheInformationINeed","thumb-down"],["Quá phức tạp/quá nhiều bước","tooComplicatedTooManySteps","thumb-down"],["Đã lỗi thời","outOfDate","thumb-down"],["Vấn đề về bản dịch","translationIssue","thumb-down"],["Vấn đề về mẫu/mã","samplesCodeIssue","thumb-down"],["Khác","otherDown","thumb-down"]],["Cập nhật lần gần đây nhất: 2024-04-16 UTC."],[],[]]