الأخطاء الشائعة

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

ملفات جافا سكريبت وCSS وملفات الصور المحظورة

للحصول على أفضل عرض وفهرسة ممكنة، يجب السماح دائمًا لبرنامج Googlebot بالدخول إلى ملفات جافا سكريبت وCSS وملفات الصور التي يستخدمها موقعك لكي يتسنى لبرنامج Googlebot رؤية موقعك كمستخدم عادي. وإذا كان ملف robots.txt بموقعك لا يسمح بالزحف إلى مواد العرض هذه، سينعكس ذلك بالضرر المباشر على مدى جودة عرض المحتوى وفهرسته بالخوارزميات. وقد يؤدي هذا الأمر بدوره إلى الحصول على ترتيب أقل من الترتيب المثالي.

  1. تأكَّد من قدرة Googlebot على الزحف إلى ملفات "جافا سكريبت" وCSS وملفات الصور على موقعك الإلكتروني عن طريق استخدام ميزة الجلب مثل Google في Search Console. وسيتيح لك ذلك معرفة المحتوى كما يراه Googlebot ويعرضه تمامًا، وسيساعدك أيضًا في تحديد عددٍ من مشاكل الفهرسة على موقعك وحلها.

  2. يجب التحقّق من ملف robots.txt واختباره في Search Console.

  3. اختبِر صفحات الجوّال باستخدام فحص التوافق مع الأجهزة الجوّالة لمعرفة قدرة أنظمتنا على اكتشاف مدى ملاءمة موقعك لمستخدمي الجوّال.

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

المحتوى غير القابل للتشغيل

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

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

الفيديو غير قابل للتشغيل

يترك هذا الأمر انطباعًا سيئًا لدى مستخدمي الجوَّال.

بدلاً من استخدام مشغِّل فيديو يتبع جهة ما أو وضع محتوى بتنسيقات غير متوافقة، نوصي باستخدام علامات معايير HTML5 لتضمين الفيديوهات أو الصور المتحركة.

بالنسبة لمحتوى الصور المتحركة المعروض باستخدام برنامج Flash أو برامج تشغيل وسائط متعددة أخرى، عليك استخدام صور HTML5 المتحركة التي تعمل على جميع متصفحات الويب. ويسهِّل Google Web Designer إنشاء هذه الصور المتحركة بتنسيق HTML5.

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

للحصول على مزيد من التفاصيل، يمكنك الاطّلاع على أفضل الممارسات لإضافة فيديو على الموقع الإلكتروني أساسيات الويب من Google.

عمليات إعادة التوجيه الخاطئة

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

أمثلة:

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

  • يعيد موقع سطح المكتب لديك توجيه بعض الأجهزة الجوالة دون غيرها. على سبيل المثال، قد يعيد الموقع توجيه مستخدمي Android فقط إلى موقع الويب المتوافق مع الأجهزة الجوّالة ولا يعيد توجيه مستخدمي iPhone أو Windows Phone.

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

  • إعداد خادمك على إعادة توجيه مستخدمي الهواتف الذكية إلى عنوان URL المناسب على موقعك الإلكتروني المتوافق مع الهواتف الذكية.

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

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

أخطاء 404 للأجهزة الجوّالة فقط

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

أخطاء 404 للجوّال فقط

لضمان ترك أفضل انطباع لدى المستخدمين، إذا لاحظت انتقال أحد المستخدمين إلى صفحة سطح المكتب من جهاز جوال وكانت لديك صفحة جوَّال في عنوان URL مختلف، عليك إعادة توجيهه إلى عنوان URL هذا بدلاً من عرض الخطأ 404 أو صفحة soft 404. وتأكد أيضًا من أن الصفحة المخصصة للجهاز الجوال نفسها ليست صفحة خطأ.

عمليات إعادة التوجيه الصحيحة
  • استخدم Search Console. في حال التحقّق من هويتك كمستخدِم، سنرسل إليك إشعارًا في "مركز الرسائل".

  • إذا كان لديك موقع للهاتف الذكي على عنوان URL مستقل، يمكنك إعداد الخادم على إعادة توجيه مستخدمي الهواتف الذكية إلى عنوان URL المناسب على موقع الهاتف الذكي.

  • إذا كنت تستخدم العرض الديناميكي، تأكد من تهيئة اكتشاف وكيل المستخدِم على نحو سليم.

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

  • استخدم تصميم الويب السريع الاستجابة متى أمكن. يتيح لك هذا الإعداد عرض المحتوى نفسه للمستخدِمين أيًا كان الجهاز الذي يستخدمونه.

  • تحقّق من تقرير أخطاء الزحف في Google Search Console؛ حيث ستعرض علامة التبويب "الهاتف الذكي" قائمة بعناوين URL المكتشفة التي تعرض أخطاء 404 للهواتف الذكية فقط.

تجنُّب الإعلانات البينية

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

الإعلانات البينية لتنزيل التطبيقات

يروج العديد من مشرفي المواقع للتطبيقات المحلية للنشاط التجاري لزائري موقع ويب متوافق مع الأجهزة الجوّالة. ويجب توخّي مزيد من الحذر حتى لا يؤدي ذلك إلى مشكلات في الفهرسة وتعطيل استخدام الموقع للزائرين.

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

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

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

  • التحقق من الروابط للتأكد من أنها تشير إلى الصفحة المقابلة الصحيحة.

صفحات جوال بطيئة

من المهم جدًا التأكد من سرعة تحميل موقع الجوال. فمن دواعي إحباط المستخدمين الانتظار لوقت طويل حتى يظهر المحتوى.

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

لمزيد من المعلومات، يرجى الاطّلاع على:

تعيين إطار العرض بشكل صحيح

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

  • استخدام إطارات عرض بقياس عرض ثابت. فهذا يؤدي إلى عدم ضبط حجم الصفحة كما ينبغي بما يتناسب مع جميع أحجام الأجهزة. تعرّف على المزيد من المعلومات.
  • افتراض حد أدنى كبير لإطار العرض بشكل غير واقعي، والذي يمكن أن يجبر المستخدِمين الذين لديهم أجهزة أصغر حجمًا على تمرير المحتوى أفقيًا لقراءته. ويحدث هذا عندما تستخدم الصفحات قيمًا مطلقة في بيانات CSS، أو عندما تستخدم صورًا مُصمَمة لتبدو في أفضل شكل ممكن بعرض معين للمتصفح (مثل 980 بكسل). لإصلاح هذا الخطأ، تأكّد من أن الصفحات تستخدم قيمًا نسبية للعرض والموضع مع عناصر CSS، وتأكد من إمكانية تغيير حجم الصور أيضًا. تعرّف على المزيد.

حجم الخط صغير

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

عناصر اللمس متقاربة جدًا

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

إرسال تعليقات حول...