كيف تتأكد أن موقعك يعمل جيدًا على الموبايل؟ قائمة فحص من 12 نقطة
معظم الزوار يفتحون موقعك من الهاتف. قائمة عملية لاختبار موقعك بنفسك: التمرير، الأزرار، النماذج، الخطوط، السرعة، وأخطاء شائعة في المواقع العربية.
بقلم إسلام رأفت6 دقائق قراءة
أغلب زوار المواقع في مصر والخليج يفتحونها من الهاتف. لو الموقع صعب على الموبايل، الزائر يخرج بدون ما يتواصل. الفحص ده بتعمله بنفسك في عشر دقائق ومش محتاج خبرة تقنية.
اختبارات تجربها بنفسك
- افتح موقعك من هاتفك (وليس من الكمبيوتر) وتنقّل في كل الصفحات الرئيسية.
- تأكد أن الصفحة لا تتحرك يمينًا ويسارًا. الموقع السليم لا يحتاج تمريرًا أفقيًا.
- اضغط على كل زر ورابط بإبهامك. هل تضغط الزر الصحيح بسهولة دون ضغط ما بجانبه؟
- املأ نموذج التواصل كاملًا. هل تظهر لوحة الأرقام عند كتابة الهاتف ولوحة الإيميل عند كتابة الإيميل؟
- أدر الهاتف أفقيًا ثم رأسيًا وتأكد أن الصفحة تتكيف.
- جرّب الموقع على شبكة ضعيفة أو أوقف الواي فاي. هل يظهر المحتوى المهم سريعًا؟
قائمة الفحص التقني (للمبرمج أو للمراجعة)
- وسم viewport موجود حتى لا تُعرض الصفحة بحجم الكمبيوتر مصغّرًا.
- حجم الخط: نص القراءة لا يقل عن 16 بكسل، حتى لا يضطر الزائر للتكبير.
- أهداف اللمس: الأزرار والروابط بحجم مريح (يُنصح بحوالي 48 بكسل) وبينها مسافة.
- الصور: تتكيف مع عرض الشاشة ولا تتجاوزه، وبحجم ملف مناسب للموبايل.
- قائمة التنقل: قائمة مختصرة (همبرغر) سهلة الفتح والإغلاق.
- لا اعتماد على الـhover: لا توجد عناصر لا تظهر إلا بتمرير الماوس.
- التباين: ألوان النص واضحة على الخلفية حتى تحت أشعة الشمس.
- الفيديو والإطارات (iframes) لا تتجاوز عرض الشاشة.
أخطاء شائعة في المواقع العربية
- اتجاه الصفحة لا يتحول لـ RTL بشكل كامل (قوائم وأزرار وأيقونات ما زالت متجهة لليسار).
- نص عربي صغير أو بخط غير مريح للقراءة.
- اختلاط الأرقام والكلمات الإنجليزية داخل الجملة العربية وظهورها بترتيب خاطئ.
- صور تحتوي نصًا عربيًا فتصغر وتصبح غير مقروءة على الموبايل.
- أزرار متقاربة في صفوف بعرض الشاشة.
أدوات تساعدك
- وضع الجهاز في Chrome DevTools: يحاكي شاشات الهواتف المختلفة من الكمبيوتر.
- Lighthouse وPageSpeed Insights: يعطيك نتيجة الموبايل وملاحظات الأداء وإمكانية الوصول.
- جهاز حقيقي أندرويد وآخر آيفون إن أمكن. لا شيء يغني عن التجربة الفعلية.
- ملاحظة: أعلنت جوجل إيقاف أداة «اختبار التوافق مع الجوّال» وتقرير Mobile Usability في Search Console، فاعتمد على Lighthouse وعلى تجربتك الفعلية.
زر واتساب والاتصال على الموبايل
للأنشطة الخدمية، زر واتساب ثابت وكبير وسهل الضغط يرفع عدد التواصل أكثر من نموذج طويل. تأكد أنه لا يغطي محتوى مهمًا وأن رسالته الافتراضية مفيدة.
تحتاج هذا لنشاطك؟
موقع شركة — موقعك هو مندوب المبيعات الذي يعمل ٢٤ ساعة. أصمم وأبرمج مواقع شركات احترافية متعددة الصفحات تبدو موثوقة وتفتح بسرعة وتظهر في جوجل.