परफेक्ट मोबाइल लैंडिंग पेज कैसे बनाएं

परफेक्ट मोबाइल लैंडिंग पेज कैसे बनाएं

इस ब्लॉग पोस्ट को 2019 के लिए अपडेट किया गया है।

यदि डेस्कटॉप लैंडिंग पृष्ठ नौकरी के साक्षात्कार के समतुल्य हैं, तो मोबाइल लैंडिंग पृष्ठ स्टेरॉयड पर एलेवेटर पिचों की तरह हैं – आपके पृष्ठ को लोड करने, अपने उपयोगकर्ताओं का ध्यान आकर्षित करने और उन्हें कार्य करने के लिए राजी करने के लिए आपके पास मात्र कुछ सेकंड हैं। संपूर्ण मोबाइल लैंडिंग पृष्ठ बनाना कोई आसान काम नहीं है, और जब तक आपके पास शुरू करने से पहले एक मजबूत मोबाइल रणनीति नहीं है, आप अधिक रूपांतरणों के लिए अमूल्य अवसरों से वंचित रह सकते हैं।

अधिक: किलर ई-कॉमर्स प्रोडक्ट पेज के लिए 9 टिप्स

मोबाइल लैंडिंग पृष्ठों का महत्व

यहां तक ​​​​कि अगर आप पूरी तरह से जानते हैं कि आपको नहीं करना चाहिए और इसके द्वारा नहीं करना चाहिएमेरा मतलब नहीं कर सकता—मोबाइल की प्रमुखता पर ध्यान न दें, इस बात की बहुत अधिक संभावना है कि आपका सामना संशयवादियों से होगा। आप उन लोगों के साथ काम कर सकते हैं जो मोबाइल ऑप्टिमाइज़ेशन को प्राथमिकता देने से इनकार करते हैं—ऐसे लोग जो दावा करते हैं कि ऐसा करने के लिए कॉल निराधार और खाली हैं।

मोबाइल-लैंडिंग-पेज-ऑफिस-स्पेस-बॉस

ठीक है, यहाँ वर्डस्ट्रीम में, हम ठंडे, कठोर की शक्ति में दृढ़ विश्वास रखते हैं नंबर। यहां 10 आंकड़े दिए गए हैं जिन्हें आप संशयवादियों के दिमाग को बदलने के लिए साझा कर सकते हैं:

  • सभी इंटरनेट ट्रैफ़िक का अधिकांश भाग मोबाइल उपकरणों से आता है।
  • लोग अपने कुल मीडिया समय का 69% अपने स्मार्टफ़ोन पर व्यतीत करते हैं।
  • इस दशक में स्मार्टफोन रखने वाले अमेरिकी वयस्कों का प्रतिशत तेजी से बढ़ा है।
  • 89% उपभोक्ताओं का कहना है कि सकारात्मक मोबाइल अनुभव के बाद वे किसी ब्रांड की सिफारिश करेंगे।
  • 57% मोबाइल डिवाइस उपयोगकर्ताओं का कहना है कि यदि आपका मोबाइल वेबसाइट का अनुभव खराब है तो वे आपके व्यवसाय की अनुशंसा नहीं करेंगे।
  • नकारात्मक मोबाइल अनुभव के बाद उपभोक्ताओं द्वारा आपके उत्पाद या सेवा को खरीदने की संभावना 62% कम हो जाती है।
  • खुदरा वेबसाइटों पर 71% वैश्विक ट्रैफ़िक स्मार्टफोन और टैबलेट से आता है।
  • स्मार्टफोन और टैबलेट दोनों पर ईकॉमर्स रूपांतरण दर 2017 की तीसरी तिमाही और 2018 की तीसरी तिमाही के बीच बढ़ी है।
  • लगभग सभी ऑनलाइन शॉपिंग ऑर्डर मोबाइल के माध्यम से किए जाते हैं।
  • टैबलेट उपयोगकर्ता 8.58% की बकाया दर पर ई-कॉमर्स वेबसाइटों पर अपने कार्ट में उत्पाद जोड़ते हैं।

