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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

عمليات إعادة التوجيه غير الصحيحة

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

الأمثلة:

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

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

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

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

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

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

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

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

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

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

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

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

  • إذا كنت تستخدم نظام العرض الديناميكي، احرص على ضبط اكتشاف وكيل مستخدم بشكل صحيح.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

حجم الخط صغير

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

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

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

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