كيفية إصلاح مشاكل قابلية استخدام الأجهزة المحمولة: خطأ في وحدة تحكم بحث Google

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

كلما تلقيت رسالة بريد إلكتروني (على النحو التالي) تفيد بأن "مشكلات جديدة تكتشف قابلية استخدام الهاتف المحمول " في موقعك ، يجب عليك اتخاذ إجراء فوري.

رسالة البريد الإلكتروني: تم اكتشاف مشكلة قابلية استخدام الأجهزة المحمولة

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

الخطوة 1: التحقق من الأخطاء في التفاصيل
للعثور على تفاصيل المشكلة ، إما انقر فوق الزر "إصلاح مشكلات قابلية استخدام الهاتف المحمول" في الجزء السفلي من البريد الإلكتروني أو قم بزيارة حساب Google Search Console مباشرة .
انقر فوق علامة التبويب "قابلية استخدام الهاتف المحمول" على شريط علامات التبويب في الجانب الأيمن من الشاشة. يمكنك العثور على إشعار الخطأ في الجزء العلوي الأيسر من الشاشة الوسطى وتفاصيل أنواع الأخطاء في الأسفل على النحو التالي:

مشاكل قابلية استخدام الأجهزة المحمولة في Google Search Console

أنواع مشاكل قابلية استخدام الهاتف المحمول التي
يمكن أن تكون أنواع الأخطاء ستة كحد أقصى كما يلي:

1. محتوى أوسع من الشاشة
2. العناصر القابلة للنقر قريبة جدًا من بعضها البعض
3. النص أصغر من أن يقرأ
4. استخدام البرنامج المساعد غير متوافق
5. إطار العرض غير مضبوط
6. لم يتم تعيين منفذ العرض على "عرض الجهاز"

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

يمكنك أيضًا قراءة كود HTML وتحديد الأخطاء. و فحص جميع القضايا التي تؤثر على صفحتك.

الخطوة 2: إصلاح المشاكل
الآن ابدأ في إصلاح المشكلات واحدة تلو الأخرى. سوف أقدم لك التفاصيل.

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

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

إصلاح خطأ "نص صغير جدًا للقراءة"
هذا خطأ آخر في CSS كما يمكن أن يوجد في إطار العرض. يشير هذا النوع من تقارير الأخطاء في Google Search Console إلى أن مستخدمي الجوال يجدون صعوبة في قراءة نص صفحة الويب بسبب حجم الخط الأصغر أو أنهم يحتاجون إلى تكبير النص ليصبح قابلاً للقراءة للعين العادية. لإصلاح مثل هذه المشكلات ، ( اذهب الى المظهر ثم تحرير html ابحث عن الكود المسؤول عن تغيير حجم الخط اجعله 16px فما فوق.)

إصلاح "استخدام المكوّن الإضافي غير المتوافق"
يشير تقرير الخطأ هذا إلى أن المكوّن الإضافي المستخدم في الصفحة المتأثرة غير متوافق لعرض الجوال. على سبيل المثال ، 'Flash لا يعمل في الجهاز المحمول. تأكد من أنك تستخدم أحدث المكونات الإضافية المستجيبة لموقع HTML (مثل ، WordPress). قم بإلغاء التثبيت إذا لم يكن أي مكون إضافي مناسبًا للجوال أو قديمًا. إذا كنت تستخدم أي إصدار قديم من HTML ، فقم بترقيته إلى HTML5.  يقول مشرفي المواقع WordPress ، احذروا من تحديث الإضافات بانتظام.

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

لحل أي مشكلة متعلقة بـ viewport ، تحتاج إلى إضافة العلامة الوصفية viewport التالية في قسم الرأس head  على القالب الخاص بك.

<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>

اولا بطاقة العرض تعطي تعليمات لمتصفح على كيفية السيطرة على أبعاد الصفحة والتحجيم.
في width=device-width هذا الجزء يحدد عرض الصفحة التي تحتوي على شاشة العرض للجهاز.
في initial-scale=1.0 هذا الجزء يحدد مستوى التكبير الأولي عند عرض الصفحة على المتصفح.

لمعرفة المزيد حول هذه المشكلة ، يمكنك زيارة مدونة Google للمطورين .

معالجة المشكلة - إطار العرض غير مضبوط على "عرض الجهاز"
ويشير هذا التقرير عن الخطأ أنه على الرغم من إضافة  العلامة viewport في قسم الرأس head، width=device-widthو initial-scale=1.0
لم يتم تحديد أجزاء. مثل هذا الخطأ "تعيين خاصية عرض منفذ ثابت". تؤدي إضافة الخاصية الى توجيه  المستعرضات لإنشاء علاقة بين وحدات بكسل CSS ووحدات البكسل المستقلة للجهاز.
تعمل هذه أيضًا على إصلاح المشكلات المتعلقة بتوجهات أجهزة العرض.

الخطوة 3: التحقق من صحة الإصلاح
تسجيل الدخول إلى حسابك في Google وزيارة Search Console. انقر فوق علامة تبويب استخدام الأجهزة المحمولة. انقر على كل نوع خطأ. في الشاشة التالية ، ستجد علامة التبويب "التحقق من الإصلاح".

التحقق من صحة الإصلاح
انقر فوق علامة التبويب لإبلاغ Google بأنك قد أصلحت المشكلة بالفعل. ستبدأ Google عملية تحقق أولية وستتحول الحالة إلى "البدء". ومع ذلك ، يستغرق التحقق الكامل بعض الأيام بناءً على عدد مرات زحف Google Boots إلى صفحاتك. يعتمد تكرار زحف Google على عدد مرات تحديث موقعك على الويب.

الخطوة 4: خذ مساعدة من خبير
إذا تمكنت من حل الأخطاء المبلغ عنها باتباع الخطوات المذكورة أعلاه ، فقد قمت بعمل رائع. ومع ذلك قد يحدث أنك لست المطور / مصمم موقع الويب الخاص بك وليس من السهل عليك إنشاء  HTML وتعديل عناصر CSS أو فشل التحقق من الصحة بعد كل محاولتك لإصلاح المشكلة.

توفر لك Google Search Console خيارًا لمشاركة تقارير الأخطاء والحصول على المساعدة من الآخرين.

لمشاركة تقارير الأخطاء ، تحقق من صفحة "إصلاح التحقق من الصحة" في حساب Search Console. في أعلى اليمين ، ستجد علامة تبويب "مشاركة".

مشاركة تقرير الخطأ
انقر فوق علامة التبويب "مشاركة". سيظهر مربع الحوار. في المربع ، تأكد من تمكين مشاركة الارتباط. انقر فوق "نسخ الرابط" ، ثم انقر فوق "تم".

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

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