वेबसाइट टेम्पलेट कैसे चुनें

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

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

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

यह गाइड उन फ़ैसलों को बताती है जो टेम्पलेट चुनते समय सच में मायने रखते हैं, उसी क्रम में जिसमें वे लिए जाने चाहिए।

आपकी वेबसाइट को असल में क्या करना है?

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

यही जवाब तय करता है कि कौन सा टेम्पलेट फ़िट बैठता है। बड़ी प्रोडक्ट फ़ोटोग्राफ़ी और कार्ट बटन वाला टेम्पलेट ऑनलाइन स्टोर के लिए सही ढांचा है। हीरो स्टेटमेंट और कॉन्टैक्ट फ़ॉर्म वाला टेम्पलेट लोकल सर्विस बिज़नेस के लिए सही ढांचा है। दोनों साफ़ और प्रोफ़ेशनल दिख सकते हैं, पर वे विज़िटर को बिल्कुल अलग कामों की ओर खींच रहे हैं।

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

अपना लक्ष्य लिखें। फिर उसी नज़र से टेम्पलेट देखें। अगर लेआउट उस लक्ष्य को सबसे आगे नहीं रखता, तो आगे बढ़ जाएं।

क्या टेम्पलेट आपकी वेबसाइट के प्रकार से मेल खाता है?

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

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

ये बेतरतीब पैटर्न नहीं हैं। ये इसलिए काम करते हैं क्योंकि लेआउट उससे मेल खाता है जो वह ऑडियंस पेज पर आते समय ढूंढ रही होती है।

ऐसा टेम्पलेट चुनें जो आपकी वेबसाइट के प्रकार को ध्यान में रखकर बना हो। ज़्यादातर टेम्पलेट लाइब्रेरी इसी वजह से कैटेगरी के हिसाब से सजी होती हैं। ब्राउज़ करने से पहले उन फ़िल्टर का इस्तेमाल करें।

अगर आप अभी यह तय कर रहे हैं कि आप किस तरह की वेबसाइट बना रहे हैं, तो वेबसाइट बनाने से पहले उसकी प्लानिंग अच्छी शुरुआत है।

क्या टेम्पलेट मोबाइल पर काम करता है?

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

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

मोबाइल प्रीव्यू को ग्राहक की तरह देखें। क्या चार सेक्शन स्क्रॉल किए बिना मुख्य कॉल टू एक्शन मिल जाता है? क्या मेन्यू साफ़ खुलता है? क्या टेक्स्ट पढ़ने लायक रहता है? क्या फ़ोन नंबर या कॉन्टैक्ट बटन आसानी से टैप हो जाता है?

अगर टेम्पलेट लाइब्रेरी मोबाइल प्रीव्यू नहीं दिखाती, तो फ़ैसला करने से पहले डेमो अपने फ़ोन पर खोलें। टेक्निकल स्तर पर यह क्यों मायने रखता है, यह समझने के लिए रिस्पॉन्सिव डिज़ाइन के बारे में पढ़ना ठीक है।

क्या लेआउट आपके पास मौजूद कंटेंट के हिसाब से फ़िट है?

किसी भी टेम्पलेट का डेमो लें और स्टॉक फ़ोटो और प्लेसहोल्डर टेक्स्ट को उससे बदलें जो आपके पास असल में होगा। क्या वह अब भी टिकता है?

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

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

टेम्पलेट की कंटेंट की उम्मीदों को उससे मिलाएं जो आपके पास अभी है, उससे नहीं जिसकी आप छह महीने में उम्मीद कर रहे हैं। जो टेम्पलेट आपके असली कंटेंट के साथ खाली लगता है, वह सही टेम्पलेट नहीं है, चाहे डेमो कितना भी अच्छा दिखे।

इन खास बातों पर ध्यान दें कि टेम्पलेट इन्हें कैसे संभालता है

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

आप असल में कितना बदल सकते हैं?

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

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

कोई तरीका गलत नहीं है। ज़्यादा कठोर टेम्पलेट लॉन्च करने में तेज़ हो सकता है अगर वह पहले से आपके कंटेंट पर अच्छी तरह फ़िट बैठता है। ज़्यादा लचीला टेम्पलेट तब बेहतर है अगर आपके बिज़नेस की ऐसी खास लेआउट ज़रूरतें हैं जिन्हें आम टेम्पलेट पूरा नहीं करेगा।

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

