اهداف ضربه ای اندازه مناسبی ندارند

هدف های ضربه ای قسمت هایی از یک صفحه وب هستند که کاربران در دستگاه های لمسی می توانند با آنها تعامل داشته باشند. دکمه ها، پیوندها و عناصر فرم همگی دارای اهداف ضربه ای هستند.

بسیاری از موتورهای جستجو صفحات را بر اساس میزان سازگاری آنها با موبایل رتبه بندی می کنند. اطمینان از اینکه اهداف ضربه ای به اندازه کافی بزرگ هستند و به اندازه کافی از یکدیگر فاصله دارند، صفحه شما را برای موبایل راحت تر و در دسترس تر می کند.

چگونه شپ لایت هاوس ممیزی را هدف قرار می دهد شکست می خورد

فانوس دریایی صفحاتی را با اهداف ضربه ای پرچم گذاری می کند که هر دو شرایط زیر را برآورده می کنند:

  • هدف کوچکتر از 48 پیکسل در 48 پیکسل است.
  • حداقل 25 درصد از ناحیه هدف در 48 پیکسل از مرکز هدف با هدف دیگری همپوشانی دارد.
ممیزی فانوس دریایی که اهداف شیری با اندازه نامناسب را نشان می دهد

هنگامی که ممیزی با شکست مواجه می شود، Lighthouse نتایج را در یک جدول با سه ستون فهرست می کند:

روی Target ضربه بزنید هدف ضربه ای که اندازه نامناسبی دارد.
اندازه اندازه مستطیل مرزی هدف بر حسب پیکسل.
هدف همپوشانی کدام اهداف ضربه‌ای دیگر، در صورت وجود، بسیار نزدیک هستند.

چگونه اهداف ضربه ای خود را تعمیر کنیم

گزینه 1: اندازه اهداف ضربه ای که خیلی کوچک هستند را افزایش دهید. اهداف ضربه بزنید که 48 پیکسل در 48 پیکسل هستند هرگز در ممیزی شکست نمی خورند. اگر عناصری دارید که نباید بزرگتر ظاهر شوند (مثلاً نمادها)، ویژگی padding را افزایش دهید:

اهداف ضربه ای با اندازه مناسب
از padding برای بزرگ‌تر کردن اهداف ضربه‌ای بدون تغییر ظاهر یک عنصر استفاده کنید.

گزینه 2: فاصله بین اهداف ضربه ای که خیلی نزدیک به هم هستند را با استفاده از ویژگی هایی مانند margin افزایش دهید. 8 پیکسل بین اهداف ضربه ای نقطه شروع خوبی است، اما همیشه فاصله کافی برای عبور از ممیزی به خصوص برای اهداف بسیار کوچک نیست.

منابع