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

أنا أتحدث عن زوار هاتفك المحمول.

لذا ، ربما تريد إنشاء صفحة مقصودة لهم؟

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

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

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

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

كلهم كلاب وأزهار حتى ...

اذا ما هي المشكلة؟

التحويلات.

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

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

لذلك ، في مقال اليوم ، سأفعل ذلك بالضبط ...

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

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

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

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

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

قد يكون الكثير من النصائح حول تقليل / زيادة عدد عناصر النموذج وتحسين المحتوى الخاص بك أمرًا مربكًا.

ألا تفضل أن يتمكن شخص ما من التخلص من مخاوف مستخدم الجهاز المحمول ودوافعه؟

أو اسمحوا لي أن أضعها على هذا النحو ...

ألن يكون من الجيد أن يمنحك شخص ما قائمة مرجعية مختصرة لإنشاء صفحة مقصودة عالية التحويل ومتوافقة مع الجوّال؟

يعتقد ذلك.

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

1. توقف عن المطاردة ... هل يمكنك إيصال وجهة نظرك بوضوح؟

ربما تكون قد قرأت الكثير من المقالات حول مبدأ "اجعلها موجزة" بالفعل. كل كلمة لها أهمية على الأجهزة المحمولة لأن حجم الشاشة 6 بوصات أو أقل.

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

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

في الصفحة الرئيسية لموقع NeilPatel.com ، وجدت أن المنشور المتعمق (1،292 كلمة) يحول 7.6 ٪ أفضل من الإصدار الأقصر (مع 488 كلمة).

وفي CrazyEgg ، تحولت صفحة أطول 20 مرة من عنصر التحكم إلى 363٪ أفضل .

لكن خمن ماذا؟

هذا ليس بالضرورة صالحًا للجوال.

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

لذلك ، ربما لن يقوم بالتمرير لأسفل 11 صفحة (نعم ، لدى Paypal بالفعل 11 صفحة على الهاتف المحمول).

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

هل تعتقد أن مستخدم الهاتف المحمول هو في الغالب في مرحلة البحث ، فقط يتصفح عروضك؟ وأنه غير مرتاح لتقديم طلب؟

إذن أنت مخطئ.

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

تحتاج إلى إيجاد التوازن الصحيح بعناية بين:

• بما في ذلك المعلومات الضرورية حول منتجك / عرضك الذي يقنع عميلك.
• عدم تجاوز الحد وتقديم محتوى غير ذي صلة.

بأي ثمن ، لا يجب عليك إزالة العناصر الأساسية من الصفحة المقصودة التي تثبت مصداقيتك - الدليل الاجتماعي في شكل مراجعات / شهادات وشعار مؤسستك.

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

1. استخدام كلمات حشو وفضفاضة مثل "جدًا" أو "أفضل" - قد تكون "أفضل مطعم إيطالي في نيويورك" أو ربما تقوم بتزييفه.

كيف يمكن لعملائك التمييز بين أنك في الواقع شركة عالية الجودة؟

ليس من خلال مجرد استخدامك للكلمات.

ولكن ، يمكنك الحصول على معلومات محددة والتحدث من حيث البيانات لتأسيس خبرتك.

أظهر عدد العملاء الذين خدمتهم والتجربة الرائعة التي مروا بها. يبدو أكثر وضوحا وإقناعا.

لا تقلل من أهمية قوة كلمة واحدة على نتائجك.

اختبرت Veeam software split رابط "طلب عرض أسعار" (عنصر التحكم).

مع "طلب التسعير".

هذا كل شيء. مجرد تغيير كلمة واحدة.

هل تريد أن تعرف كيف أثرت على نسبة النقر إلى الظهور؟

قفزة بنسبة 161.66٪ في نسبة النقر إلى الظهور (من 0.54٪ إلى 1.40٪) مع ثقة إحصائية بنسبة 99.99٪.

لذا احذف تلك الكلمات المترهلة والضعيفة وغير الضرورية من كتاباتك. فيما يلي قائمة من 297 منهم بواسطة Boost Blog Traffic .

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

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

كمثال ، انظر إلى الصفحة المقصودة Blah Blah Car أدناه. إن عناصر الشعار والدليل الاجتماعي والدعوة إلى العمل كلها جيدة. ولكن أين عنوانهم وعرض القيمة؟

نعم ، ربما يكون إعلانهم الذي دفع الأشخاص للنقر للوصول إلى هذه الصفحة المقصودة قد نقل "العرض".

