كيفية تحسين تجربة الجوال لموقعك على الويب من أجل التحويلات

واحد وخمسون ونصف.

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

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

الحاجة إلى السرعة

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

من الناحية المثالية ، تريد أن يتم تحميل موقع الويب الخاص بك في غضون 2-3 ثوانٍ أو أقل. هناك العديد من الطرق لتسريع موقع الويب الخاص بك ، ولكن دعنا نلتزم بالطرق التي ستعطيه أكبر دفعة:

1. ضغط الملفات ذات الموارد الثقيلة

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

2. ضع في اعتبارك استخدام Accelerated Mobile Pages (AMP)

تتعلق AMPs بالسرعة وتسهيل هضم المعلومات على القارئ. تم تطوير المكون الإضافي AMP في الأصل بواسطة Google لمنح المستخدمين تجربة أفضل عند زيارة مواقع الجوال. نسخة AMP لصفحة الويب هي في الأساس نسخة HTML مجردة من صفحتك الأصلية. النتائج؟ صفحة ويب فائقة السرعة تتمتع باحتمالية تحويل أعلى بكثير.

الرسم المتجاوب

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

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

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

اللمس وسهولة الاستخدام

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

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

تظهر ظهور مفاجئ

هل سبق لك أن واجهت نافذة منبثقة عند زيارة موقع ويب على هاتفك لم تتمكن من النقر فوقه؟ إما أن يكون "x" صغيرًا جدًا ، أو كان بعيدًا عن الأنظار قليلاً ولا يمكن النقر فوقه. هذه مشكلات شائعة مع النوافذ المنبثقة على مواقع الجوال.

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

حافظ على بساطة المحتوى

1. توفير مسار واضح

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

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

2. الرصاص مع ما هو مهم

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

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

3. لا تجرد الموقع أسفل

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

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

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

لا تفقد نصف تحويلاتك

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

هل تتذكر 51.5 بالمائة من المستخدمين الذين ذكرناهم سابقًا؟ حسنًا ، ما زالوا هناك. السؤال هو ، هل ستنتهز هذه الفرصة لتحويلهم؟