السرعة والأمان

اختبار توافق الموقع مع الجوال: كيف تفحص موقعك على الهاتف وتصلح ما يتعطل

مقالات السرعة والأمان

لتعرف اليوم هل موقعك مناسب للجوال، افتحه على هاتف حقيقي، ثم شغّل Lighthouse في متصفح Chrome أو PageSpeed Insights، واستخدم وضع الأجهزة في أدوات مطوري Chrome لتجربة مقاسات شاشات مختلفة. لقد أوقفت Google أداة Mobile-Friendly Test وتقرير سهولة الاستخدام على الجوال في Search Console في ديسمبر 2023، فلم يعودا متاحين. لكن الأهم باقٍ: Google تفهرس النسخة المخصصة للجوال من موقعك، ومعظم عملائك المحليين يبحثون من هواتفهم. يشرح هذا الدليل طريقة الفحص، وأكثر المشكلات شيوعًا، وكيف تعالج كل واحدة منها.

أبرز النقاط

  • أوقفت Google أداة اختبار التوافق مع الجوال وتقرير سهولة الاستخدام في ديسمبر 2023، وتنصح باستخدام Lighthouse بدلًا منهما.
  • تعتمد Google على نسخة الجوال في الفهرسة والترتيب، فما يغيب عن الهاتف قد يغيب عن نتائج البحث.
  • أسرع اختبار حقيقي هو هاتفك: ابحث عن رقمك، واضغط للاتصال، وأرسل نموذج التواصل.
  • أغلب المشكلات سببها غياب وسم viewport، أو صغر الخط، أو تزاحم الأزرار، أو التمرير الأفقي، أو النوافذ المنبثقة، أو الصور الثقيلة.
  • زر اتصال واضح ونموذج قصير يجلبان عملاء أكثر من مجرد درجة مثالية في أدوات القياس.
  • ابدأ بإصلاح ما يمنع العميل من التواصل، ثم انتقل إلى السرعة والتحسينات الشكلية.

هل ما زالت أداة Google لاختبار التوافق مع الجوال متاحة؟

لا. أعلنت Google في 2023 أنها ستوقف أداة Mobile-Friendly Test وواجهتها البرمجية وتقرير Mobile Usability في Search Console، ثم أكدت في أوائل ديسمبر 2023 أنها أُزيلت فعلًا. وصفحة الاختبار القديمة تحوّل الزائر الآن إلى Lighthouse المدمج في Chrome.

وقالت Google وقتها إن سهولة الاستخدام على الجوال ما زالت جزءًا من تجربة الصفحة الجيدة، لكنها لم تعد تمنح شارة نجاح أو رسوب. لذلك عليك أن تفحص موقعك بطريقة مختلفة قليلًا، وأن تحذر من أي موقع خارجي يزعم أنه يعطيك نتيجة رسمية من Google.

لماذا يبقى التوافق مع الجوال مهمًا في 2026؟

أكملت Google الانتقال إلى الفهرسة التي تعتمد على الجوال أولًا في 2024. ببساطة، يزور Googlebot موقعك كأنه هاتف ذكي، ويستخدم تلك النسخة لفهرسة صفحاتك وترتيبها. وأوضحت Google أن المواقع التي لا تعمل على الجوال إطلاقًا قد تتوقف فهرستها اعتبارًا من 5 يوليو 2024. فإذا كانت نسخة الهاتف تُخفي خدماتك أو أسعارك أو مناطق عملك، فقد لا تراها Google أيضًا.

والسبب الأكبر هو العميل نفسه. من لديه تسريب ماء أو يريد موعدًا عاجلًا يبحث من هاتفه وهو مستعجل. وإذا لم يستطع قراءة الصفحة أو الوصول إلى رقمك أو الحجز بسرعة، يعود إلى النتائج ويتصل بالمنافس التالي.

  • المحتوى: النص والعناوين والصور نفسها على الجوال وعلى الحاسوب.
  • التواصل: رقم الهاتف والحجز والعنوان في متناول الإبهام.
  • السرعة: يظهر المحتوى الرئيسي بسرعة على اتصال جوال عادي.
  • الثبات: لا شيء يقفز من مكانه أثناء تحميل الصفحة.

كيف أختبر توافق موقعي مع الجوال الآن؟

