लैंडिंग पृष्ठ कैसे बनाएं: 13 चरण (चित्रों के साथ)

विषयसूची:

लैंडिंग पृष्ठ कैसे बनाएं: 13 चरण (चित्रों के साथ)
लैंडिंग पृष्ठ कैसे बनाएं: 13 चरण (चित्रों के साथ)

वीडियो: लैंडिंग पृष्ठ कैसे बनाएं: 13 चरण (चित्रों के साथ)

वीडियो: लैंडिंग पृष्ठ कैसे बनाएं: 13 चरण (चित्रों के साथ)
वीडियो: How to Become Web Designer With Full Information? – [Hindi] – Quick Support 2024, अप्रैल
Anonim

यह wikiHow आपको सिखाता है कि कैसे अपनी वेबसाइट के होम पेज को स्ट्रक्चर करना है। होम पेज-जिसे लैंडिंग पेज के रूप में भी जाना जाता है- आमतौर पर पहला पेज होता है जिसे लोग आपकी वेबसाइट पर आने पर देखेंगे, इसलिए अगर आप लोगों को अपनी वेबसाइट पर बने रहने के लिए प्रोत्साहित करना चाहते हैं तो इसे सुविधा के लिए सेट करना महत्वपूर्ण है।

कदम

एक लैंडिंग पृष्ठ बनाएँ चरण 1
एक लैंडिंग पृष्ठ बनाएँ चरण 1

चरण 1. लोकप्रिय लैंडिंग पृष्ठों की समीक्षा करें।

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

  • Spotify
  • फेसबुक
  • विकिपीडिया
एक लैंडिंग पृष्ठ बनाएँ चरण 2
एक लैंडिंग पृष्ठ बनाएँ चरण 2

चरण 2. अपने लैंडिंग पृष्ठ का उद्देश्य स्थापित करें।

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

एक लैंडिंग पृष्ठ बनाएँ चरण 3
एक लैंडिंग पृष्ठ बनाएँ चरण 3

चरण 3. लैंडिंग पृष्ठ टेम्पलेट का उपयोग करने पर विचार करें।

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

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

एक लैंडिंग पृष्ठ बनाएँ चरण 4
एक लैंडिंग पृष्ठ बनाएँ चरण 4

चरण 4. सामान्य वेब डिज़ाइन को लागू करना याद रखें।

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

  • खोज बार (यदि लागू हो) को पृष्ठ के ऊपरी-दाएँ भाग में रखें।
  • मेनू आइटम को पृष्ठ के शीर्ष पर रखें।
  • अपने लोगो या होम पेज के लिंक को पेज के ऊपर बाईं ओर रखें।
  • महत्वपूर्ण उन्नत सामग्री के लिंक रखें (उदा., the संपर्क करें लिंक) पृष्ठ के निचले भाग में।
एक लैंडिंग पृष्ठ बनाएँ चरण 5
एक लैंडिंग पृष्ठ बनाएँ चरण 5

चरण 5. उद्देश्य का समर्थन करने के लिए छवियों और पाठ का उपयोग करें।

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

आप इस स्थान का उपयोग ग्राहक प्रशंसापत्र, अपनी साइट के बारे में समाचार, या अन्य उपयोगकर्ता-प्रासंगिक जानकारी रखने के लिए भी कर सकते हैं।

एक लैंडिंग पृष्ठ बनाएँ चरण 6
एक लैंडिंग पृष्ठ बनाएँ चरण 6

चरण 6. अपने दर्शकों के सवालों के जवाब दें।

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

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

चरण 7. एक स्पष्ट कॉल टू एक्शन बटन जोड़ें।

यदि आपका लक्ष्य किसी उपयोगकर्ता को सूचनाओं के लिए साइन अप करना है, उदाहरण के लिए, आपके कॉल टू एक्शन बटन में "ईमेल पता सबमिट करें" के बजाय "मुझे सूचित करें" जैसा कुछ लिखा होना चाहिए।

अपने कॉल टू एक्शन के नीचे एक सबहेडिंग (जैसे, "नेवर मिस ए डील अगेन") बटन के संदेश को सुदृढ़ करने में मदद कर सकता है।

