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

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

ملفات جافا سكريبت و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 أو صفحة بيانات 404. وتأكد أيضًا من أن الصفحة المخصصة للجوال نفسها ليست صفحة خطأ.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

حجم الخط صغير

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

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

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

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