اختبار التوافق مع الأجهزة المحمولة v2.0
تحقق مما إذا كانت أي صفحة ويب تعمل بشكل جيد على الهواتف - viewport، حجم النص، أهداف النقر، التخطيط المتجاوب والمزيد - مع لقطة شاشة حقيقية للهاتف المحمول. لا حاجة لتسجيل الدخول، فقط ألصق عنوان URL.
ما الذي تحققنا منه
عن اختبار التوافق مع الأجهزة المحمولة
اختبار التوافق مع الأجهزة المحمولة هو أداة مجانية تفحص أي صفحة ويب حية وتخبرك بحكم واضح: متوافقة مع الجوال أم لا، مع درجة من 0 إلى 100 وقائمة مفصلة بما نجح وما أخفق. بعد أن أوقفت جوجل أداتها الشهيرة Mobile-Friendly Test في ديسمبر 2023، بقي أصحاب المواقع العرب بلا إجابة مباشرة بنعم أو لا، وامتلأت نتائج البحث العربية بشروحات تحيل إلى رابط معطّل. تعيد أداة ToolsPivot هذه الإجابة البسيطة، وتضيف إليها لقطة شاشة حقيقية من هاتف ومقاييس Core Web Vitals، بلا تسجيل دخول وبلا تثبيت أي برنامج.
نظرة عامة على اختبار التوافق مع الأجهزة المحمولة من ToolsPivot
الوظيفة الأساسية
تجلب الأداة الصفحة التي تُدخلها بهوية متصفح Chrome على هاتف أندرويد، ثم تحلل الكود المصدري نفسه بحثًا عن الإشارات التي يهتم بها متصفح الجوال فعليًا. تفحص وسم viewport، وإضافات Flash القديمة، وإشارات التصميم المتجاوب مثل قواعد @media وخاصية srcset، ثم تُثري النتيجة ببيانات من واجهة Google PageSpeed Insights لقياس أهداف النقر والتقاط لقطة الشاشة. المخرجات نص واضح: حكم نهائي، درجة رقمية، وسبب محدد لكل نقطة إخفاق مع الإصلاح المقترح لها.
المستخدمون الرئيسيون وحالات الاستخدام
يعتمد على هذه الأداة مطورو الويب ومتخصصو تحسين محركات البحث وأصحاب المتاجر الإلكترونية ومسؤولو المواقع الحكومية في السعودية والإمارات ومصر والكويت. تشمل السيناريوهات الشائعة فحص صفحة منتج على منصة سلة قبل حملة إعلانية، أو التأكد من أن نموذج خدمة حكومية يُعرض بشكل صحيح على الهاتف، أو مراجعة مقالة إخبارية عربية طويلة قبل نشرها. كما يستخدمها من يريد تشخيصًا سريعًا قبل الغوص في تقرير فحص السيو الشامل.
المشكلة والحل
المشكلة أن معظم البدائل المجانية المتاحة اليوم تضع موقعك داخل إطار هاتف مرسوم وتتركك تحكم بعينك، وهذا لا يخبرك بشيء عن وسم viewport أو حجم أزرارك الفعلي. تتعامل أداة ToolsPivot مع الأمر بطريقة مختلفة: تقرأ الكود، تطبّق فحوصًا محددة قابلة للتحقق، ثم تعطيك سببًا مكتوبًا لكل إخفاق. الفرق العملي أنك تنتقل من «يبدو الموقع سيئًا على الجوال» إلى «وسم viewport مفقود، وهذه هي الأزرار المتقاربة»، وهو ما يمكن تسليمه لمطور مباشرة.
الفوائد الرئيسية لاختبار التوافق مع الأجهزة المحمولة
حكم مباشر بنعم أو لا: تحصل على إجابة قاطعة بدل تقرير تدقيق تقني طويل عليك تفسيره بنفسك، وهي الإجابة التي فقدها الجميع مع إيقاف أداة جوجل.
درجة رقمية قابلة للتتبع: الدرجة من 0 إلى 100 تتيح لك قياس التحسّن بين فحص وآخر بدل الاعتماد على الانطباع البصري.
سبب محدد لكل إخفاق: كل نقطة فاشلة تأتي مصحوبة بالإصلاح المقترح لها، فلا تبقى مضطرًا للبحث عن معنى النتيجة.
لقطة شاشة حقيقية: ترى الصفحة كما يعرضها متصفح Chrome على هاتف فعلي، لا كما يتخيلها إطار رسومي على شاشة حاسوبك.
مقاييس Core Web Vitals مضمّنة: تحصل على LCP وINP وCLS وFCP إلى جانب حكم التوافق، ما يوفر عليك فتح مدقق PageSpeed Insights في تبويب منفصل.
بلا تسجيل وبلا تكلفة: لا حساب ولا اشتراك ولا حد يومي، ما يناسب المستقلين والوكالات الصغيرة في المنطقة العربية.
خصوصية واضحة: لا تجلب الأداة سوى الصفحة العامة التي تُدخلها، ولا تُخزَّن نتائجك سوى في ذاكرة تخزين مؤقت قصيرة تُنظَّف تلقائيًا.
الميزات الأساسية لاختبار التوافق مع الأجهزة المحمولة
جلب بهوية هاتف حقيقي: يطلب الخادم صفحتك بهوية Chrome على جهاز Pixel، متتبعًا عمليات إعادة التوجيه، ليرى ما يراه زائر الجوال تمامًا.
فحص وسم viewport: تتحقق الأداة من وجود وسم
meta viewportوصحة ضبطه، وغيابه يعني رسوبًا مباشرًا لأن الصفحة ستظهر مصغّرة كنسخة سطح مكتب.كشف إضافات Flash والمكوّنات القديمة: تبحث الأداة عن وسوم
ووملفات.swfالتي لا تعمل على أي هاتف حديث، ووجودها إخفاق حرج.تحليل إشارات التصميم المتجاوب: تقرأ الأداة قواعد
@mediaداخل الصفحة وفي أوراق الأنماط المرتبطة من النطاق نفسه، إضافة إلىsrcsetووسمpicture.تقدير حجم النص: يرصد فحص استدلالي قواعد الخطوط الأقل من 12 بكسل التي تجبر القارئ على التكبير، وهي مشكلة متكررة في النصوص العربية الثانوية.
تقدير عرض المحتوى: ترصد الأداة العروض الثابتة بالبكسل التي تتجاوز 480 بكسل تقريبًا وتسبب التمرير الأفقي المزعج على الشاشات الضيقة.
قياس أهداف النقر بدقة: يأتي هذا الفحص من تدقيق Lighthouse عبر PageSpeed Insights، حيث يقيس متصفح Chrome حقيقي أحجام الأزرار والمسافات بينها.
لقطة شاشة داخل إطار جهاز: تعرض الأداة الصفحة كما التقطها Chrome على الجوال، وهو ما يكمّل مولّد لقطات شاشة المواقع حين تحتاج صورًا لأحجام شاشات أخرى.
تدهور تدريجي عند تعذّر الإثراء: إذا تأخرت واجهة PageSpeed Insights أو تعطلت، يظل الحكم قائمًا اعتمادًا على فحوصنا الذاتية، وتغيب فقط أهداف النقر واللقطة والمقاييس.
حماية من الطلبات الخبيثة وحد للحجم: يمنع حارس SSRF فحص المضيفات الداخلية والخاصة، ويقف حد الحجم عند 3 ميجابايت لضمان استقرار الفحص. ويعمل الفحص على صفحات HTTPS بلا عوائق، ويمكنك التحقق من صلاحية الشهادة عبر فاحص SSL.
كيف يعمل اختبار التوافق مع الأجهزة المحمولة من ToolsPivot
ألصق عنوان URL كاملًا مع البروتوكول
https://، ثم اضغط زر الاختبار. لا حاجة لحساب أو مفتاح واجهة برمجية.يجلب الخادم الصفحة بهوية متصفح جوال، متتبعًا إعادة التوجيه، ويرفض المضيفات الداخلية ويتوقف عند حد 3 ميجابايت.
يُحلَّل الكود المصدري لاستخراج الفحوص الموثوقة مباشرة: viewport، والإضافات، وقواعد
@media، والصور المتجاوبة، وحجم الخط، والعرض الثابت.تُثرى النتيجة عبر PageSpeed Insights بإضافة تدقيق أهداف النقر ولقطة الشاشة ومقاييس Core Web Vitals ودرجة الأداء.
يُحسب الحكم والدرجة. غياب viewport أو وجود Flash يُسقط الصفحة فورًا، أما بقية المشكلات فتخصم نقاطًا من أصل 100 وتظهر مع إصلاحاتها. يُخزَّن التقرير مؤقتًا لمدة ساعة ليكون الفحص المكرر فوريًا.
متى تستخدم اختبار التوافق مع الأجهزة المحمولة
استخدم الأداة كلما تغيّر شيء في القالب أو الكود أو المحتوى، لأن التوافق مع الجوال ليس حالة دائمة بل نتيجة تتأثر بكل تحديث. الفحص الدوري يكشف الانحدار الصامت قبل أن يكتشفه محرك البحث.
قبل إطلاق موقع أو متجر جديد: تأكد من أن viewport موجود وأن التخطيط يستجيب قبل توجيه أول زائر إلى الصفحة.
بعد تحديث القالب أو الإضافات: أي تعديل على أوراق الأنماط قد يكسر قاعدة
@mediaكانت تعمل بالأمس.قبل إطلاق حملة إعلانية مدفوعة: صفحة هبوط غير متوافقة تحرق ميزانيتك الإعلانية على زوار يغادرون خلال ثوانٍ.
عند تراجع الترتيب دون سبب واضح: ابدأ بفحص التوافق قبل أن تفترض أن المشكلة في المحتوى أو الروابط الخلفية.
بعد إضافة جداول أو صور كبيرة: الجداول العريضة والصور غير المضغوطة أشهر مسببات التمرير الأفقي، وهنا يفيد ضاغط الصور.
عند تسليم عمل إلى عميل: التقرير المفصّل يعطي العميل دليلًا ملموسًا بدل وعد شفهي بالتجاوب.
عند مراجعة موقع منافس: الأداة تفحص أي صفحة عامة، فيمكنك قياس جودة تجربة الجوال لدى منافسيك.
تبقى حالة واحدة لا تناسبها الأداة: الصفحات المحمية خلف تسجيل دخول أو الموجودة على خادم محلي، فهي غير قابلة للجلب من الخارج أصلًا.
حالات الاستخدام والتطبيقات
متجر سعودي على منصة سلة
السياق: صاحب متجر في الرياض يبيع عبر سلة ويستقبل مدفوعات مدى وSTC Pay، ويلاحظ أن سلة الشراء تُهجر من زوار الجوال. العملية:
- فحص صفحة المنتج الأكثر زيارة والحصول على الدرجة
- اكتشاف إخفاق أهداف النقر: زر «أضف إلى السلة» ملاصق لزر المفضلة
- توسيع المساحة القابلة للنقر ثم إعادة الفحص للتأكد
النتيجة: اختفاء النقرات الخاطئة على الجوال وارتفاع نسبة إتمام الطلب.
وكالة تسويق رقمي في دبي
السياق: وكالة إماراتية تدير صفحات هبوط لعملاء متعددين وتحتاج دليلًا موثقًا قبل تشغيل الإعلانات. العملية:
- فحص كل صفحة هبوط والحصول على حكم ودرجة ولقطة شاشة
- معالجة أوراق الأنماط الضخمة عبر مصغّر CSS
- إرفاق اللقطة والدرجة في تقرير ما قبل الإطلاق
النتيجة: توقّف الجدل مع العملاء حول جاهزية الصفحات لأن الدليل مرئي ورقمي.
موقع إخباري مصري
السياق: ناشر في القاهرة يعتمد على زيارات الجوال ويقبل مدفوعات فوري للاشتراكات، ويشكو القراء من صغر النص. العملية:
- فحص صفحة مقال طويل ورصد قواعد خط أقل من 12 بكسل
- ضبط حجم النص العربي الأساسي ومراجعة السكربتات عبر مصغّر JavaScript
- إعادة الفحص لتأكيد ارتفاع الدرجة
النتيجة: قراءة مريحة بلا تكبير، وتحسّن مقاييس Core Web Vitals للمقالات الطويلة.
متجر كويتي يقبل الدفع عبر KNET
السياق: تاجر في الكويت أطلق نسخة جديدة من المتجر ويريد التأكد من صفحة الدفع قبل موسم رمضان. العملية:
- فحص صفحة إتمام الطلب واكتشاف عرض ثابت يتجاوز عرض الشاشة
- استبدال العرض الثابت بوحدات نسبية ومراجعة زمن الاستجابة عبر مدقق سرعة الصفحة
- إعادة الفحص للحصول على حكم متوافق
النتيجة: اختفاء التمرير الأفقي في خطوة الدفع وانخفاض حالات التخلي عن الطلب.
ماذا يفحص الاختبار بالضبط
تنقسم الفحوص إلى مجموعتين حسب مصدر البيانات، وهذا التمييز مهم لفهم درجة الثقة في كل نتيجة.
| الفحص | ماذا يعني | كيف يتم |
|---|---|---|
| viewport | الصفحة تتكيف مع عرض الشاشة بدل تصغير نسخة سطح المكتب | قراءة وسم meta viewport |
| التخطيط المتجاوب | التخطيط يعيد ترتيب نفسه على الشاشات الصغيرة | رصد قواعد @media والصور المتجاوبة |
| الإضافات | لا توجد مكوّنات Flash لا تعمل على الهواتف | البحث عن object وembed وswf |
| حجم النص | النص الأساسي مقروء دون تكبير | فحص استدلالي لقواعد الخطوط |
| عرض المحتوى | لا شيء يتجاوز عرض الشاشة | فحص استدلالي للعروض الثابتة |
| أهداف النقر | الأزرار والروابط كبيرة ومتباعدة كفاية | تدقيق PageSpeed Insights |
الفحوص الأربعة الأولى حتمية ومستخرجة من الكود مباشرة، أما أهداف النقر فتأتي من متصفح Chrome حقيقي عبر Lighthouse، وهو ما يجعلها الأدق في هذه القائمة.
ماذا لا تفعل هذه الأداة
الوضوح بشأن الحدود جزء من مصداقية أي أداة تشخيص، ونفضّل ذكرها بدل تركك تكتشفها بنفسك.
- فحوص الخط والعرض استدلالية: تُقرأ من قواعد CSS في المصدر ولا تقيس النتيجة بعد العرض الفعلي، فقد تفوتها حالات نادرة تنشأ من التوريث المعقّد.
- تُقرأ أوراق الأنماط من النطاق نفسه فقط: إشارات التجاوب الموجودة حصريًا في ملف CSS مستضاف على نطاق خارجي قد لا تُرصد.
- الصفحات المبنية بالكامل عبر JavaScript: يعتمد التحليل على HTML الذي يعيده الخادم، فإن كان التخطيط يُبنى في المتصفح فقد لا تظهر إشاراته في المصدر.
- لا تدقيق مخصص لاتجاه RTL: تنطبق الفحوص على الصفحات العربية كما تنطبق على غيرها، لكن الأداة لا تفحص انعكاس التخطيط أو تشكيل الحروف.
- فحص عنوان واحد في كل مرة: لا يوجد فحص مجمّع لعدة روابط دفعة واحدة، ولا تصدير ملف تقرير للتحميل.
- مقاييس Core Web Vitals مخبرية: تأتي من Lighthouse وقد تختلف عن بيانات المستخدمين الحقيقيين في تقارير جوجل الميدانية.
لماذا اختفت أداة جوجل وماذا يعني ذلك لك
أوقفت جوجل أداة Mobile-Friendly Test المستقلة في ديسمبر 2023، ولم تعوّضها بأداة تعطي حكمًا مباشرًا. توزّعت الوظيفة بين Lighthouse وPageSpeed Insights، وكلاهما يقدم تقريرًا تقنيًا واسعًا يصعب على غير المختص انتزاع إجابة بسيطة منه. الأثر العملي في المنطقة العربية أن مئات الشروحات ما زالت تحيل قراءها إلى رابط لم يعد يعمل.
النقاط الرئيسية:
- فهرسة الجوال أولًا مستمرة: نسخة الجوال من صفحتك هي التي يعتمدها التصنيف، حتى للباحثين من الحاسوب.
- تطابق البيانات المنظمة: يجب أن يظهر ترميز Schema في نسخة الجوال كما في نسخة سطح المكتب.
- تطابق الوسوم الوصفية: ينبغي أن تتطابق وسوم الميتا بين النسختين حتى لا تفقد الصفحة إشاراتها.
أخطاء متكررة في المواقع العربية
تتكرر أخطاء بعينها في المواقع العربية، بعضها مرتبط بطبيعة الخط العربي وبعضها بعادات تطوير قديمة انتقلت مع القوالب الجاهزة.
النقاط الرئيسية:
- غياب وسم viewport: أشهر سبب منفرد للرسوب، ويحوّل صفحتك إلى نسخة سطح مكتب مصغّرة.
- عرض ثابت بالبكسل: تحديد عرض حاوية بقيمة تتجاوز عرض شاشة الهاتف يفرض التمرير الأفقي.
- خط عربي صغير: الحروف العربية تحتاج ارتفاعًا بصريًا أكبر، ونصوص التذييل والتنبيهات أول ضحايا التصغير.
- عناصر تفاعلية متلاصقة: تجاور الأزرار دون مساحة كافية يولّد نقرات خاطئة تُفسد مسار الشراء.
- صور بلا
max-width: 100%: صورة واحدة أعرض من الشاشة تكفي لكسر التخطيط كله.
أدوات ذات صلة
أكمل سير عملك باستخدام أدوات ToolsPivot التكميلية التالية:
- مولّد خريطة الموقع: إنشاء ملف Sitemap XML يسهّل على محركات البحث اكتشاف صفحاتك
- فاحص الروابط المعطلة: رصد الروابط التالفة التي تضر تجربة الزائر وترتيب الصفحة
- ضاغط HTML: تقليص حجم الكود لتسريع التحميل على شبكات الجوال
- فاحص حالة الخادم: التأكد من أن الصفحة تستجيب قبل تشغيل أي فحص آخر
- محلل الوسوم الوصفية: مراجعة وسوم الميتا وتحديد الناقص أو المكرر منها
- مدقق حجم الصفحة: قياس الحجم الكلي للصفحة وهو عامل حاسم على اتصالات الجوال
- محاكي دقة شاشة صفحة الويب: معاينة التخطيط على مقاسات شاشات متعددة
- مولّد ملف robots.txt: ضبط قواعد الزحف لتوجيه محركات البحث نحو صفحاتك المهمة
الأسئلة الشائعة
ما هو اختبار التوافق مع الأجهزة المحمولة؟
هو أداة تفحص صفحة ويب حية وتعطي حكمًا بأنها متوافقة مع الجوال أو غير متوافقة، مع درجة من 0 إلى 100. تعتمد على تحليل الكود المصدري إضافة إلى بيانات من PageSpeed Insights.
هل الأداة مجانية وهل تحتاج تسجيل دخول؟
مجانية بالكامل ولا تتطلب أي حساب. ألصق الرابط واضغط الاختبار.
هل ما زالت أداة جوجل لاختبار التوافق متاحة؟
لا، أوقفت جوجل أداة Mobile-Friendly Test في ديسمبر 2023. توزّعت وظائفها بين Lighthouse وPageSpeed Insights دون حكم مباشر بنعم أو لا.
ما الذي يُسقط الصفحة فورًا في الاختبار؟
غياب وسم viewport أو وجود محتوى Flash يُعدّ إخفاقًا حرجًا يفشل الصفحة مباشرة. بقية المشكلات تخصم نقاطًا من الدرجة دون إسقاط الحكم.
كيف تُقاس أهداف النقر؟
تُقاس عبر تدقيق Lighthouse ضمن واجهة PageSpeed Insights، حيث يقيس متصفح Chrome حقيقي أحجام الأزرار والمسافات بينها. هذا أدق من أي تقدير من الكود المصدري.
هل يمكنني فحص عدة روابط دفعة واحدة؟
لا، تفحص الأداة عنوان URL واحدًا في كل مرة. الفحص المجمّع غير مدعوم حاليًا.
هل تفحص الأداة الصفحات المحمية بتسجيل دخول؟
لا، تجلب الأداة الصفحات العامة فقط. كما يمنع حارس SSRF فحص المضيفات المحلية والعناوين الداخلية.
ما مدى دقة فحص حجم النص والعرض الثابت؟
الفحصان استدلاليان ويقرآن قواعد CSS من المصدر، لذا يرصدان الحالات الشائعة بموثوقية عالية. قد تفوتهما حالات نادرة ناتجة عن توريث معقّد أو أنماط تُحقن بعد التحميل.
ماذا يحدث إذا تعطلت واجهة PageSpeed Insights؟
يبقى الحكم والدرجة قائمين اعتمادًا على الفحوص الذاتية للأداة. تغيب عندها أهداف النقر ولقطة الشاشة ومقاييس Core Web Vitals فقط.
هل تدعم الأداة المواقع العربية بترتيب RTL؟
تفحص الأداة الصفحات العربية كأي صفحة أخرى وتنطبق عليها الفحوص نفسها. لا يوجد تدقيق مخصص لانعكاس التخطيط أو تشكيل الحروف.
كم يستغرق الفحص؟
قد يستغرق حتى دقيقة تقريبًا لأن الأداة تنتظر رد PageSpeed Insights ولقطة الشاشة. الفحص المكرر لنفس الرابط خلال ساعة يعود فوريًا من الذاكرة المؤقتة.
ما الحد الأقصى لحجم الصفحة التي يمكن فحصها؟
يقف حد الجلب عند 3 ميجابايت من الكود المصدري. الصفحات الأثقل تُقطع عند هذا الحد حفاظًا على استقرار الفحص.
ما الفرق بين هذه الأداة ومحاكي إطار الهاتف؟
المحاكي يعرض موقعك داخل صورة هاتف ويترك الحكم لعينك، بينما تفحص هذه الأداة الإشارات التقنية التي يهتم بها متصفح الجوال فعليًا. النتيجة سبب مكتوب لكل إخفاق بدل انطباع بصري.
هل تُخزَّن نتائج الفحص أو بيانات موقعي؟
لا تُجلب سوى الصفحة العامة التي تُدخلها، ويُحفظ التقرير في ذاكرة تخزين مؤقت لمدة ساعة لتسريع الفحص المكرر. تُنظَّف الملفات القديمة تلقائيًا.