एक लैंडिंग पृष्ठ बनाएँ चरण 8
एक लैंडिंग पृष्ठ बनाएँ चरण 8

चरण 8. पाठ प्रपत्रों का अति प्रयोग न करें।

यदि आपकी वेबसाइट के लिए उपयोगकर्ताओं को ईमेल पते से साइन अप करने या खाता बनाने की आवश्यकता है, तो उन्हें भरने वाले टेक्स्ट बॉक्स की संख्या कम से कम रखें। लोगों को जितने अधिक टेक्स्ट बॉक्स भरने होंगे, उनके समाप्त होने से पहले साइन-अप प्रक्रिया को छोड़ने की उतनी ही अधिक संभावना होगी।

एक ईमेल पता, एक प्रथम और अंतिम नाम, और एक पासवर्ड आमतौर पर आपकी अनुरोधित जानकारी की सीमा होनी चाहिए।

एक लैंडिंग पृष्ठ बनाएँ चरण 9
एक लैंडिंग पृष्ठ बनाएँ चरण 9

चरण 9. स्पष्ट नेविगेशन विकल्प प्रदान करें।

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

यदि आपकी वेबसाइट में एक विशाल इन्वेंट्री या इसी तरह के उच्च-खोज विकल्प हैं, तो आप ऊपरी-दाएं कोने में एक खोज बार जोड़ना चाह सकते हैं।

एक लैंडिंग पृष्ठ बनाएँ चरण 10
एक लैंडिंग पृष्ठ बनाएँ चरण 10

चरण 10. ऑन-स्क्रीन अव्यवस्था की मात्रा को कम करें।

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

सामग्री-भारी लैंडिंग पृष्ठों के लिए एक विकल्प यह है कि गैर-आवश्यक वस्तुओं को पृष्ठ के शीर्ष-बाईं ओर एक मेनू आइकन (☰) द्वारा दर्शाए गए एक संक्षिप्त मेनू में रखा जाए। मेनू तब सामग्री की तालिका के रूप में काम कर सकता है।

एक लैंडिंग पृष्ठ बनाएँ चरण 11
एक लैंडिंग पृष्ठ बनाएँ चरण 11

चरण 11. पृष्ठ के शीर्ष पर तत्काल अलर्ट प्रदर्शित करें।

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

एक लैंडिंग पृष्ठ बनाएँ चरण 12
एक लैंडिंग पृष्ठ बनाएँ चरण 12

Step 12. मोबाइल यूजर्स को ध्यान में रखें।

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

  • ऑनलाइन ट्रैफ़िक का बड़ा हिस्सा मोबाइल उपयोगकर्ताओं से आता है, इसलिए फ्लैश-आधारित ग्राफिक्स या किसी भी प्रकार के ऑटो-प्लेइंग वीडियो के अपने उपयोग को कम करने पर विचार करें।
  • यदि आप किसी होस्टिंग सेवा के लैंडिंग पृष्ठ टेम्पलेट का उपयोग कर रहे हैं, तो टेम्पलेट में संभवतः एक मोबाइल संस्करण शामिल है जो मोबाइल ब्राउज़र का पता चलने पर स्वचालित रूप से प्रदर्शित होगा।
एक लैंडिंग पृष्ठ बनाएँ चरण 13
एक लैंडिंग पृष्ठ बनाएँ चरण 13

चरण 13. सामान्य लैंडिंग पृष्ठ के नुकसान से बचें।

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

  • पॉप अप
  • बड़े विज्ञापन स्थान जो उपयोगकर्ताओं को संपूर्ण पृष्ठ देखने में सक्षम होने से रोकते हैं
  • ज्वलंत, टकराते रंग
  • अत्यधिक गतिशील तत्व (वेब पेज पर बहुत अधिक हलचल कुछ उपयोगकर्ताओं को मोशन सिकनेस का अनुभव करा सकती है)
  • बहुत अधिक चित्र या वीडियो (इससे पृष्ठ धीमी गति से लोड हो सकता है)

सिफारिश की: