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