כשמשתמשים ב-Safari ל-iOS מוסיפים אפליקציות מסוג Progressive Web App (PWAs) למסכי הבית שלהם, הסמל שמופיע נקרא סמל המגע של Apple.
כדי לציין את הסמל שבו צריך להשתמש באפליקציה, צריך לכלול תג <link rel="apple-touch-icon" href="/example.png"> ב-<head> של הדף. אם בדף לא מופיע תג הקישור הזה, מערכת iOS יוצרת סמל על ידי צילום מסך של תוכן הדף. במילים אחרות, הנחיה ל-iOS להוריד סמל מובילה לחוויית משתמש משופרת.
מתי הבדיקה של סמל המגע של Apple ב-Lighthouse נכשלת
Lighthouse מסמנים דפים ללא תג <link rel="apple-touch-icon" href="/example.png"> ב-<head>:
מערכת Lighthouse לא בודקת אם הסמל קיים בפועל או אם הוא בגודל הנכון.
איך מוסיפים סמל מגע של Apple
מוסיפים את <link rel="apple-touch-icon" href="/example.png"> ל-<head> של הדף:
[[["התוכן קל להבנה","easyToUnderstand","thumb-up"],["התוכן עזר לי לפתור בעיה","solvedMyProblem","thumb-up"],["סיבה אחרת","otherUp","thumb-up"]],[["חסרים לי מידע או פרטים","missingTheInformationINeed","thumb-down"],["התוכן מורכב מדי או עם יותר מדי שלבים","tooComplicatedTooManySteps","thumb-down"],["התוכן לא עדכני","outOfDate","thumb-down"],["בעיה בתרגום","translationIssue","thumb-down"],["בעיה בדוגמאות/בקוד","samplesCodeIssue","thumb-down"],["סיבה אחרת","otherDown","thumb-down"]],["עדכון אחרון: 2024-04-16 (שעון UTC)."],[],[]]