أهداف النقر هي مناطق في صفحة الويب يمكن لمستخدمي الأجهزة التي تعمل باللمس التفاعل معها. تحتوي الأزرار والروابط وعناصر النموذج على أهداف نقر.
ترتِّب العديد من محرّكات البحث الصفحات استنادًا إلى مدى توافقها مع الأجهزة الجوّالة. إنّ الحرص على أن تكون أهداف النقر كبيرة بما يكفي ومتباعدة عن بعضها البعض يجعل صفحتك أكثر توافقًا مع الأجهزة الجوّالة ويمكن الوصول إليها.
كيفية تعذُّر تدقيق أهداف النقر في Lighthouse
يضع Lighthouse علامة على الصفحات التي تحتوي على أهداف نقر تستوفي كلا الشرطين التاليين:
- حجم الهدف أصغر من 48 × 48 بكسل.
- تتداخل منطقة الاستهداف الواقعة ضمن مسافة 48 بكسل على الأقل من وسط الاستهداف مع استهداف آخر بنسبة 25% على الأقل.
عندما تفشل عملية التدقيق، تسرد Lighthouse النتائج في جدول مكون من ثلاثة أعمدة:
| هدف النقر | هدف النقر ذي الحجم غير الملائم. |
| الحجم | حجم مستطيل حدود الهدف بالبكسل. |
| الاستهداف المتداخل | أهداف النقر الأخرى، إن وُجدت، قريبة جدًا من بعضها |
كيفية إصلاح أهداف النقر
الخيار 1: يمكنك زيادة حجم أهداف النقر الصغيرة جدًا.
ولا تفشل أهداف النقر التي تبلغ 48 × 48 بكسل في عملية التدقيق مطلقًا. إذا كانت لديك عناصر يجب ألا تظهر بحجم أكبر (مثل الرموز)، حاوِل زيادة السمة padding:
padding لتكبير أهداف النقر بدون تغيير مظهر العنصر.
الخيار الثاني: زيادة التباعد بين أهداف النقر القريبة جدًا من بعضها باستخدام خصائص مثل margin. يُعَدّ 8 بكسل بين أهداف النقر نقطة انطلاق جيدة،
ولكنه لا يكفي دائمًا مسافة كافية لاجتياز التدقيق، خاصةً في الأهداف الصغيرة جدًا.
المراجِع
- أهداف النقر التي يمكن الوصول إليها: مزيد من المعلومات حول كيفية ضمان إمكانية وصول جميع المستخدمين إلى أهداف النقر.
- رمز المصدر لتدقيق أهداف النقر غير مناسب