لا يتم تقديم رمز apple- touch صالح

عندما يضيف مستخدمو Safari على أجهزة iOS تطبيقات الويب التقدّمية (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>:

لا يتم تقديم رمز apple-touch-icon صالح

لا يتحقّق Lighthouse مما إذا كان الرمز متوفّرًا فعليًا أو ما إذا كان حجمه صحيحًا.

كيفية إضافة رمز Apple touch icon

  1. أضِف <link rel="apple-touch-icon" href="/example.png"> إلى <head> صفحتك:

    <!DOCTYPE html>
<html lang="en">
  <head>
    …
    <link rel="apple-touch-icon" href="/example.png">
    …
  </head>
  …

  2. استبدِل /example.png بالمسار الفعلي إلى الرمز.

لتقديم تجربة جيدة للمستخدم، تأكَّد مما يلي:

  • حجم الرمز 180×180 بكسل أو 192×192 بكسل
  • مسار الوصول إلى الرمز المحدد صالح
  • خلفية الرمز غير شفافة

الموارد