इस पर अपने वेबसाइट बिल्डर के चुनाव के साथ सोचना ठीक है। वेबसाइट बिल्डर कैसे काम करते हैं इस पर असर डालता है कि किसी भी टेम्पलेट को कस्टमाइज़ करने पर आपके पास कितना कंट्रोल है।

क्या टेम्पलेट SEO को ध्यान में रखकर बना है?

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

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

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

अगर आप समझना चाहते हैं कि SEO आपकी वेबसाइट के ढांचे से कैसे जुड़ता है, तो SEO क्या है और यह कैसे काम करता है बुनियादी बातें समझाता है।

क्या रंग और स्टाइल असल में आपके ब्रांड से मेल खाते हैं?

यह बात साफ़ लगती है, पर इसके बारे में खास होना ज़रूरी है। टेम्पलेट डिफ़ॉल्ट कलर पैलेट और फ़ॉन्ट जोड़ी के साथ आते हैं। इनमें से ज़्यादातर बदले जा सकते हैं। लेकिन टेम्पलेट की बुनियादी स्टाइल, उसकी स्पेसिंग, उसकी ऊर्जा, कि वह मिनिमल लगता है या बोल्ड या गर्मजोशी भरा या कॉर्पोरेट, आमतौर पर सिर्फ़ रंग बदलने से नहीं बदली जा सकती।

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

टेम्पलेट की कलर स्कीम पर फ़िदा होने से पहले, मन में उसे हटाकर पूछें कि बुनियादी ढांचा क्या कहता है। क्या गति शांत है या ऊर्जावान? क्या वह कंटेंट को अपना-सा या अधिकारपूर्ण महसूस कराने के लिए बना है? क्या लेआउट फैलता है या सिकुड़ता है?

टेम्पलेट के चरित्र के आधार पर चुनें, सिर्फ़ उसके मौजूदा रंगों के आधार पर नहीं।

जब आपका बिज़नेस बढ़ेगा तब क्या होगा?

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

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

यह भी सोचें कि आपको आगे चलकर कौन से फ़ीचर चाहिए हो सकते हैं। ऑनलाइन स्टोर, बुकिंग कैलेंडर, मेंबरशिप एरिया। हर टेम्पलेट इन जोड़ों को साफ़ तरह से सपोर्ट नहीं करता। अगर उसके पीछे का प्लेटफ़ॉर्म उन फ़ीचर को सपोर्ट नहीं करता, तो टेम्पलेट से कोई फ़र्क नहीं पड़ेगा।

ऐसा प्लेटफ़ॉर्म चुनना जो आपके साथ बढ़ सके, इस फ़ैसले का हिस्सा है। सही वेबसाइट बिल्डर कैसे चुनें बताता है कि प्लेटफ़ॉर्म पक्का करने से पहले क्या जांचना है।

क्या आप इसे अपनी नज़र से देख रहे हैं या अपने ग्राहकों की नज़र से?

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

सोचिए कि वह व्यक्ति कौन है। उसकी उम्र क्या है? क्या वह जल्दी में है या आराम से देख रहा है? क्या वह खरीदने के लिए पहले से तैयार है, या अभी विकल्प तुलना कर रहा है? क्या वह सफ़र के दौरान फ़ोन पर ब्राउज़ कर रहा है या डेस्क पर बैठकर ध्यान से रिसर्च कर रहा है?

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

टेम्पलेट छांटने के लिए अपने ग्राहक की प्रोफ़ाइल का इस्तेमाल करें। वह चुनें जो उनके लिए सबसे ज़्यादा समझ आए, वह नहीं जो आप अपने लिए चुनते अगर पर्सनल साइट बना रहे होते।

WEMASY टेम्पलेट कैसे संभालता है?

WEMASY के वेबसाइट बिल्डर में इंडस्ट्री और वेबसाइट के प्रकार के हिसाब से सजी टेम्पलेट लाइब्रेरी है। टेम्पलेट को कोड लिखे बिना विज़ुअल एडिटर से कस्टमाइज़ किया जा सकता है। होस्टिंग, SSL और एनालिटिक्स उसी सब्सक्रिप्शन में शामिल हैं, इसलिए टेम्पलेट चुनने और कस्टमाइज़ करने के बाद अलग से कोई सेटअप नहीं चाहिए। सभी प्लान में क्या शामिल है, यह प्राइसिंग पेज पर देखें।

वेबसाइट टेम्पलेट चुनने के बारे में अक्सर पूछे जाने वाले सवाल