मोबाइल लैंडिंग पृष्ठ कैसे डिज़ाइन करें

सिर्फ इसलिए कि आपके डेस्कटॉप लैंडिंग पृष्ठ मोबाइल उपकरण पर देखे जा सकते हैं, इसका मतलब यह नहीं है कि आपको केवल मोबाइल के लिए विशेषीकृत पृष्ठ नहीं बनाने चाहिए। मोबाइल उपकरणों पर अपने लैंडिंग पृष्ठों के डेस्कटॉप संस्करण प्रस्तुत करना एक बड़ी गलती है, क्योंकि लोग अपने लैपटॉप या डेस्कटॉप की तुलना में मोबाइल उपकरणों पर साइटों के साथ बहुत अलग तरीके से इंटरैक्ट करते हैं। नीचे कुछ मोबाइल लैंडिंग पृष्ठ सर्वोत्तम व्यवहारों को ध्यान में रखा गया है।

मोबाइल लैंडिंग पृष्ठों के लिए शीर्षक

सुर्खियाँ छोटी होनी चाहिए – क्रूरता से कम (उन अप्रतिरोध्य अपवर्थी-शैली के क्लिकबेट सुर्खियों के बारे में भूल जाइए)। चार शब्द या उससे कम आदर्श है। एक बार जब आपको लगे कि आपने अपने लैंडिंग पृष्ठ की कॉपी लिखना समाप्त कर लिया है, तो वापस जाएं और उसे संपादित करें। फिर इसे दोबारा करें। हर एक शब्द को काट दें जो वहाँ होने की आवश्यकता नहीं है – हाँ, यहाँ तक कि वे सेक्सी नए उत्पाद विवरण भी। आप यह पूछकर एक कदम और आगे ले जा सकते हैं कि क्या आपको अपने मोबाइल लैंडिंग पृष्ठ पर कॉपी की आवश्यकता है। (कुछ व्यवसायों को मुख्य रूप से छवि-चालित लैंडिंग पृष्ठों के साथ सफलता मिल रही है।)

मोबाइल लैंडिंग पृष्ठ संगठन

सुनिश्चित करें कि आपके ग्राहकों को कोई कार्रवाई करने के लिए आवश्यक सभी चीज़ें पृष्ठ पर तुरंत दिखाई दे सकती हैं. अपने ग्राहकों के दृष्टिकोण से अपने मोबाइल लैंडिंग पृष्ठों के बारे में सोचें। क्या आप किसी उत्पाद के बारे में अधिक जानने के लिए स्क्रीन के चारों ओर पिंच करने या स्क्रॉल करने में कई मिनट खर्च करेंगे? आपके ग्राहक भी नहीं होंगे।

मोबाइल लैंडिंग पृष्ठ उदाहरण

लैंडिंग पृष्ठ बनाते समय, अपने पृष्ठों पर सफेद स्थान के प्रत्येक पिक्सेल को इमेजरी, टेक्स्ट या अन्य विकर्षणों से भरने के आग्रह का विरोध करें। उदाहरण के लिए ऊपर मोबाइल लैंडिंग पृष्ठ का उदाहरण लें। हां, कॉल टू एक्शन तत्काल दिखाई दे रहे हैं, लेकिन शेष पृष्ठ के साथ इतना कुछ चल रहा है कि संपूर्ण अनुभव संभावित ग्राहकों को बंद कर सकता है – साथ ही, ये उदाहरण अनावश्यक रूप से छवि-भारी हैं, जिसके परिणामस्वरूप लंबे समय तक लोड होने की संभावना है . यदि आप डिज़ाइन चरण के दौरान अपनी सहायता के लिए मोबाइल लैंडिंग पृष्ठ टेम्प्लेट का उपयोग करना चुनते हैं, तो इसे ध्यान में रखें। मोबाइल लैंडिंग पृष्ठ डिजाइन करते समय कम से कम सोचें। याद रखें – सफेद स्थान आपका मित्र है।

