تكييف الموقع للأجهزة المحمولة: دليل كامل

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

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

ماذا يحدث إذا تجاهلت اهتمامات مستخدمي المحمول

وفقًا لشركة comScore ، في يناير 2014 ، تجاوزت حصة حركة الهواتف المحمولة في الولايات المتحدة لأول مرة حصة زيارات الموقع من أجهزة سطح المكتب. وفقًا لمجموعة Kokoc ، فإن الوضع في روسيا مختلف: ففي منتصف عام 2014 ، زار حوالي 80٪ من المستخدمين مواقع ويب تستخدم أجهزة كمبيوتر سطح المكتب ، بما في ذلك أجهزة الكمبيوتر المحمولة. ومع ذلك ، في Runet ، هناك اتجاه تصاعدي واضح في حركة الهواتف المحمولة. انتبه لجدول استخدام أنظمة التشغيل من قبل المستخدمين المحليين.

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

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

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

لا أحب هذا المنظور؟ ثم تكييف الموقع لحركة المرور المحمول.

ما يجب السعي لتحقيقه: علامات المورد الصديق للجوال

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

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

كيفية تحقيق ذلك في الممارسة العملية؟ اقرأ على.

الخطوة 1: تأكد من استخدام تصميم مناسب للهاتف المحمول.

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

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

النسخة المحمولة من الموقع

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

  • WPtouch برو. بعد أن دفعت 49 دولارًا أمريكيًا مرة واحدة ، يمكنك اختيار أحد مظاهر الجوال المقترحة لـ WordPress واستخدامها طوال الوقت.
  • DudaMobile. الوظائف الأساسية لهذا البرنامج المساعد متاحة مجانا. إذا دفعت 159 دولارًا أمريكيًا في المرة الواحدة ، فستتمكن من الوصول إلى الميزات المتقدمة والدعم.
  • الفسفور الابيض موبايل الطبعة. يكتشف هذا البرنامج المساعد تلقائيًا خصائص أداة الجوّال ويعرض إصدار الجوال المناسب للموقع للزائر.

يمكنك العثور بشكل مستقل على المكونات الإضافية التي تسمح لك بتكييف الموارد بسرعة لجملة ، دروبال وغيرها من CMS الشعبية لحركة المرور على الهاتف المحمول.

انظر أيضًا: 14 رقاقة رائعة من أفضل 11 موقعًا للهواتف المحمولة

تصميم التكيف

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

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

تتوفر قوالب WordPress المستجيبة على Wordpress.org.

الخطوة 2: استبدال الروابط على أزرار الصنبور.

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

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

  • توصي Apple بأن يقوم مطورو الواجهة للهواتف الذكية بإنشاء أزرار وعناصر تنقل بحجم لا يقل عن 44 × 44 بكسل.
  • تعتبر نوكيا أن الحد الأدنى لحجم عنصر التحكم هو 48 × 48 بكسل أو 0.7 × 0.7 سم.
  • تعتبر Microsoft أن حجم الزر الأمثل هو 34 × 34 بكسل.

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

كيفية إنشاء أزرار صديقة للجوال وعناصر التنقل

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

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

الخطوة 3: تأكد من استخدام النماذج المناسبة.

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

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

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

  • SumoMe. مكوّن إضافي مجاني يسمح لك بإنشاء نماذج جوّال مريحة.
  • OptinMonster. البرنامج المساعد مدفوع لإنشاء أشكال المحمول.
  • كليكبانك. ستحتاج هذه الخدمة إلى أصحاب المتاجر عبر الإنترنت. تتيح لك إمكانية "ربط" الموقع الذي تم تكييفه بسلة حركة المرور على الهاتف المحمول للمعالجة ودفع الطلبات.
  • Gumroad. خدمة أخرى لمعالجة ودفع أوامر ، ودية لمستخدمي المحمول.
  • Authorize.net. خدمة لتلقي المدفوعات من مواقع المحمول.

الخطوة 4: تقديم محتوى مقروء للمستخدمين

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

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

مريحة للقراءة من محتوى شاشة المحمول يلبي الخصائص التالية:

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

الخطوة 5: تكييف رسائل البريد الإلكتروني من شاشة صغيرة.

يمكن تكييف البريد الإلكتروني للقراءة من شاشات الأدوات المحمولة باستخدام أدوات البريد التالية:

  • ميل تشيمب.
  • أوبر.
  • الاتصال المستمر.

عند اختيار خدمة بريدية ، تأكد من أنك فعلت كل شيء لقراءة رسائلك.

انضم إلى تطور المحمول ولا تفقد الحركة.

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

يمكنك طلب تخطيط تكيفي للموقع في وكالتنا. كل التفاصيل قراءة الرابط.

شاهد الفيديو: التكييف المحمول. .خذه معك أينما كنت (شهر نوفمبر 2019).

Loading...

ترك تعليقك