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

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

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

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

  1. تأكَّد من أنه بإمكان برنامج Googlebot الزحف إلى ملفات جافا سكريبت وCSS وملفات الصور على موقعك الإلكتروني عن طريق استخدام "أداة فحص عنوان URL" في 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. وإذا تم التحقق من هويتك كمستخدم، سنرسل إليك رسالة عند اكتشاف أي إعادة توجيه لمستخدمي الهواتف الذكية من صفحات موقعك الإلكتروني إلى الصفحة الرئيسية.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

حجم الخط صغير

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

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

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

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