मोबाइल लैंडिंग पृष्ठ सीटीए

कॉल टू एक्शन मजबूत, स्पष्ट और तत्काल होना चाहिए। आदर्श रूप से, आपका कॉल टू एक्शन उपयोगकर्ता द्वारा देखे जाने वाले प्रथम पृष्ठ तत्वों में से एक होना चाहिए। हालांकि, सिर्फ इसलिए कि यह दृश्यमान है इसका मतलब यह नहीं है कि यह इष्टतम है। उदाहरण के लिए, यदि आपके मोबाइल लैंडिंग पृष्ठ का प्राथमिक उद्देश्य लीड जनरेशन है, तो आप संभावित ग्राहकों से एक लंबा वेब फ़ॉर्म भरने के लिए नहीं कहना चाहेंगे। प्रपत्रों को यथासंभव छोटा रखें – उनके नाम के लिए एक फ़ील्ड और ईमेल पते के लिए दूसरा फ़ील्ड सोचें।

क्लिक करने योग्य फोन नंबर

यदि आप चाहते हैं कि ग्राहक आपको कॉल करें, तो एक फ़ोन आइकन शामिल करें या अपनी कंपनी के फ़ोन नंबर को क्लिक करने योग्य तत्व बनाएं। यदि आप चाहते हैं कि वे आपके स्टोर (स्थानीय खोज का एक महत्वपूर्ण घटक) पर आएं, तो अपने व्यवसाय के Google मानचित्र में एक लिंक जोड़ें ताकि आगंतुक दिशा-निर्देश प्राप्त करने के लिए अपने फ़ोन की GPS कार्यक्षमता का उपयोग कर सकें।

यदि आपने कभी किसी बटन पर गलत क्लिक किया है, और फिर गलत पृष्ठ के लोड होने के लिए 10 सेकंड प्रतीक्षा करनी पड़ी है, तो आप जानते हैं कि यह कितना निराशाजनक हो सकता है। संभावित रूपांतरणों से चूकने से बचने के लिए, सुनिश्चित करें कि आपके मोबाइल लैंडिंग पृष्ठ पर क्लिक करने योग्य तत्वों के चारों ओर पर्याप्त पैडिंग है।

मोबाइल लैंडिंग पृष्ठ का महत्व रफ़्तार

जब मोबाइल लैंडिंग पृष्ठों की बात आती है, तो गति ही सब कुछ है। आपके ग्राहकों को पृष्ठ के लोड होने के लिए जितनी देर तक प्रतीक्षा करनी पड़ेगी, उतनी ही अधिक संभावना है कि वे हार मान लेंगे और कहीं और चले जाएंगे। हर सेकेंड का महत्व है।

मोबाइल लैंडिंग पेज लोडिंग बार

फ्लैश और अन्य प्लगइन्स जैसी तकनीकों का उपयोग न करें जो लोड होने में हमेशा के लिए लग सकते हैं या आपके ग्राहकों के उपकरणों के साथ असंगत हो सकते हैं। इसके बजाय, सुनिश्चित करें कि जब भी संभव हो छवियां .jpg प्रारूप में हों, और PNG-24 छवियों से हर कीमत पर बचें। आप पृष्ठ लोड समय को बेहतर बनाने के लिए HTML5 और jQuery जैसी तकनीकों का उपयोग करके पृष्ठ को कोडिंग करने पर भी विचार कर सकते हैं।