ولكن كما يقول خبير CRO بريان أيزنبرج ،

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

لا يقتصر إيصال قيمتك على الكلمات التي تستخدمها. ينحصر تحسين الصفحة المقصودة أيضًا في  شكلها.

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

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

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

وتحصل على نقاط كعك لعدم توقع أي مجهود بدني من المستخدم (لا يلزم التصغير أو التكبير لعرض المحتوى).

توصي Google باستخدام حجم خط أساسي يبلغ 16 بكسل CSS. يمكنك ضبط حجم خط H1 و H2 بالنسبة لهذا.

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

أود أيضًا أن أقدم لكم أداة تحسين محركات البحث (SEO) للجوال بواسطة باتريك.

ما عليك سوى التوجه إلى - varvy.com/mobile ، أدخل عنوان موقع الويب الخاص بك وانقر فوق زر الاختبار.

قمت بتشغيل موقع الويب الخاص بي من خلال الأداة. وهنا النتائج.

سجلت صفحة الويب الخاصة بي 74 درجة في الأداء و 100 في تجربة المستخدم.

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

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

آخر العناصر التي أريد التحدث عنها لمساعدتك في توصيل رسالتك التسويقية بشكل فعال هي الرصاص .

من غير المنطقي استخدامها.

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

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

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

انظر إلى صفحة بيزو المقصودة أدناه . لا أعتقد أن الرصاصات الجريئة مثل "مقاييس النجاح الأكثر أهمية" قوية.

ما يفضل العمل في الرموز النقطية هو نقل فوائد العملاء مباشرة ، كما يقترح قالب الصفحة المقصودة Wishpond أدناه.

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

لا يمكنك الحفاظ على المساحة فحسب ، بل يمكنك أيضًا السماح لعميلك بإلقاء نظرة عامة على المحتوى الخاص بك.

مثال - انظر كيف تستخدم صفحة iPhone 6S أكورديونات قابلة للتوسيع في صفحات الأسئلة الشائعة وسياسة الخصوصية . يمكنك الحصول على الصورة الكبيرة عند التسوق لشراء iPhone من موقع Apple.com ، وبرنامج ترقية iPhone والمزيد.

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

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

نصيحة للمحترفين 2: إذا كانت صفحتك المقصودة كبيرة الحجم وتتطلب التمرير ، فلا تنس مساعدة زوارك بإشارات التمرير.

كمثال ، انظر إلى إطار عرض الدائرة الإبداعية أدناه . لا يوجد شيء على الشاشة يشير إلى أنك بحاجة إلى التمرير لرؤية المزيد من المحتوى أدناه.

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

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

2. هل تتوقع من زوار موقعك ملء هذه الحقول العشرة؟

فقط تخيل أنك أعجبت ونقرت على إعلان أداة تسويق من إعلان PPC (من جهازك المحمول).

إنها المرة الأولى التي تعرف فيها عن هذه الأداة.

ولكن ، بمجرد تحميل موقع الويب ، يتم دفعك إلى نموذج يحتوي على 10 حقول.

هاه!

من المتوقع أن تكتب نموذجًا طويلاً من هاتفك المحمول.

ماذا ستفعل؟

أعتقد أنك ستفكر ، "لا. شكرا لك "وابتعد.

توقع من عملائك أن يفعلوا الشيء نفسه. 

انظر ، أتفهم أنه يتطلب مجهودًا إضافيًا من طرفك إلى البريد (أو الاتصال) بعميل محتمل للحصول على معلومات مفصلة عنه.

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

فيما يلي 5 نصائح لتحسين تجربة النموذج على الأجهزة المحمولة.

1. لا تخيف المستخدم. اعتمد عقلية أساسية واطلب فقط البريد الإلكتروني لعميلك (أو المعلومات الأكثر أهمية).

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

2. إذا كنت لا تستطيع التنازل عن عدد الحقول الخاصة بك ، فعلى الأقل اسمح بالإكمال التلقائي. يدعمه Chrome ويدعمه Safari أيضًا ، إذا قام المستخدم بتمكينه في إعدادات iPhone الخاصة به.

للسماح بالإكمال التلقائي في حقل البريد الإلكتروني ، يكون رمز HTML هو “<input type =” email ”name =” customerEmail ”autocomplete =” email ”/>”

فيما يلي مقالة أكثر تفصيلاً حول سمة Chrome للملء التلقائي لـ HTML .

