Saat pengguna Safari iOS menambahkan Progressive Web App (PWA) ke
layar utama, ikon yang muncul disebut ikon sentuh Apple.
Anda dapat menentukan ikon yang harus digunakan aplikasi dengan menyertakan
tag <link rel="apple-touch-icon" href="/example.png"> di <head> halaman
Anda. Jika halaman Anda tidak memiliki tag link ini, iOS akan membuat ikon dengan mengambil screenshot
konten halaman. Dengan kata lain, menginstruksikan iOS untuk mendownload ikon akan menghasilkan pengalaman pengguna
yang lebih baik.
Cara audit ikon sentuh Apple Lighthouse gagal
Lighthouse
menandai halaman tanpa tag <link rel="apple-touch-icon" href="/example.png">
di <head>:
Lighthouse tidak memeriksa apakah ikon benar-benar ada atau apakah ikon
memiliki ukuran yang benar.
Cara menambahkan ikon sentuh Apple
Tambahkan <link rel="apple-touch-icon" href="/example.png"> ke <head> halaman Anda:
[[["Mudah dipahami","easyToUnderstand","thumb-up"],["Memecahkan masalah saya","solvedMyProblem","thumb-up"],["Lainnya","otherUp","thumb-up"]],[["Informasi yang saya butuhkan tidak ada","missingTheInformationINeed","thumb-down"],["Terlalu rumit/langkahnya terlalu banyak","tooComplicatedTooManySteps","thumb-down"],["Sudah usang","outOfDate","thumb-down"],["Masalah terjemahan","translationIssue","thumb-down"],["Masalah kode / contoh","samplesCodeIssue","thumb-down"],["Lainnya","otherDown","thumb-down"]],["Terakhir diperbarui pada 2024-04-16 UTC."],[],[]]