اعتمد على ثلاث طبقات من الفحص، فكل طبقة تكشف مشكلات مختلفة، ومجموعها لا يأخذ أكثر من ساعة لموقع نشاط تجاري صغير.

  • هواتف حقيقية: افتح موقعك على هاتفك، وإن أمكن على هاتف Android قديم أو اقتصادي وعلى iPhone، واستخدم بيانات الجوال لا شبكة Wi-Fi في المكتب.
  • Lighthouse أو PageSpeed Insights: شغّل تقرير الجوال لترى مشكلات الأداء وسهولة الوصول وأفضل الممارسات، إضافة إلى بيانات المستخدمين الحقيقيين إن توفرت.
  • وضع الأجهزة في أدوات مطوري Chrome: على الحاسوب اضغط F12 ثم أيقونة الهاتف والجهاز اللوحي، وبدّل بين عروض الشاشة لتكتشف التصميم الذي ينكسر عند مقاسات معينة.
  • أداة فحص صحة الموقع المجانية: فحص سريع للسرعة والأمان وأساسيات SEO يعطيك قائمة أولية.
  • فحص التباين: استخدم أداة فحص تباين الألوان للنصوص الرمادية الفاتحة أو الأزرار التي يصعب قراءتها في ضوء الشمس.

ماذا أفحص على الهاتف الحقيقي؟

الأدوات الآلية لا تخبرك هل يستطيع العميل فعلًا التعامل معك. خصص عشر دقائق وتصرّف كعميل جديد، وسجّل كل لحظة تعثر.

  • هل تقرأ النص الرئيسي دون تكبير؟
  • هل تتسع الصفحة للشاشة أم يمكنك تحريكها يمينًا ويسارًا؟
  • هل تضغط القائمة والأزرار والروابط دون أن تصيب الزر الخطأ؟
  • هل رقم الهاتف ظاهر خلال تمريرة واحدة، وهل يفتح شاشة الاتصال عند الضغط عليه؟
  • هل تغطي نافذة منبثقة المحتوى، وهل إغلاقها سهل؟
  • هل تملأ نموذج التواصل أو الحجز وترسله بلوحة مفاتيح الهاتف بسهولة؟
  • هل تظهر الصور بسرعة أم تبقى مربعات فارغة؟

ما أكثر مشكلات الجوال شيوعًا وكيف أصلحها؟

هذه أكثر المشكلات التي نصادفها في مواقع الأنشطة الصغيرة، خاصة مع القوالب القديمة والمواقع المبنية بأدوات السحب والإفلات. أغلب الحلول بسيطة إذا كان الموقع مبنيًا جيدًا، وأصعب إذا كان القالب يقاوم أي تعديل.

المشكلةما يراه العميلالحل
غياب وسم viewportصفحة حاسوب مصغّرة على شاشة الهاتفأضف وسم meta viewport بقيمة width=device-width, initial-scale=1 في رأس الصفحة
خط صغير جدًايضطر إلى التكبير بإصبعين ليقرأاستخدم خطًا بحجم 16px تقريبًا للنص الأساسي مع تباعد أسطر مريح
أزرار متلاصقةيضغط رابطًا أو زرًا غير الذي يريدهكبّر الأزرار وباعد بينها؛ يحدد معيار WCAG 2.2 حدًا أدنى 24 × 24 بكسل، والأكبر أفضل
تمرير أفقيالصفحة تنزلق جانبيًاحدد العنصر العريض (جدول أو صورة أو تضمين) واجعل عرضه الأقصى 100% أو اجعله يتمرر داخل إطاره
نوافذ منبثقة مزعجةنافذة تغطي الصفحة فور الدخولألغِ النوافذ الفورية على الجوال واستخدم شريطًا صغيرًا بدلًا منها
صور ثقيلةمساحات فارغة وتحميل بطيءصغّر الصور واضغطها، واستخدم WebP أو AVIF، وأجّل تحميل الصور أسفل الشاشة الأولى
محتوى مخفيخدمات لا تظهر على الهاتفاعرض المحتوى الأساسي نفسه على الجوال، ويمكنك طيّه لكن لا تحذفه

لماذا موقعي بطيء على الجوال؟

الهواتف أقل قدرة في المعالجة من الحواسيب، واتصالها غالبًا أبطأ، لذلك قد يبدو الموقع سريعًا على Wi-Fi المكتب ثم يتثاقل على الهاتف. أشهر الأسباب: صور ضخمة، وإضافات وسكربتات كثيرة، ونوافذ الدردشة، وشرائح العرض المتحركة، والخطوط التي تؤخر ظهور الصفحة الأولى.

يشرح دليلنا عن تسريع موقعك الإلكتروني الحلول مرتبة حسب أثرها. وإذا أردت فهم المقاييس التي تستخدمها Google للسرعة والثبات، فاقرأ دليل مؤشرات أداء الويب الأساسية للأنشطة الصغيرة.

كيف يجب أن يعمل زر الاتصال والنماذج على الجوال؟

لمعظم الأنشطة الخدمية المحلية، المكالمة الهاتفية هي الهدف الأول على الجوال. ضع رابط اتصال مباشر (tel:) في رأس الصفحة أو في شريط ثابت أسفل الشاشة، واعرض الرقم مكتوبًا أيضًا، وتأكد أنه يفتح شاشة الاتصال على iPhone وAndroid.

والنماذج تحتاج عناية خاصة على الهاتف، فكل حقل إضافي يعني كتابة أكثر بالإبهام. يتناول دليل نماذج التواصل التي تجلب العملاء هذا الموضوع بالتفصيل، لكن الأساسيات على الجوال بسيطة.

  • اكتفِ بالاسم ورقم الهاتف أو البريد ورسالة قصيرة.
  • استخدم نوع الحقل المناسب لتظهر لوحة الأرقام في حقل الهاتف ولوحة البريد في حقل البريد.
  • اجعل عناوين الحقول ظاهرة فوقها بدل نص توضيحي يختفي عند الكتابة.
  • اجعل زر الإرسال بعرض الشاشة وبعبارة واضحة مثل: اطلب عرض سعر.
  • اعرض رسالة تأكيد واضحة بعد الإرسال، وتحقق أن الرسالة تصل فعلًا إلى بريدك.

هل مواقع WordPress وأدوات البناء أكثر عرضة لمشكلات الجوال؟

ليس دائمًا، لكنها غالبًا تحتوي على أجزاء متحركة أكثر. كثير من مواقع WordPress تجمع قالبًا وأداة بناء صفحات وعدة إضافات، وكل منها يضيف سكربتات وتنسيقات. وقد تكون إعدادات الجوال مخفية في تبويب منفصل، فيبدو الموقع سليمًا على الحاسوب بينما نسخة الهاتف معطوبة. أما منصات البناء المستضافة فهي متجاوبة عادة، لكن الأقسام الثقيلة وخلفيات الفيديو والإضافات قد تبطئها.

مهما كانت المنصة، الاختبار واحد: افحص على هواتف حقيقية، وأصلح ما يعيق العميل، ثم اعمل على السرعة. وتغطي قائمة فحص SEO التقني ما يتصل بذلك من الزحف والفهرسة.

كيف تتعامل ITCM مع التوافق مع الجوال؟

نصمم ونختبر على الهاتف أولًا، لأن معظم العملاء المحليين يصلون منه. مواقعنا مبرمجة خصيصًا لا مركّبة من كومة إضافات، فتبقى الصفحات أخف، وتُعالج مشكلات التصميم من مصدرها. وحين نتسلم موقعًا قائمًا، كما في أعمال استعادة مواقع WordPress المخترقة، يشمل التنظيف عادة حذف الإضافات غير المستخدمة وضغط الصور وإصلاح مشكلات التخطيط.

ونعمل بأسلوب العرض أولًا. من خلال عرض الموقع والتطبيق نبني موقعك وتطبيقك القابل للتثبيت أولًا، فتجربه على هاتفك، ولا تدفع رسوم 150 دولارًا لمرة واحدة إلا إذا كنت راضيًا. وأي عمل خارج هذا العرض يحصل على سعر ثابت قبل البدء.

قائمة فحص التوافق مع الجوال

  • وسم viewport موجود في كل صفحة.
  • النص الأساسي مقروء دون تكبير.
  • الأزرار والروابط كبيرة بما يكفي ومتباعدة.
  • لا يوجد تمرير أفقي في أي صفحة.
  • لا نافذة منبثقة تغطي المحتوى عند الدخول.
  • زر الاتصال يعمل من الشاشة الأولى.
  • نماذج التواصل والحجز قصيرة ومجرّبة على الهاتف.
  • الصور مصغّرة ومضغوطة، والصفحة سريعة على بيانات الجوال.
  • المحتوى الأساسي نفسه على الجوال والحاسوب.
  • أعد الفحص بعد كل تغيير في القالب أو الإضافات أو التصميم.

الأسئلة الشائعة

