7 نصائح ووردبريس لموقع صديق للجوال

7-نصائح-ووردبريس-لموقع-صديق-للجوال.png


لا يوجد شيء أسوأ من موقع سطح مكتب رائع المظهر وموقع محمول لا يعمل بشكل صحيح.

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

في هذه المقالة ، نناقش ونتعامل مع سبع مشكلات مع مواقع الويب المتوافقة مع الأجهزة المحمولة.

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

لا يتم عرض تحديثات المواقع المتوافقة مع الجوال

لقد قضيت الكثير من الوقت في تحديث موقع الويب الخاص بك. تبدو رائعة على الكمبيوتر ولكنها لا تظهر على جهاز محمول.

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

إذا كانت هذه هي المشكلة ، فستحتاج إلى مسح ذاكرة التخزين المؤقت لتنزيل الإصدار المصحح. قابس عازلة مثل WP Super Cacheو W3 إجمالي ذاكرة التخزين المؤقتأو أسرع مخبأ WP يمكن أن تساعدك في حل هذه المشكلة.

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

  1. قم بتحديث المتصفح عدة مرات على جهاز الكمبيوتر والجهاز المحمول.
  2. اختبر موقع الويب الخاص بك على مجموعة متنوعة من الأجهزة المحمولة.
  3. قم بتنظيف موقعك باستخدام مكون إضافي للتخزين المؤقت.
  4. تحقق مع شركة الاستضافة الخاصة بك لمعرفة ما إذا كان هناك نظام تخزين مؤقت آخر على الخادم يحتاج إلى مسح.

الملاحة غير ودية

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

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

فيما يلي بعض الطرق لحل هذه المشكلة على موقع الجوال:

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

التخطيط سريع الاستجابة يتوقف فجأة عن العمل

إذا توقف موقع الجوال الخاص بك عن العمل فجأة ، فقد يكون مكونًا إضافيًا على موقعك.

قد يؤدي تثبيت مكون إضافي جديد أو تحديث مكون إضافي موجود إلى حدوث تعارض مع الآخرين مما يؤثر على تخطيطك سريع الاستجابة.

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

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

عند التحقق من موقع الويب الخاص بك للاستجابة للجوال ، اختبره دائمًا على جهاز محمول.

يبدو أحيانًا أنه يعمل على تغيير حجم نافذة المتصفح على جهاز الكمبيوتر ، ولكن لا يتم عرضها بشكل صحيح على الهاتف المحمول.

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

سيكون موقع الويب المعروض هو حجم العرض (حجم منطقة موقع الويب المرئية للمستخدم).

لإصلاح موقع متوافق مع الخلية ، أضف السطر التالي من التعليمات البرمجية إلى قسم الرأس:

من حين لآخر ، بعد تحديث المظهر الخاص بك ، قد يختفي هذا الرمز.

يستغرق تحميل الصور وقتًا طويلاً

من المنطقي تحسين صورك وتقليل حجم ملف الصورة. الصور الكبيرة التي لم يتم تحسينها يمكن أن تبطئ تحميل صفحات الويب. قد يكون هذا محبطًا لمستخدمي الجوال.

يعرض الإصدار 4.4 من WordPress والإصدارات الأحدث تلقائيًا أصغر نسخة من الصورة على الخادم.

إذا كنت تستخدم بالفعل أحدث إصدار من WordPress ، ولكن موقعك لا يزال لا يتم تحميله بالسرعة الكافية ، يمكنك:

أهم محتوى غير واضح

يتم تحميل بعض مواقع الويب بالكثير من المحتوى غير الضروري لملء المساحة الفارغة عند فتحها على سطح المكتب.

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

إذا لم يتم تصميم الصفحات بشكل صحيح للأجهزة المحمولة ، فقد لا تظهر بعض المحتويات على الهاتف المحمول دون التمرير بشكل متكرر.

في معظم الحالات ، سيبدو العنصر الموجود على موقع الويب الخاص بك مختلفًا على جهاز الكمبيوتر عنه على جهاز محمول.

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

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

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

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

الكثير من المعلومات

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

تحتوي هذه العناصر على الكثير من المعلومات لملء شاشة الهاتف الخلوي ومنع المستخدم من العثور على المعلومات التي يريدها.

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

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

بيانات للشاشات الصغيرة

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

قابس مثل Tabela responseywna الفسفور الابيض يمكن أن تجعلها أسهل.

كما هو الحال مع جدول الأسعار أعلاه ، عند عرضها على جهاز محمول ، سيتم ترتيب الأعمدة لتلائم الشاشة الأصغر.

تشمل الطرق الأخرى لعرض البيانات على الأجهزة المحمولة ما يلي:

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

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

يجب عليك دائمًا مراقبة أداء موقع الويب الخاص بك وإجراء التصحيحات عند الضرورة لتحسين أداء المستخدم وتجربته.

scroll to top