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

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

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

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

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

  2. يجب التحقق من ملف robots.txt واختباره في Google 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.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    • إعلان بانر متوافق مع المتصفح مثل Smart App Banners لمتصفح Safari أو Native App Banners لمتصفح Chrome.
    • إعلان بانر أو صورة بتنسيق HTML ـ أشبه بإعلان نموذجي صغير ـ ترتبط بمتجر التطبيقات الصحيح للتنزيل.
  • إذا كان لديك تطبيق على Android، فجرّب تنفيذ فهرسة التطبيق: عندما يكون المحتوى المفهرس من تطبيقك مناسبًا لطلب بحث معين، سنعرض زرًا للتثبيت في نتائج البحث، حتى يتسنى للمستخدمين تنزيل هذا التطبيق والانتقال مباشرةً إلى الصفحة المحددة في تطبيقك.

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

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

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

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

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

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

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

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

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

حجم الخط صغير

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

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

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

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