إنشاء موقع على شبكة الإنترنت ليس من السهل أن يعمل جيدًا على الهاتف المحمول ، ولكنه مهمة محتملة. ما دمت تتحقق من موقعك قبل الإرسال ، فلا يوجد سبب يمنع مستخدمي الجوال من الاستمتاع بتجربة رائعة. ومع ذلك ، قد تتساءل عن العناصر التي تحتاج إلى اهتمامك أكثر.
في هذا البرنامج التعليمي ، سنزودك بقائمة بسيطة من المعايير التي يجب أن يستوفيها موقعك. إذا كان الأمر كذلك ، فمن المحتمل أن يتمتع المستخدمون لديك بتجربة رائعة للجوال ، وإذا لم يحدث ذلك ، فسنخبرك بكيفية تغيير الأشياء. لنبدأ بالنقطة الأولى!
1 - اختبر موقع الويب الخاص بك على قرارات متعددة
من أهم الأشياء عندما يتعلق الأمر بمواقع الجوال أن موقعك لا يجب أن يبدو كنسخة مصغرة من إصدار سطح المكتب. هذا يعني أن كل عنصر من عناصرك يجب أن يبحث عن قرارات متعددة.
من ناحية أخرى ، إذا لم يظهر أي من عناصرك جيدًا على الهاتف المحمول ، فقد يؤثر ذلك سلبًا على معدل الارتداد. الشيء الذكي الذي يجب فعله هو اختبار موقع انترنت على عدة قرارات مسبقًا ومعرفة ما إذا كان يتم عرض كل شيء بشكل صحيح.
لحسن الحظ ، هذه العملية ليست معقدة كما تبدو ، ولا تحتاج إلى امتلاك أجهزة متعددة للقيام بذلك. هناك العديد من الخدمات التي تسمح لك باختبار كل شيء بسرعة موقع انترنت على قرارات مختلفة ، مثل:
أدوات تطوير Chrome : تشتمل ميزة متصفح Chrome المدمجة هذه على شريط أدوات الجهاز الذي يمكنك استخدامه لاختبار موقعك بدقة متعددة.
خدمات مثل Screenfly et BrowserStack : تتيح لك خدمات الجهات الخارجية هذه اختبار موقعك على مجموعة متنوعة من القرارات.
جميع الأدوات التي ذكرناها مجانية ، لذا لا ينبغي أن تكون الميزانية مشكلة ولا عذر لتخطي هذه الخطوة!
2 - تأكد من عرض القوائم والملاحة على شاشات أصغر
في معظم الحالات ، تكون القوائم هي الوسيلة الأساسية للتنقل في ملف آخر. إذا كان من الصعب النقر فوق ارتباطاتك أو قراءتها بدقة أصغر ، فسيؤثر ذلك على قابلية الاستخدام. بالإضافة إلى ذلك ، تريد أيضًا أن تكون جميع عناصر القائمة الخاصة بك سهلة الوصول بغض النظر عن الجهاز الذي تستخدمه للتنقل.
مع وضع ذلك في الاعتبار ، دعنا نأخذ بعض الخطوات للتأكد من عدم تفويت أي شيء عندما يحين الوقت لاختبار قوائم هاتفك المحمول:
- تحقق من أن جميع عناصر القائمة مرئية.
- تأكد من محاذاة كل رابط وتداخل القوائم الفرعية.
- تحقق من أنه يمكنك قراءة كل عنصر في القائمة والنقر فوقه.
تقوم معظم سمات WordPress الحديثة تلقائيًا بإنشاء قوائم سريعة الاستجابة لك. إذا كنت تواجه مشاكل مع هذا الجانب على موقعك ، فيجب عليك التفكير في تغيير السمة.
3 - تأكد من أن صورك جيدة على دقة صغيرة
الصور جزء أساسي من كل شيء موقع انترنت، ولكن في بعض الأحيان قد لا تكون رسوماتك بأفضل دقة. على سبيل المثال، إذا كان شعارك غير قابل للقراءة عندما يصل شخص ما إلى موقعك عبر الهاتف المحمول، فسيؤثر ذلك بشكل واضح على صورة علامتك التجارية.
في معظم الحالات ، يكون الناس أكثر قلقًا بشأن "تشويه" صورهم ، ولكن القياس يمكن أن يمثل مشكلة أيضًا. قد لا يتم تحجيم كل الصور لتكون مثالية لكل دقة ، ولكن هناك خطوات يمكنك اتخاذها لتقليل المشكلة:
ركز جهودك على الصور المهمة لصورة علامتك التجارية.
ابحث عن بدائل قابلة للتطوير لأنواع الصور الشائعة ، مثل SVGs.
كلما أمكن ، اختر صورًا مقصوصة بشكل أفضل ، بحيث تتناسب بشكل أفضل مع الأحجام الأصغر.
طالما أنك تضع هذه النصائح في الاعتبار ، يجب أن تكون على ما يرام. فقط تذكر أنه عندما يتعلق الأمر بالصور شديدة التعقيد مثل رسومات الكمبيوتر ، فقد لا تتمكن من قياسها بشكل كامل بدقة منخفضة.
4 - اختبر المحتوى الخاص بك لسهولة القراءة
أحد الجوانب الأكثر تأثيرًا على قابلية استخدام الأجهزة المحمولة هو قابلية القراءة. عند العمل باستخدام عامل شكل أصغر ، تحتاج إلى تعويض ذلك عن طريق التأكد من استمرار عرض النص على الرغم من صغر حجم الشاشات ، بدلاً من تقليل الخط فقط. الهدف هنا بسيط: يجب ألا يضطر المستخدمون إلى التكبير لقراءة المحتوى الخاص بك. بعد كل شيء ، هذه هي الوصفة المثالية لإزعاج المستخدم.
لحسن الحظ ، فإن سهولة القراءة هي جانب بسيط نسبيًا:
- اختر خطًا أساسيًا يسهل قراءته جدًا للمحتوى.
- استخدم العناوين الفرعية كلما كان ذلك ممكنًا لتقسيم المحتوى الخاص بك إلى أقسام يمكن قراءتها بسهولة.
- اختر موضوعًا يمنحك مزيدًا من التحكم في كيفية عرض النص.
فيما يتعلق بالنقطة الأخيرة ، ينبغي أن توفر لك العديد من السمات الحديثة الخيار الذي تبحث عنه.
هذا كل شيء بالنسبة لهذه النصائح ، وآمل أن تساعدك على تحسين بلوق الخاص بك للأجهزة المحمولة. إذا كان لديك أي أسئلة ، لا تتردد في طرحها.