يمكنك أيضًا محاولة استخدام ميزة الهاتف الذكي مثل الكاميرا ونظام تحديد المواقع والصوت وجهات الاتصال لملء حقول النموذج للمستخدم.

3. الاختراق الآخر للقضاء على الاحتكاك الملحوظ في إكمال المزيد من حقول النموذج هو إزالة المسافة بينهما.

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

كمثال ، انظر إلى مثال degoo أدناه بمسافة غير ضرورية بين حقول النموذج .

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

4. افترض أن المستخدم الخاص بك قد اهتم بمنتجك وبدأ في ملء النموذج الخاص بك. لكنه يرتكب خطأ في ملء حقل النموذج. لا مفر منه.

كيف يمكنك الاحتفاظ بالتجربة ممتعة وجعل المستخدم ينهيها؟

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

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

إذا كنت تريد المزيد من النصائح حول تصميم رسالة خطأ النموذج ، فيمكنك تصفح هذه المناقشة في Stack Exchange .

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

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

يمتلك المستخدمون الهواتف المحمولة بهذه الطرق الأساسية الثلاثة وفقًا لبحث أجرته UX Matters .

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

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

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

3. إنها ليست عام 2010… تحتاج إلى تأرجح عالم جمهورك في ثانيتين.

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

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

أنت تعرف ما هو أسهل؟

إنزال صفحتك.

في الواقع، 43٪ من المستخدمين هم من غير المرجح أن تعود إلى بطء التحميل الصفحة المقصودة و الثانية 85٪ من مستخدمي المحمول تتوقع الصفحة لتحميل بأسرع أو أسرع من سطح المكتب الذي يأخذ 2 ثانية لتحميل .

بدأت Google الآن في إظهار النتائج بعلامة تحذير "بطء التحميل" في نتائج البحث. هذا عامل قتل آخر لنسبة النقر إلى الظهور.

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

لكني أريد التركيز على شيئين.

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

أجرى كينت ألتساد سلسلة من العلاجات لقياس فعالية شبكات CDN لمستخدمي الأجهزة المحمولة.

ولكن ، يمكن لـ CDN أيضًا أن ينطلق فقط في أقل من ثانية في وقت التحميل ، من 7.059 ثانية إلى 6.245 ثانية.

لم يجد استخدام CDN يستحق الاستثمار وطرح هذه الأسئلة الصحيحة حول استخدام CDN على الهواتف المحمولة.

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

كبديل للاعتماد فقط على التخزين المؤقت للمتصفح ، ستحتاج إلى استخدام مواصفات HTML localStorage . أو يمكنك أيضًا الاعتماد على حلول تسريع الأجهزة المحمولة الآلية مثل RadWare's Fastview .

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

1. اختر تنسيق الصورة الصحيح - JPEG هو الأفضل بشكل عام ، لأنه مدعوم من قبل معظم المتصفحات. يمكن استخدام PNG ، ولكن عليك الابتعاد عن BMPs أو TIFF.
2. استخدم أدوات تحرير الصور - إذا كان عرض صفحتك هو 600 بكسل ، فقم بقص صورك للحصول على الحجم المناسب. لا تقم فقط بتحميل صورة 1500 بكسل وتعيين معلمة العرض إلى 600. سيساعدك هذا في تقليل حجم الملف وتحسين تجربة المستخدم في نفس الوقت.
3. ضغط الصور - يعمل مكون إضافي مثل WP Smush على WordPress بشكل رائع دون التأثير على جودة الصورة. فيما يلي قائمة بالحلول البديلة لضغط الصور .
4. تخلص من أي بيانات وصفية غير ضرورية للصورة - يتم استخدام بيانات EXIF بواسطة جميع الكاميرات الرقمية الجديدة تقريبًا لتخزين معلومات الصورة مثل تاريخ الالتقاط وطراز الكاميرا والفلاش المستخدم وموضع GPS وما إلى ذلك.

من الواضح أن المعلومات غير الضرورية تؤدي إلى إبطاء وقت التحميل.

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

يمكنك استخدام موقع الويب Exif.er لتحرير البيانات الوصفية لصورتك قبل تحميلها. يمكنك حتى تغيير البيانات وجعل الصورة تظهر وكأنك تملكها.

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

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

يمكن العثور عليها ضمن الجمهور> التكنولوجيا> الشبكة. يمكنك أيضًا إنشاء تقرير مخصص.

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