HTTP अनुरोधों की संख्या को कम से कम रखने के लिए अपने मोबाइल लैंडिंग पेजों को अनुकूलित करें (उदाहरण के लिए अनावश्यक स्क्रिप्ट्स को हटाकर), और अपने पेज को लोड होने में लगने वाले समय को और कम करने के लिए जहाँ भी संभव हो CSS इमेज स्प्राइट्स का उपयोग करें। हालांकि सामग्री के आधार पर आदर्श पृष्ठ का आकार भिन्न होता है, अपने मोबाइल लैंडिंग पृष्ठों को लगभग 20 किलोबाइट रखने का लक्ष्य रखें।

ध्यान रखें कि आपके सभी आगंतुक एक ही प्रकार के कनेक्शन का उपयोग करके आपके पृष्ठ तक नहीं पहुंचेंगे। कुछ वाई-फाई का उपयोग कर रहे होंगे, अन्य के पास 4जी एलटीई एक्सेस हो सकता है, और कुछ 3जी कनेक्शन पर हो सकते हैं। एक मजबूत 4जी एलटीई कनेक्शन पर पांच सेकंड से कम समय में लोड होने वाला मोबाइल लैंडिंग पेज 3जी कनेक्शन पर उतनी तेजी से लोड नहीं हो सकता है। यदि आप अपने मोबाइल लैंडिंग पृष्ठों को भयानक कनेक्शनों पर तेज़ी से लोड होने के लिए अनुकूलित करते हैं, तो वे उच्च-गति वाले कनेक्शनों पर और भी तेज़ होंगे।

हमेशा अपने मोबाइल लैंडिंग पृष्ठों का A/B परीक्षण करें

आप पहले से ही जानते हैं कि ए/बी परीक्षण लैंडिंग पृष्ठ हमेशा एक अच्छा विचार है, और मोबाइल लैंडिंग पृष्ठों के प्रभाव का मूल्यांकन करते समय यह और भी उपयोगी हो सकता है।

मोबाइल लैंडिंग पृष्ठ बहुभिन्नरूपी परीक्षण

छवि क्रेडिट: गूगल

आपको लगता है कि ऊपर दिए गए मोबाइल लैंडिंग पेजों में से कौन सा सबसे अधिक रूपांतरण प्रदान करेगा? यह निश्चित रूप से दूसरा उदाहरण नहीं होगा, जिसमें बहुत अधिक पाठ और कोई स्पष्ट कॉल टू एक्शन नहीं है। पहला पेज बेहतर है, लेकिन फिर भी कम कॉपी से फायदा हो सकता है। तीसरा और चौथा पृष्ठ आदर्श हैं, क्योंकि दोनों में कार्रवाई के लिए कई स्पष्ट कॉल हैं, और आगंतुकों के लिए एक अतिरिक्त प्रोत्साहन – या तो उनके आदेश पर 10% या $5 की छूट है। अपने महत्वपूर्ण दूसरे के डीवीआर से “द बैचलरेट” के सीज़न फिनाले को गलती से हटाने के लिए शांति की पेशकश के रूप में फूलों के गुलदस्ते को ऑर्डर करने का शायद एक अच्छा समय होगा, है ना?

मोबाइल लैंडिंग पृष्ठ बनाते समय व्यापक रूप से A/B परीक्षण का उपयोग करें। अपने परिवर्तनों को तेजी से विस्तृत स्तरों पर परिशोधित करने से पहले प्रमुख विविधताओं के साथ प्रारंभ करें। अपने आप को केवल A/B परीक्षण मोबाइल लैंडिंग पृष्ठ लेआउट तक सीमित न रखें – अपने कॉल टू एक्शन और ग्राहक प्रोत्साहन के साथ भी प्रयोग करें। ग्राहक की आवाज में कॉपी लिखने का प्रयास करें। यहां तक ​​कि छोटे परिवर्तन भी रूपांतरण दरों पर बड़ा प्रभाव डाल सकते हैं।

शानदार मोबाइल लैंडिंग पेजों के 3 उदाहरण