ما البديل عن أداة Google لاختبار التوافق مع الجوال؟
تنصح Google باستخدام Lighthouse، وهو مدمج في Chrome ويعمل أيضًا خلف PageSpeed Insights. لا يمنحك شارة بسيطة تقول إن موقعك مناسب للجوال، لكنه يعرض مشكلات الأداء وسهولة الوصول وأفضل الممارسات في عرض الجوال. استخدمه مع وضع الأجهزة في أدوات المطورين ومع التجربة على هواتف حقيقية لتحصل على صورة كاملة.
هل ما زالت Google تأخذ التوافق مع الجوال في الترتيب؟
تفهرس Google نسخة الجوال من موقعك، فما يغيب أو يتعطل على الهاتف قد يؤثر في ظهورك في البحث. كما تستخدم Google مؤشرات أداء الويب الأساسية ضمن أنظمة الترتيب. لكن الصلة بالبحث والمحتوى المفيد يبقيان الأهم. الموقع المتوافق مع الجوال يحميك أساسًا من فقدان الظهور، والأهم من فقدان العملاء الذين يزورونك.
كيف أفحص موقعي على هواتف مختلفة دون امتلاكها؟
استخدم وضع الأجهزة في أدوات مطوري Chrome على الحاسوب لمعاينة مقاسات الشاشات الشائعة، وجرّب الوضعين الطولي والعرضي. هذه محاكاة جيدة، لكنها لا تنقل تمامًا سلوك اللمس الحقيقي أو بطء المعالج أو شبكات الجوال، لذا جرّب على هاتف Android وiPhone حقيقيين ولو باستعارتهما.
ما وسم viewport وهل أحتاجه؟
وسم meta viewport يخبر متصفح الهاتف بأن يعتمد عرض الشاشة الفعلي بدل التظاهر بأنه شاشة حاسوب. من دونه تظهر الصفحة مصغّرة وغير مقروءة. تتضمنه معظم القوالب الحديثة، لكن بعض المواقع القديمة والقوالب الرخيصة تفتقده، لذلك يستحق أن تتحقق منه في مصدر الصفحة.
هل النوافذ المنبثقة تضر SEO على الجوال؟
حذّرت Google منذ سنوات من النوافذ التي تغطي المحتوى الرئيسي على الجوال لأنها تصعّب الوصول إليه. أما الإشعارات المطلوبة قانونيًا مثل موافقة ملفات تعريف الارتباط فلا بأس بها إذا كان حجمها معقولًا. والنوافذ الكبيرة للنشرات أو الخصومات عند الدخول تزعج الزائر وتضر بالتجربة والتحويل، فاستبدلها بشريط صغير.
ما الحجم المناسب للأزرار على الجوال؟
يحدد معيار WCAG 2.2 حدًا أدنى لحجم الهدف القابل للضغط قدره 24 × 24 بكسل مع بعض الاستثناءات، وكثير من إرشادات التصميم تنصح بنحو 44 إلى 48 بكسل لضغط مريح. وفي مواقع الأنشطة الصغيرة يجب أن يكون زرا الاتصال والحجز كبيرين، وبعرض الشاشة على الهاتف، وبعيدين عن الروابط الأخرى.
هل أستطيع إصلاح مشكلات الجوال بنفسي؟
بعض الإصلاحات سهلة، مثل ضغط الصور أو إلغاء نافذة منبثقة أو تقصير نموذج. وبعضها مثل غياب وسم viewport أو التمرير الأفقي أو قالب ينكسر على الشاشات الصغيرة قد يحتاج مطورًا. وإذا كان القالب يقاوم كل تعديل، فقد تكون إعادة البناء أقل كلفة على المدى الطويل من الترقيع المتكرر.

مقالات وخدمات ذات صلة

المزيد في السرعة والأمان

كل مقالات السرعة والأمان ←

أداة مجانية

فحص صحة الموقع المجاني

السرعة، والتوافق مع الجوال، وشهادة SSL، وأساسيات SEO، والروابط المعطلة في صفحتك الرئيسية — في تقرير واحد.

جرّب الأداة مجانًا

موقع إلكتروني وتطبيق جوال لنشاطك — نبنيهما مجانًا

نبني موقعك الإلكتروني وتطبيقك أولًا، وتراهما جاهزين بالكامل. إن أعجبك العمل تدفع 150 دولارًا مرة واحدة فقط، وإن لم يعجبك فلا تدفع شيئًا.

اطّلع على العرض تدقيق مجاني لموقعك

→ جميع المقالات