लैंडिंग पेज जो काम करता है

एक अच्छा लैंडिंग पृष्ठ बनाने का तरीका जानने से आपकी साइट पर उपयोगकर्ताओं द्वारा निष्पादित वांछित कार्यों की संख्या बढ़ाने में मदद मिलेगी। यह लेख एक अच्छे लैंडिंग पृष्ठ के डिजाइन तत्वों का अवलोकन प्रदान करता है।

लैंडिंग पृष्ठ क्या है?

शुरू करने से पहले, आइए लैंडिंग पृष्ठ की अवधारणा को परिभाषित करें:

• तकनीकी दृष्टिकोण से, एक लैंडिंग पृष्ठ एक ऐसा पृष्ठ होता है जिसमें एक नियमित वेब पेज (HTML, CSS, पाठ, चित्र, वीडियो, आदि) के समान तत्व होते हैं।
• व्यवसाय की दृष्टि से , यह एक ऐसा पेज है जो उपयोगकर्ता को आवश्यक कार्रवाई करने के लिए प्रोत्साहित करता है (खरीद या सदस्यता)
• उपयोगकर्ता के दृष्टिकोण से , यह वह पृष्ठ है, जिस पर वह किसी अन्य साइट से लिंक पर क्लिक करता है (एक खोज इंजन, ट्विटर से, एक बैनर पर क्लिक करके)

लैंडिंग पृष्ठ बनाने के तीन सबसे आम कारण हैं:

• उपयोगकर्ता को समाचार पत्र में पंजीकरण या सदस्यता के लिए मजबूर करें
• किसी विशिष्ट स्थिति में एक विशिष्ट उत्पाद बेचते हैं (बिक्री या प्रचार)
• सॉफ़्टवेयर डाउनलोड या इंस्टॉल करने के लिए उपयोगकर्ता को बाध्य करें

एक प्रभावी लैंडिंग पृष्ठ विकसित करने के सिद्धांत

आइए एक अच्छे लैंडिंग पृष्ठ में निहित घटकों या कारकों पर चर्चा करें।

कार्रवाई के लिए कॉल करें

कॉल टू एक्शन पूछता है और यहां तक ​​कि उपयोगकर्ता को एक विशिष्ट कार्रवाई करने के लिए मजबूर करता है। कॉल टू एक्शन का एक उदाहरण "हमारे न्यूज़लेटर की सदस्यता लें" है। अक्सर कॉल टू एक्शन उपयोगकर्ता को पृष्ठ के कुछ तत्व (लिंक या बटन) पर क्लिक करने या एक फ़ॉर्म भरने की पेशकश करता है।

सुझाव:

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

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

हैडर

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

ध्यान रखें कि शीर्षक का केवल एक ही लक्ष्य है - उपयोगकर्ता को यथासंभव लंबे समय तक पृष्ठ पर बने रहना।

शीर्षक बनाते समय, अपने आप से पूछें: "क्या यह एक दिलचस्प शीर्षक है और क्या यह वास्तव में उपयोगकर्ता को आगे पढ़ना जारी रखता है?"

सुझाव:

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

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

आराम

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

सुझाव:

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

ड्रॉपबॉक्स का लैंडिंग पृष्ठ बेहद सरल है। केवल 3 तत्व हैं: लोगो, वीडियो और एक सिंगल बटन। कॉल टू एक्शन - एप्लिकेशन डाउनलोड करें। लेकिन वीडियो एक अतिरिक्त कॉल टू एक्शन है, जिससे उपयोगकर्ता को यह जानकारी मिलती है कि उसे ड्रॉपबॉक्स उपयोगकर्ता क्यों बनना चाहिए।

नेत्र प्रक्षेप

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

एक उचित मार्ग सूचना की धारणा को तेज करता है और यह सुनिश्चित करता है कि साइट आगंतुक अंततः कॉल टू एक्शन को समझता है।

सुझाव:

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

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

प्रासंगिकता

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

सुझाव:

• प्रत्येक मार्केटिंग अभियान के लिए अलग लैंडिंग पृष्ठ बनाएं। यदि आप फेसबुक के साथ एक विज्ञापन अभियान कर रहे हैं, तो यह लैंडिंग पृष्ठ पर परिलक्षित होना चाहिए।
• लैंडिंग पृष्ठ को स्रोत के आधार पर बदलना चाहिए - सामग्री, प्रोमो कोड और कार्यों को कॉल करें।

उपयोगकर्ता को जोखिम में न डालें

जाहिर है कोई भी रिस्क लेना पसंद नहीं करता। सुरक्षा, गोपनीयता और धोखाधड़ी के लिए जिम्मेदार।

सुझाव:

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

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

कमी

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

सुझाव:

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

छूट की वैधता को इंगित करने के लिए माइटी डील्स वेबसाइट पर एक टाइमर प्रदर्शित किया गया है। यह उपयोगकर्ताओं को बाद में खरीदारी को स्थगित न करने के लिए प्रोत्साहित करता है।

तत्वों पर भरोसा करें

उपयोगकर्ताओं को यह समझाने के कई तरीके हैं कि साइट का उपयोग करना सुरक्षित और सुरक्षित है।

इसका एक तरीका सबूत के रूप में सामाजिक सेवाओं का उपयोग करना है। यह एक उत्पाद ट्वीट फीड, पिछले ग्राहकों की समीक्षा, साथ ही अन्य साइटों, जैसे ब्लॉग पर आपके बारे में सकारात्मक समीक्षा हो सकती है।

यह प्राप्त पुरस्कारों या प्रमाणपत्रों को प्रदर्शित करने के लिए भी समझ में आता है।

सुझाव:

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

फ्रेशबुक वेबसाइट पर , आप ट्रस्ट के तीन अलग-अलग तत्वों को देख सकते हैं: (1) सेवा का उपयोग करने वाले लोगों की संख्या, (2) सम्मानित और प्रसिद्ध स्रोतों से, जैसे कि न्यूयॉर्क टाइम्स और (3) एक सुरक्षा प्रमाणपत्र।

निष्कर्ष

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