मोबाइल लैंडिंग पृष्ठों पर इस मार्गदर्शिका को समाप्त करने के लिए, आइए उन कंपनियों के तीन उदाहरण देखें, जो अपने मोबाइल आगंतुकों को शानदार, उपयोगी साइट अनुभव प्रदान कर रही हैं।

Geico

mobile-landing-pages-geico-example

न्यूनतम की बात करो! जिको के इस मोबाइल लैंडिंग पृष्ठ को पसंद करने का मुख्य कारण यह है कि ऐसा है छोटा सा चल रहा। पृष्ठ पर सब कुछ आवश्यक है, और ऐसा कुछ भी नहीं है जिसे मैं व्याकुलता मानूँ। न्यूनतम डिजाइन के लिए धन्यवाद, जिको ग्राहक बनने का मूल्य स्पष्ट रूप से और तुरंत सूचित किया जाता है: आप पैसे बचाएंगे।

साथ ही, वे मोबाइल विज़िटर के लिए रूपांतरित होने को और भी आसान नहीं बना सके. एक उद्धरण प्राप्त करने के लिए आपको केवल एक ही जानकारी दर्ज करनी होगी, वह आपका ज़िप कोड है, और कॉल बटन आपको एक क्लिक के साथ एक प्रतिनिधि से जुड़ने में सक्षम बनाता है।

प्लेटेड

मोबाइल-लैंडिंग-पेज-प्लेटेड-उदाहरण

हालाँकि प्लेटेड का यह मोबाइल लैंडिंग पृष्ठ जिको उदाहरण की तुलना में थोड़ा व्यस्त है, फिर भी मैं इसका प्रशंसक हूँ। अब तक की सबसे अच्छी सुविधा, छूट की पेशकश है। एक प्रमुख “$ 80 बचाएं!” पृष्ठ के केंद्र में सीटीए बटन चढ़ा हुआ है, जो उनके मोबाइल आगंतुकों को रूपांतरित करने के लिए बेहद आकर्षक बनाता है।

स्क्रीन के निचले भाग में सूचना पट्टी भी बढ़िया है। इससे कोई फर्क नहीं पड़ता कि आप किस प्रकार की जानकारी की तलाश कर रहे हैं, प्लेटेड आपको इसे केवल एक क्लिक के साथ एक्सेस करने में सक्षम बनाता है। सादा और सरल, यह बहुत अच्छा उपयोगकर्ता अनुभव है।

जोहो

मोबाइल-लैंडिंग-पेज-ज़ोहो-उदाहरण

अंतिम मोबाइल लैंडिंग पृष्ठ का उदाहरण हम देखेंगे जोहो से यह है। सबसे पहली बात – वह पृष्ठ के शीर्ष पर एक हत्यारा शीर्षक है। यह आपको बताता है ठीक वही जो आपको जानना चाहिए और कुछ नहीं: “हम टीम संचार सॉफ्टवेयर बेचते हैं। यह आपको अधिक उत्पादक बनाता है।”

इसके अतिरिक्त, मोबाइल आगंतुकों को ऐप को तुरंत डाउनलोड करने का अवसर देना स्मार्ट उपयोगकर्ता अनुभव डिज़ाइन है; ज़ोहो आपको सॉफ़्टवेयर के साथ आरंभ करने के लिए डिवाइस बदलने के लिए नहीं कहता है। याद रखें कि पोस्ट की शुरुआत के उन आँकड़ों ने हमें क्या बताया: नया व्यवसाय जीतने के लिए एक अच्छा मोबाइल अनुभव प्रदान करना आवश्यक है।

परफेक्ट मोबाइल लैंडिंग पेज कैसे बनाएं परफेक्ट मोबाइल लैंडिंग पेज कैसे बनाएं

प्रातिक्रिया दे

आपका ईमेल पता प्रकाशित नहीं किया जाएगा. आवश्यक फ़ील्ड चिह्नित हैं *