12 महत्वपूर्ण तत्व हर वेबसाइट में होने चाहिए [Infographic]

यह साइट आपके व्यवसाय के आभासी सामने के दरवाजे के रूप में कार्य करती है, आपकी वेबसाइट के अधिकांश ट्रैफ़िक उत्पन्न करने के लिए ज़िम्मेदार है। फिर भी, इसकी कुख्याति के बावजूद, कई कंपनियां इसे ठीक से अनुकूलित करने के लिए संघर्ष करती हैं।

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

अपने मुखपृष्ठ के प्रदर्शन को बेहतर बनाने के लिए, इन तत्वों की जाँच करें जो प्रत्येक मुखपृष्ठ में होने चाहिए।

12 महत्वपूर्ण तत्व हर वेबसाइट में होने चाहिए

सहेजें

वेबसाइट होमपेज इन्फोग्राफिक के लिए 12 महत्वपूर्ण तत्व

सहेजें

इस छवि को अपनी साइट पर साझा करें

आपको अपनी वेबसाइट वेबसाइट डिजाइन में क्या शामिल करने की आवश्यकता है

1. शीर्षक

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

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

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

ड्रॉपबॉक्स होमपेज

2. उप-शीर्षक

आप क्या कर रहे हैं या आप क्या पेशकश कर रहे हैं, इसका संक्षिप्त विवरण प्रदान करके आपके उपशीर्षक को शीर्षक का पूरक होना चाहिए। यह एक सामान्य दर्द बिंदु को शून्य करके प्रभावी ढंग से किया जा सकता है जो आपके उत्पाद को एक सेवा के रूप में हल करता है।

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

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

3. प्राथमिक कॉल-टू-एक्शन

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

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

आफ्टरस्कूल मुख्यालय की वेबसाइट में बीड के ऊपर दो सीटीए हैं, दोनों का उद्देश्य कार्यक्रम निदेशकों के लिए है जो साइट पर परिवारों के लिए अपने स्कूल के बाद के कार्यक्रमों को बढ़ावा देने में रुचि रखते हैं। लंबे CTA के नीचे दिया गया नोट “अपनी निःशुल्क प्रोफ़ाइल बनाएं” आगंतुकों को एक खाता बनाने के लिए आवश्यक गले लगाता है – आफ्टरस्कूल मुख्यालय प्रदाता बनने का पहला कदम।

4. सहायक छवि

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

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

4-पेज का स्मोकहाउस होमपेज भावनात्मक इमेजरी का एक बेहतरीन उदाहरण है: इसमें लघु, उच्च परिभाषा और जबरदस्त वीडियो की एक श्रृंखला है जो एक साधारण शीर्षक, उपशीर्षक और प्राथमिक सीटीए के पीछे एक लूप पर चलती है:

4 नदियों के लिए मुखपृष्ठ स्मोकहाउस वेबसाइट में चीज़बर्गर के साथ छवि है

5. लाभ

आप जो करते हैं उसका वर्णन करना न केवल महत्वपूर्ण है, बल्कि आप जो करते हैं वह क्यों महत्वपूर्ण है। संभावनाएँ आपसे ख़रीदने के फ़ायदों के बारे में जानना चाहती हैं क्योंकि यही वह चीज़ है जो आपको रखने के लिए मजबूर करेगी।

कॉपी को हल्का और पढ़ने में आसान रखें, और अपने ग्राहकों की भाषा बोलें। एवरनोट अपने होम पेज पर लाभों को सूचीबद्ध करने का एक अच्छा काम करता है जो आकर्षक, आकर्षक और समझने में आसान है:

एवरनोट वेबसाइट के लाभ

6. सामाजिक प्रमाण

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

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

प्रशंसापत्र और पाठों पर वेबसाइटों की समीक्षा

7. नेविगेशन

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

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

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

स्मार्ट और हस्की वेबसाइट होमपेज नेविगेशन

8. सामग्री प्रस्ताव

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

9. सेकेंडरी कॉल-टू-एक्शन

अपने प्राथमिक लक्ष्य में रुचि नहीं रखने वाले संभावित लोगों के लिए अतिरिक्त संवादात्मक अवसर प्रदान करने के लिए अपने होम पेज पर द्वितीयक सीटीए बनाएं। उन्हें आपातकालीन योजना के रूप में सोचें: वे उन आगंतुकों के लिए एक और रास्ता प्रदान करते हैं जो अभी तक आपके द्वारा पूछे जाने वाले उच्च-दांव के लिए तैयार नहीं हैं।

जबकि आपका प्राथमिक सीटीए तह के ऊपर होना चाहिए, माध्यमिक सीटीए को तह के नीचे रखें ताकि आगंतुकों को नीचे स्क्रॉल करने पर क्लिक करने के लिए चीजें मिल सकें। उदाहरण के लिए, स्पैनक्स के होमपेज पर फोल्ड के नीचे, आपको तीन स्पष्ट रूप से परिभाषित कॉल-टू-एक्शन मिलेंगे, जो इसे स्क्रॉल करने वाले लोगों को क्लिक करने के लिए कुछ और विकल्प देते हैं। ये द्वितीयक सीटीए दो अलग-अलग प्रकार की बातचीत के लिए हैं: एक पूरी तरह से $ 20 के लिए छोड़ दिया गया और दूसरा, ऑनलाइन कैटलॉग का पता लगाने के लिए “अभी खरीदारी करें”।

स्पैनक्स वेबसाइट होमपेज सेकेंडरी सीटीए

10. विशेषताएं

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

व्यावसायिक वेबसाइट सुविधाओं के लिए ड्रॉपबॉक्स

11. स्रोत

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

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

पाद लेख में संसाधनों और सीटीए के साथ लवसैक वेबसाइट का मुखपृष्ठ

12. सफलता संकेतक

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

कैलेंडली होमपेज पर, उदाहरण के लिए, आप उन प्रतिष्ठित संगठनों के नाम पाएंगे जिन्हें उन्होंने मान्यता दी है, जैसे कि गार्टनर एन ड्रॉपबॉक्स।

कलेंडली वेबसाइट होमपेज

वेबसाइट पर जाने लायक

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

एक होम पेज के साथ एक शानदार फर्स्ट इंप्रेशन बनाएं जिसमें ऊपर उल्लिखित तत्व शामिल हों। और अधिक प्रेरणा के लिए, नीचे दी गई निःशुल्क लुकबुक को डाउनलोड करके होमपेजों के अद्भुत उदाहरण देखें।

संपादक का नोट: यह पोस्ट मूल रूप से जनवरी 2012 में प्रकाशित हुई थी और इसे ताजगी, सटीकता और पूर्णता के लिए अद्यतन किया गया है।

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

Leave a Reply

Your email address will not be published. Required fields are marked *

Previous post रचनात्मक उद्योगों में काम करने वाले उत्पाद को कैसे प्राप्त करें
Next post फेसबुक आयात अब माइक्रोसॉफ्ट विज्ञापन में उपलब्ध है