قائمة تحقق متوافقة مع الجوّال لمتابعة كل موقع ويب تنشئه

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

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

أهمية وجود موقع ويب متوافق مع الجوال

يعد امتلاك موقع ويب متوافق مع الجوّال أكثر أهمية من أي وقت مضى في الوقت الحاضر.

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

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

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

قائمة مرجعية من 7 خطوات مناسبة للجوّال لمتابعة كل موقع ويب تنشئه

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

1. اختبر موقع الويب الخاص بك بقرارات متعددة

يعد اختبار موقع الويب الخاص بك بدقة متعددة أمرًا سهلاً باستخدام الأداة المناسبة.

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

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

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

• أدوات Chrome Dev: تشتمل ميزة متصفح Chrome المدمجة هذه على شريط أدوات الجهاز الذي يمكنك استخدامه لاختبار موقعك بدقة متعددة.
• خدمات مثل Screenfly و BrowserStack: تتيح لك خدمات الجهات الخارجية هذه اختبار موقعك عبر مجموعة متنوعة من الحلول.

جميع الأدوات التي ذكرناها مجانية ، لذا لا ينبغي أن تكون الميزانية مشكلة وليس هناك عذر لتخطي هذه الخطوة!

2. تأكد من عرض القوائم والملاحة بشكل جيد على الشاشات الأصغر

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

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

مع وضع ذلك في الاعتبار ، دعنا ننتقل إلى بضع خطوات لضمان عدم تفويت أي شيء عندما يحين وقت اختبار قوائم هاتفك المحمول:

1. تحقق من أن جميع عناصر القائمة مرئية. إذا لم يتم التأكد مما إذا كان يمكن الوصول إليها عن طريق التمرير.
2. تأكد من محاذاة كل ارتباط ، وأن القوائم الفرعية متداخلة.
3. تحقق مرة أخرى مما إذا كان يمكنك قراءة كل عنصر من عناصر القائمة وكذلك النقر فوقه.

ستعمل معظم سمات WordPress الحديثة مثل Divi تلقائيًا على إنشاء قوائم سريعة الاستجابة لك. إذا كنت تواجه مشكلات مع هذا الجانب من موقعك ، فقد يكون من المفيد التفكير في التحديث إلى سمة جديدة.

3. تحقق مما إذا كانت صورك تبدو جيدة مع دقة أصغر

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

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

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

1. ركز جهودك على الصور المهمة لعلامتك التجارية.
2. ابحث عن بدائل قابلة للتطوير لأنواع الصور الشائعة ، مثل SVGs.
3. كلما أمكن ، اختر الصور التي تم اقتصاصها بشكل أفضل ، بحيث تبدو أفضل في الأحجام الأصغر.

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

4. اختبر المحتوى الخاص بك لقابلية القراءة

يمكن أن تؤثر الشاشات الصغيرة على قابلية القراءة ، ولكن من السهل تعديلها.

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

لحسن الحظ ، تعد إمكانية القراءة جانبًا يسهل التعامل معه نسبيًا:

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

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

5. تأكد من سهولة التعامل مع عناصر موقعك

قد يكون من الصعب التفاعل مع العناصر باستخدام أصابعك ، لذا سيتعين عليك تعديل تصميماتك.

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

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

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

• تأكد من سهولة النقر فوق الدعوات إلى العمل (CTA) والنماذج وعناصر القائمة.
• تحقق مما إذا كان هناك أي تداخل بين العناصر المهمة ، مما قد يؤدي إلى قيام المستخدمين بالنقر فوق العنصر الخطأ.

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

6. تأكد من أنك لا تعتمد بشكل مفرط على النوافذ المنبثقة

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

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

من الصعب تحديد عدد الأشخاص الذين تخيفهم بالضبط إذا كنت تستخدم النوافذ المنبثقة المتطفلة على الهاتف المحمول ، ولكن يمكننا أن نخبرك أن بعض محركات البحث - مثل Google - ستعاقبك على ذلك. إذا كنت تستخدم أي نوافذ منبثقة تحجب المحتوى الرئيسي الخاص بك أو تجبر المستخدمين على تصفحها قبل الوصول إليها ، فإن تحسين محرك البحث (SEO) سيعاني من ذلك.

نحن نعلم أن النوافذ المنبثقة يمكن أن تكون مفيدة ، ولكن هناك بدائل أقل تدخلاً ، مثل:

• نماذج قبول أنيقة.
• عبارات الحث على اتخاذ إجراء محسنة.

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

7. اختبر أوقات تحميل موقع الويب الخاص بك

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

إذا كنت معتادًا على "السمات الأنيقة" ، فستعرف أننا نؤكد دائمًا على الأداء كلما أمكن ذلك. موقع التحميل السريع ليس شيئًا يلاحظه الكثير من الناس ، لكنهم بالتأكيد يلاحظون عندما يحدث العكس.

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

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

• جرب سمة مخصصة للجوّال مثل Divi إن أمكن.
• حسِّن صورك بحيث تشغل مساحة أقل.
• تنفيذ حل التخزين المؤقت لموقع الويب الخاص بك.

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

استنتاج

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

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

1. اختبر موقع الويب الخاص بك بدقة متعددة.
2. تأكد من عرض القوائم والتنقل بشكل جيد على الأجهزة الأصغر.
3. تحقق مما إذا كانت صورك تبدو جيدة في دقة أقل.
4. اختبر المحتوى الخاص بك لسهولة القراءة.
5. تأكد من سهولة التفاعل مع عناصر موقعك.
6. تأكد من أنك لا تعتمد بشكل مفرط على النوافذ المنبثقة.
7. اختبر أوقات تحميل موقع الويب الخاص بك.

هل لديك أي أسئلة حول كيفية التأكد من أن موقعك متوافق مع الجوّال؟ دعنا نتحدث عنها في قسم التعليقات أدناه!

صورة مصغرة للمادة بمقدار 32 بكسل / shutterstock.com.