4. لا تفكر حتى في أن زوار هاتفك المحمول سوف يتخذون إجراءين

على الهاتف المحمول ، يتطلب إقناع عميلك باتخاذ إجراء واحد فقط جهدًا كبيرًا ، ناهيك عن اثنين.

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

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

وهو ما يقودني إلى أفضل 5 ممارسات للحث على اتخاذ إجراء لتحسين تحويلاتك.

1. تصميم زر واحد كبير للحث على اتخاذ إجراء (يمكن النقر عليه بسهولة بواسطة الإبهام) بنسخة مقنعة.

وفقًا لبحث أجراه مختبر MIT Touch Lab ، يبلغ متوسط عرض الإبهام البشري 2.5 سم (72 بكسل) وإصبع السبابة 1.6 إلى 2 سم (45-57 بكسل).

تأكد من أن عبارة الحث على اتخاذ إجراء كاملة العرض - 44 بكسل على الأقل.

2. يحتاج زر الحث على الشراء إلى مخطط ألوان متباين مع الصفحة المحيطة.

تعد أزرار الألوان نفسها في الخلفية (مثل الزر أدناه) خطأً فادحًا.

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

3. نصيحة رائعة من Oli Garden of Unbounce لتجنب حالة الخلط والحصول على الوضوح هي:

تصميم النموذج الخاص بك في عزلة.

هذا منطقي لأنه في المساحة المحدودة على الهاتف المحمول لن يظهر العنوان الرئيسي والعنوان الفرعي و CTA بالضرورة في وقت واحد.

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

هذا صالح بشكل خاص لصفحة هبوط طويلة. سيؤدي تكرار CTA الخاص بك إلى إبقاء هدف التحويل في نظر العميل.

انظر كيف يذكرك MailChimp بـ "التسجيل مجانًا" مرتين.

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

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

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

يمكن أن يساعدك في حل مخاوف المتسوقين في اللحظة الأخيرة ويقدم بسهولة خيار الخروج لأولئك الذين لا يرغبون في الشراء عبر الإنترنت.

يمكنك تمكين وظيفة click-to-call هذه على صفحتك المقصودة باستخدام كود HTML هذا الذي يستخدم بروتوكول tel (فقط قم بتعيين المعلمات الغامقة وفقًا لعملك):

<وأ href = "الهاتف: رقمك " الطبقة = "clicktocall"> CTA نص الارتباط </ أ>

من الجيد تضمين رقمك في نسخة CTA لتكون شفافة.

عندما يقوم عميلك بإجراء المكالمة ، تحتاج أيضًا إلى التأكد من أن جودة المكالمة فائقة. وتحتاج بالفعل إلى الرد على الهاتف. 

5. قم بإجراء فحص نهائي من خلال ارتداء حذاء العميل

هل تريد أن تكون رحلة الهاتف المحمول للعميل بشكل عام ممتعة وخالية من الاحتكاك ، أليس كذلك؟

ثم إليك نصيحتان لتكرار تجربتهم.

1. ابدأ بأداة مثل Mobile Phone Emulator .

سيُطلب منك أولاً حجم الشاشة الفعلي. بعد ذلك ، تحتاج إلى إدخال عنوان موقع الويب الخاص بك في قسم "موقع الويب للمحاكاة".

في قسم محطة الهاتف الخلوي ، يمكنك حتى تغيير هاتفك المحمول والمتصفح المفضل لديك.

2. بعد ذلك ، يجب عليك البحث في تقارير Google Analytics للعثور على الأجهزة الأكثر شيوعًا التي يستخدمها عملاؤك .

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

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

انظر إلى HubSpot. لقد أجروا اختبارًا صارمًا للصفحة المقصودة للأجهزة المحمولة بهدف "حل المشكلات للمستخدم".

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

بدأوا بتشديد محتواهم وتحسين صورهم.

ثم قاموا بعد ذلك بتقليل عدد حقول النموذج بمساعدة المحتوى الذكي.

النتيجة؟

انخفضت معدلات الارتداد الخاصة بهم بمعدل 27 ٪ في اختبار النموذج الذكي للهاتف المحمول.

وشهد اختبار المحتوى المحسّن للجوّال انخفاضًا بنسبة 10.7٪ في معدل الارتداد.

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

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

استنتاج

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

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

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

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

ملاحظة المحرر: ظهرت نسخة من هذه المقالة في الأصل على neilpatel.com .