لم يتم تحديد حجم أهداف النقر بشكل مناسب

أهداف النقر هي مناطق في صفحة الويب يمكن لمستخدمي الأجهزة التي تعمل باللمس التفاعل معها. تحتوي الأزرار والروابط وعناصر النموذج على أهداف نقر.

ترتِّب العديد من محرّكات البحث الصفحات استنادًا إلى مدى توافقها مع الأجهزة الجوّالة. إنّ الحرص على أن تكون أهداف النقر كبيرة بما يكفي ومتباعدة عن بعضها البعض يجعل صفحتك أكثر توافقًا مع الأجهزة الجوّالة ويمكن الوصول إليها.

كيفية تعذُّر تدقيق أهداف النقر في Lighthouse

يضع Lighthouse علامة على الصفحات التي تحتوي على أهداف نقر تستوفي كلا الشرطين التاليين:

  • حجم الهدف أصغر من 48 × 48 بكسل.
  • تتداخل منطقة الاستهداف الواقعة ضمن مسافة 48 بكسل على الأقل من وسط الاستهداف مع استهداف آخر بنسبة 25% على الأقل.
تدقيق أداة Lighthouse تعرض أهداف النقر ذات الحجم غير الملائم

عندما تفشل عملية التدقيق، تسرد Lighthouse النتائج في جدول مكون من ثلاثة أعمدة:

هدف النقر هدف النقر ذي الحجم غير الملائم.
الحجم حجم مستطيل حدود الهدف بالبكسل.
الاستهداف المتداخل أهداف النقر الأخرى، إن وُجدت، قريبة جدًا من بعضها

كيفية إصلاح أهداف النقر

الخيار 1: يمكنك زيادة حجم أهداف النقر الصغيرة جدًا. ولا تفشل أهداف النقر التي تبلغ 48 × 48 بكسل في عملية التدقيق مطلقًا. إذا كانت لديك عناصر يجب ألا تظهر بحجم أكبر (مثل الرموز)، حاوِل زيادة السمة padding:

أهداف النقر ذات الحجم المناسب
استخدِم padding لتكبير أهداف النقر بدون تغيير مظهر العنصر.

الخيار الثاني: زيادة التباعد بين أهداف النقر القريبة جدًا من بعضها باستخدام خصائص مثل margin. يُعَدّ 8 بكسل بين أهداف النقر نقطة انطلاق جيدة، ولكنه لا يكفي دائمًا مسافة كافية لاجتياز التدقيق، خاصةً في الأهداف الصغيرة جدًا.

المراجِع