اختبار التوافق مع الجوال
حمّل عنوان URL أو الصق كود HTML لمعاينة الصفحة على عروض الهواتف والأجهزة اللوحية الشائعة، والتحقق من أساسيات منفذ العرض والتكبير وحجم النص.
الصفحة المراد اختبارها
نقاط التوقف المراد معاينتها
فحوص الهاتف المحمول
معاينة
كيفية استخدام اختبار التوافق مع الهاتف المحمول
أدخل رابطًا وانقر اختبر الصفحة، أو انتقل إلى الصق HTML لصفحات بيئة الاختبار وأي صفحة تتطلب تسجيل الدخول. اختر نقاط التوقف التي تريدها: 360 px لهواتف Android الصغيرة، و375 px لـ iPhone SE، و390 px لهواتف iPhone الحديثة، و412 px لهواتف Pixel، و768 px لـ iPad بالوضع العمودي. تعرض الأداة الصفحة بكل عرض وتجري خمسة فحوص سريعة: وسم viewport، وdevice-width، والتكبير، والنص الصغير المضمّن، والعناصر العريضة ذات العرض الثابت.
لماذا يهمّ العرض على الهاتف المحمول
يعتمد Google الفهرسة التي تبدأ بالهاتف المحمول، أي أنه ينظر أساسًا إلى نسخة الهاتف من صفحاتك. فإذا انهار التخطيط على الهاتف، يتضرر الزوار والترتيب معًا. ووسم viewport الوصفي هو أهم إشارة منفردة، فمن دونه تعرض الهواتف الصفحة بعرض سطح المكتب وتصغّرها، فيصبح النص صغيرًا جدًا.
كيف تعمل المعاينة
كل معاينة إطار معزول يعرض كود HTML بالعرض الدقيق بالبكسل الذي اخترته، مصغّرًا ليتّسع في شاشتك. السكربتات محجوبة للأمان، لذا سيغيب المحتوى الذي لا يظهر إلا بعد تشغيل JavaScript. أما أوراق الأنماط والصور فتُحمَّل، فيكون التخطيط الذي تراه قريبًا مما يعرضه الهاتف قبل تشغيل السكربتات.
الأسئلة الشائعة
لماذا تبدو معاينتي مختلفة عن هاتفي؟
لا تعمل السكربتات في المعاينة، وبعض المواقع تحجب الطلبات القادمة من الخوادم أو ترسل كود HTML مختلفًا لأجهزة مختلفة. للتحقق الكامل، استخدم أيضًا محاكاة الأجهزة في متصفحك على الصفحة الفعلية.
ما وسم viewport الذي يجب أن أستخدمه؟
<meta name="viewport" content="width=device-width, initial-scale=1"> هو المعيار. تجنّب user-scalable=no وmaximum-scale=1، لأنهما يمنعان الناس من التكبير.
ما حجم الخط الصغير جدًا على الهاتف؟
النص الأساسي الأصغر من 14 px صعب القراءة على الهاتف، و16 px قيمة افتراضية مريحة. ويمكن أن يكون النص الثانوي مثل الملاحظات القانونية أصغر، لكن أبقِه مقروءًا.
هل ما زال Google يقدّم اختباره الخاص للتوافق مع الهاتف المحمول؟
لا. أوقف Google اختبار التوافق مع الهاتف المحمول والتقرير المرتبط به في Search Console في أواخر 2023. ويُعدّ Lighthouse في Chrome وهذه المعاينة طريقتين جيدتين لفحص الصفحات الآن.