كيف يُختبر الموقع على الهاتف؟
لا يكون الموقع متوافقًا مع الجوّال لأن صفحة سطح المكتب اتسعت للهاتف. ينبغي أن يستطيع الشخص إنهاء ما جاء ليفعله. تصف هذه المقالة ذلك السير. لا تسمّي درجات السرعة.
التوافق هو أن ينتهي العمل على الهاتف
السير لا ينتهي لأن الصفحة فُتحت. هل يُقرأ النص، وهل يضغط الإبهام الزر، وهل يُرسل النموذج، وهل يمكن العبور من القائمة إلى صفحة داخلية والعودة. إن تعثر أحدها، فالصفحة غير متوافقة لذلك العمل. الصورة التي لم تنكسر ملاحظة منفصلة. إنهاء العمل هو الملاحظة التي تُحسب.
تصف Google ثلاث طرق لبناء موقع للجوّال. الأولى تصميم متجاوب، بـ HTML نفسه وعلى العنوان نفسه. والثانية HTML مختلف على العنوان نفسه بحسب الجهاز. والثالثة HTML منفصل على عناوين منفصلة. وتسمّي التصميم المتجاوب الأبسط في الصيانة. السير لا يسأل أي طريق اختير. ينظر هل ينتهي العمل على الطريق الذي اختير.
لم تبقَ أداة واحدة
كتبت Google في مدونة Search Central أنها ستحيل إلى التقاعد، اعتبارًا من 1 ديسمبر 2023، تقرير قابلية الاستخدام على الجوّال في Search Console، وأداة اختبار التوافق مع الجوّال، وواجهة تلك الأداة. وتقول التدوينة نفسها إن قابلية الاستخدام على الجوّال لم تتوقف عن الأهمية. تبقى جزءًا من تجربة الصفحة. النظر إلى أداة واحدة وقول إن الصفحة نجحت لم يعد ممكنًا.
لا شارة جاهزة توضع مكانها. السير يتم في متصفح الهاتف نفسه. وضع الجهاز في المتصفح بروفة. والاثنان يُفصلان أدناه.
هاتف واحد، خمسة أعمال
لا يلزم فتح كل الصفحات. تكفي واحدة من كل نوع عمل: الصفحة الرئيسية، وخدمة واحدة، والتواصل، وصفحة داخلية تفتحها القائمة، واللغة الأخرى إن وُجدت. في كل منها يُحاول إنهاء عمل واحد. يُسجَّل موضع التعثر. ملاحظة تقف مع لقطة شاشة لا تُجادَل لاحقًا.
| الصفحة | العمل الذي يُنهى | ما يُرى عند التعثر |
|---|---|---|
| الرئيسية | قراءة ما هو العمل والضغط على الخطوة التالية | النص صغير، والزر ضيق، والصفحة تنزلق جانبًا |
| خدمة واحدة | قراءة جملة تلك الخدمة حتى آخرها | النص مقطوع أو تُرك لسطح المكتب |
| التواصل | إرسال النموذج أو الاتصال بالرقم | لوحة المفاتيح تغطي الحقل، والرقم لا يُطلب |
| القائمة | العبور إلى صفحة داخلية والعودة | القائمة لا تغلق، والرجوع يفتح صفحة غير متوقعة |
| لغة أخرى | إن وُجدت، إنهاء العمل نفسه بتلك اللغة | سطر يفيض، والمحاذاة تتجاهل اتجاه القراءة |
حيث تتعثر العين
البنود أدناه ليست كشف درجات. هي حيث يتعثر الإبهام أثناء السير. إن وُجد أحدها، لا تُغلق تلك الصفحة لذلك العمل.
التمرير الجانبي
إن انزلقت الصفحة يمينًا أو يسارًا من تلقاء نفسها، فشيء أعرض من الشاشة. كثيرًا ما يكون صورة أو جدولًا أو سطرًا فائضًا. إن اضطر الشخص إلى تحريك الصفحة أفقيًا ليقرأ، وقف السير هناك.
النص الصغير
إن لزم تكبير فقرة لتُقرأ، فالنص صغير لتلك الشاشة. جرّب التكبير بإصبعين. إن رفضت الصفحة، بقي من يحتاج نصًا أكبر خارجًا. قفل يمنع التكبير لا يُدافع عنه كأنه تفضيل.
النموذج ولوحة المفاتيح
اضغط كل حقل بالترتيب. إن غطت لوحة المفاتيح الحقل الذي تكتب فيه، فالحقل ليس في موضع ظاهر. وإن كان الخطأ بعد الإرسال مجرد تغيّر لون، فالخطأ لا يُقرأ. وإن لم يكن رقم الهاتف رابطًا، فالاتصال يعني نسخه. وبذلك يبقى عمل صفحة التواصل ناقصًا.
اتجاه القراءة
إن كان في الموقع عربية، وجب إنهاء العمل نفسه في ذلك الاتجاه أيضًا. القائمة والمحاذاة والسطر الفائض قد تستقيم في سير من اليسار إلى اليمين وتنكسر في سير من اليمين إلى اليسار. نجاح اتجاه لا يغلق الاتجاه الآخر.
هدف الإبهام ليس سنتيمترًا مخمّنًا
في WCAG 2.2 تكتب W3C معيار حجم الهدف في مستوى AA هكذا: الهدف الذي يضغطه المؤشر 24 في 24 بكسل CSS على الأقل. هدف أصغر قد ينجح أيضًا حين لا تلمس دائرة من 24 بكسلًا حوله الهدف المجاور. الرابط داخل الجملة استثناء. أيقونتان صغيرتان ملتصقتان ليستا استثناء. إن أصاب الإبهام الخطأ، فقد تعثر السير قبل أن يتحقق أحد من القياس بالمسطرة.
هذا الرقم لا يُحفظ كأنه عتبة أداة اختبار جوّال قديمة. تلك الأداة أُحيلت إلى التقاعد. الرقم هو معيار AA الذي تكتبه W3C الآن، وله استثناءات. المسطرة لا تغلق السير. الأيقونات الملتصقة تفتحه.
المتصفح بروفة، والهاتف هو السير
تصف MDN وسم viewport بأنه العلامة التي تقول للمتصفح حجم المساحة الظاهرة ومقياسها. إن بدت الصفحة على الهاتف كتخطيط سطح مكتب مصغّر، فقد يكون الوسم غائبًا أو مقفلًا على عرض ثابت. في الصفحة المتجاوبة القيمة المعتادة تجعل العرض عرض الجهاز والمقياس الابتدائي 1. البروفة تنفع لرؤية ذلك.
يصف Chrome وضع الجهاز كطريق لتجربة صفحة متجاوبة بمحاكاة أجهزة الجوّال. شريط الأدوات يغيّر العرض ويمكنه محاكاة اللمس. لا يعيد إنتاج لوحة مفاتيح الهاتف ولا خطه ولا شبكته. صفحة تستقيم في نافذة ضيقة قد تترك نصف النموذج تحت لوحة المفاتيح على هاتف في اليد. يُنظر إلى البروفة قبل السير. لا تحل محله.
ما يغيب عن الهاتف قد يغيب عن الفهرس
تكتب Google أنها تستخدم نسخة الجوّال للفهرسة والترتيب. فقرة تقف على سطح المكتب وتغيب عن نسخة الجوّال قد لا تحملها النسخة التي تُفهرس. توصي Google بأن يكون المحتوى الأساسي في صفحة الجوّال مكافئًا لسطح المكتب، وتكتب أن صفحة جوّال أرقّ عمدًا يمكن توقع أن تخسر زيارات. وضع النص في لسان قد يكون فرق تخطيط. إخراج المحتوى من الصفحة ليس تكافؤًا.
تقول الوثيقة نفسها إن Google لن تحمّل محتوى أساسيًا يتطلب من الشخص أن يسحب أو ينقر أو يكتب قبل أن يُحمَّل. النص الأساسي الواقف خلف زر أظهر المزيد قد يكون غائبًا عن الزائر وعن الزحف معًا. أسباب البطء وأسماء القياسات خارج هذا السير، في مقالة لماذا يُفتح الموقع ببطء.
الجملة التي ينبغي أن تقف في الشاشة الأولى لصفحة مؤسسية هي قائمة مستقلة. إن لم تُقرأ تلك الجملة على الهاتف، لا تُغلق القائمة. في N2 Creative نرى من الصواب، في عمل الموقع والبرمجيات، أن نسير هذه الأعمال الخمسة على هاتف قبل أن نعدّ الصفحة منتهية. هذا ترتيب السير، لا ضمان.
- تم السير في متصفح الهاتف نفسه. النافذة الضيقة لم تكن النظرة الوحيدة.
- في الصفحة الرئيسية قُرئ العمل وضُغطت الخطوة التالية.
- قُرئت صفحة خدمة واحدة حتى آخرها. لم يُترك النص لسطح المكتب.
- أُرسل النموذج أو طُلب الرقم. لم تغطِّ لوحة المفاتيح الحقل.
- فُتحت القائمة، وبُلغت صفحة داخلية، وعاد الرجوع.
- الصفحة لا تنزلق جانبًا. النص يكبر بإصبعين.
- في الأيقونات الصغيرة الملتصقة لا يصيب الإبهام الهدف الخطأ.
- إن وُجدت العربية، انتهى العمل نفسه في ذلك الاتجاه أيضًا.
- لم يبقَ نص أساسي على سطح المكتب وغائب عن الهاتف.
المصادر
- Mobile-first indexing best practices (Google Search Central)
تاريخ الاطلاع 20 أكتوبر 2026
- The role of page experience in creating helpful content (Google Search Central Blog)
تاريخ الاطلاع 20 أكتوبر 2026
- Understanding Success Criterion 2.5.8: Target Size (Minimum) (W3C WAI)
تاريخ الاطلاع 20 أكتوبر 2026
- Viewport meta tag (MDN)
تاريخ الاطلاع 20 أكتوبر 2026
- Simulate mobile devices with device mode (Chrome for Developers)
تاريخ الاطلاع 20 أكتوبر 2026