Lorsque les utilisateurs Safari sur iOS ajoutent des progressive web apps (PWA) à leurs écrans d'accueil, l'icône qui s'affiche est appelée icône Apple pour écran tactile.
Vous pouvez spécifier l'icône que votre application doit utiliser en incluant une balise <link rel="apple-touch-icon" href="/example.png"> dans le <head> de votre page. Si votre page ne comporte pas cette balise de lien, iOS génère une icône en prenant une capture d'écran du contenu de la page. En d'autres termes, demander à iOS de télécharger une icône améliore l'expérience utilisateur.
Échec de l'audit de l'icône tactile Apple dans Lighthouse
Lighthouse signale les pages sans balise <link rel="apple-touch-icon" href="/example.png"> dans le fichier <head>:
Lighthouse ne vérifie pas si l'icône existe réellement ni si elle est de la bonne taille.
Ajouter une icône tactile Apple
Ajoutez <link rel="apple-touch-icon" href="/example.png"> au <head> de votre page:
Sauf indication contraire, le contenu de cette page est régi par une licence Creative Commons Attribution 4.0, et les échantillons de code sont régis par une licence Apache 2.0. Pour en savoir plus, consultez les Règles du site Google Developers. Java est une marque déposée d'Oracle et/ou de ses sociétés affiliées.
Dernière mise à jour le 2024/04/16 (UTC).
[[["Facile à comprendre","easyToUnderstand","thumb-up"],["J'ai pu résoudre mon problème","solvedMyProblem","thumb-up"],["Autre","otherUp","thumb-up"]],[["Il n'y a pas l'information dont j'ai besoin","missingTheInformationINeed","thumb-down"],["Trop compliqué/Trop d'étapes","tooComplicatedTooManySteps","thumb-down"],["Obsolète","outOfDate","thumb-down"],["Problème de traduction","translationIssue","thumb-down"],["Mauvais exemple/Erreur de code","samplesCodeIssue","thumb-down"],["Autre","otherDown","thumb-down"]],["Dernière mise à jour le 2024/04/16 (UTC)."],[],[]]