टेम्पलेट्स को सिर्फ दिखावे से न चुनें: एजेंसियों के लिए एक कंटेंट-फर्स्ट वर्कफ़्लो

सारांश

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

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

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

प्रश्नों से शुरू करें, टेम्पलेट शॉप से नहीं

क्लाइंट एक साफ-सुथरा ब्रीफ भेजता है: "हमें एक आधुनिक वेबसाइट चाहिए। साफ डिज़ाइन। हम दिखना चाहते हैं जितने हम हैं उससे बड़े।" यह ब्रीफ सौ टेम्पलेट्स में फिट हो सकता है। यह आपको कुछ नहीं बताता कि कौन सा वास्तविकता के संपर्क में टिकेगा।

टेम्पलेट्स को देखना बंद करें जब तक आप नहीं जानते कि वे क्या ले जा रहे हैं। क्लाइंट के साथ बैठें और ऐसे प्रश्न पूछें जो पेज सूची उत्पन्न करें, विशेषण नहीं:

• वर्तमान साइट पर कौन से पेज मौजूद हैं?
• एक साल बाद कौन से पेज होने चाहिए?
• कौन से पेज हर महीने अपडेट होते हैं? कौन से पेज पुराने हो जाते हैं?
• साइट पर सबसे जटिल चीज़ क्या है—एक स्पेक शीट, एक बुकिंग फॉर्म, एक वीडियो वॉल?
• ग्राहक के बाद दूसरा सबसे महत्वपूर्ण दर्शक कौन है?

उत्तर सब कुछ बदल देते हैं। औद्योगिक आपूर्तिकर्ता कहता है कि उनकी उत्पाद सूची एक पेज नहीं है; यह नौ श्रेणी पेज हैं, प्रत्येक में विस्तृत उत्पाद पेज, PDF के रूप में डेटा शीट, अनुपालन लोगो, और एक उद्धरण अनुरोध फॉर्म है। तीन खरीदार प्रकार—इंजीनियर, क्रय प्रबंधक, और वितरक—अलग-अलग पेजों पर आते हैं और अलग प्रमाण चाहते हैं।

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

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

टेम्पलेट खोज से पहले कंटेंट ऑडिट

क्लाइंट कहता है, "हमारे प्रतिस्पर्धी की साइट जैसा कुछ बनाओ।" आप प्रतिस्पर्धी की साइट खोलते हैं और एक बड़ा हीरो स्लाइडर देखते हैं। वहाँ से शुरू न करें।

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

व्यावहारिक कदम: एक सरल स्प्रेडशीट बनाएं। कॉलम में पेज नाम हों। पंक्तियों में सामग्री प्रकार हों। यदि पेज को आवश्यकता हो तो बॉक्स को चेक करें।

आपूर्तिकर्ता के ऑडिट से एक कठोर आवश्यकता का पता चलता है: हर उत्पाद पेज को एक बड़ी स्पेक तालिका और एक स्टिकी "उद्धरण का अनुरोध करें" बटन के साथ दो-स्तंभीय लेआउट चाहिए। होमपेज को तीन बाजार खंडों के लिए एक अनुभाग चाहिए। संसाधन पेज को PDF के लिए एक दोहराने योग्य कार्ड ग्रिड चाहिए।

क्या कोई टेम्पलेट जिसे आप सामान्यतः कंप करते हैं वह उसे संभाल सकता है? आप अभी नहीं जानते। यही बात है।

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

यदि यह धीमा हिस्सा लगता है, तो ऐसा नहीं है। यह अग्रिम मैपिंग ही "टेम्पलेट फिट नहीं होता" चक्र को समाप्त करती है। यह जानने के लिए कि यह चक्र मार्जिन को कैसे खाता है, पढ़ें टेम्पलेट वर्कफ़्लो धीमा क्यों लगता है और उन्हें कैसे ठीक करें।

होमपेज से पहले उत्पाद पेज पढ़ें

यहाँ जाल है: टेम्पलेट डेमो एक शानदार होमपेज दिखाता है जिसमें फुल-स्क्रीन वीडियो होता है। आप इसे क्लाइंट को दिखाते हैं। वे अनुमोदन करते हैं। आप आठ-पंक्ति विशिष्टता तालिका के साथ उत्पाद विवरण पेज बनाने जाते हैं और लेआउट बिखर जाता है।

टेम्पलेट्स को उनके होमपेज से मूल्यांकन करना बंद करें। उन्हें उनके सबसे उबाऊ पेज से मूल्यांकन करें।

डेमो के आंतरिक पेज खोलें। क्या उत्पाद पेज में स्पेक तालिका है? क्या एक लंबी डेटा तालिका लपेटती या स्क्रॉल होती है? क्या एक स्टिकी कॉल-टू-एक्शन है? जब आप दस प्रश्नों वाला FAQ पेज लोड करते हैं तो क्या होता है? क्या ब्लॉग सूची चार आइटम के साथ जानबूझकर दिखती है, बीस के साथ नहीं? ये परीक्षण पास करने वाला टेम्पलेट ही खरीदने लायक है।

क्लिक करना शुरू करने से पहले एक तुलना मदद करती है:

क्लाइंट क्या कहता है	टेम्पलेट को क्या समेटना चाहिए
"हमें एक आधुनिक अनुभव चाहिए"	एक फुल-चौड़ाई, छवि-आधारित अनुभाग जो आपकी टाइपोग्राफी से न लड़े
"उत्पाद पेज महत्वपूर्ण हैं"	स्पेक तालिकाओं, PDF लिंक, संबंधित उत्पादों के साथ दोहराने योग्य उत्पाद लेआउट
"खरीदना आसान बनाएं"	हर खरीद-प्रधान पेज पर दिखाई देने वाला उद्धरण या बुकिंग फॉर्म
"साइट को हमारे साथ बढ़ना चाहिए"	मॉड्यूलर अनुभाग जिन्हें आप पुनर्निर्माण किए बिना पुनः क्रमबद्ध कर सकते हैं
"हमारे पास बहुत सारे PDF हैं"	एक कार्ड ग्रिड या दस्तावेज़ सूची जो बिना टूटे स्केल करती है

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

उन चीज़ों की जाँच करें जो बाद में टूटती हैं

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

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

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

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

जब क्लाइंट गलत टेम्पलेट पर मोहित हो जाए तो क्या करें

आप तीन विकल्प भेजते हैं। क्लाइंट उसी के साथ जवाब देता है जिसे आपने शॉर्टलिस्ट नहीं किया था—एक विशाल मेसनरी ग्रिड के साथ एक पोर्टफोलियो थीम। यह कंटेंट ऑडिट में विफल हो जाती है क्योंकि टेम्पलेट में उत्पाद स्पेक तालिका मौजूद नहीं है। आत्मसमर्पण करने के आग्रह का विरोध करें।

क्लाइंट को तर्क नहीं, कंटेंट ऑडिट दिखाएं। टेम्पलेट का डेमो उत्पाद पेज खोलें। यदि इसमें उत्पाद पेज नहीं है, तो अंतर का नाम बताएं। "इस थीम में स्पेक तालिका लेआउट नहीं है। हमें इसे शुरू से बनाना होगा, जो टेम्पलेट की गति लाभ को हटा देता है।" उन्हें 'नहीं' के लिए एक ठोस आधार दें।

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

सिद्धांत: दृश्य आकर्षण वास्तविक है, लेकिन यह केवल एक विशेषता है। हर टेम्पलेट विकल्प को ऑडिट से जोड़कर साइट के मुख्य कार्य की रक्षा करें।

पहला बिल्ड एक कंटेंट ड्रॉप है, डिज़ाइन पास नहीं

आपने टेम्पलेट चुना। क्लाइंट को डिज़ाइन की उम्मीद है। तुरंत डेमो को पुनः शैली करने के प्रलोभन का विरोध करें।

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

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

यदि आप पहले रंग बदलते हैं, तो आप हर लेआउट समस्या को टेम्पलेट पर थोप देंगे और इसे बदतर बना देंगे। पहले कंटेंट ड्रॉप करें। यह सबसे सस्ता निदान है जो आप परियोजना के दौरान चलाएंगे।

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

वह सब कुछ हटाएँ जो वास्तविक सामग्री नहीं है

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

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

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

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

लॉन्च किट के साथ दूसरे क्लाइंट को तेज़ी से बनाएं

पहला रन-थ्रू डिज़ाइन द्वारा धीमा है। आप वर्कफ़्लो स्थापित कर रहे हैं। दूसरे क्लाइंट को तेज़ होना चाहिए क्योंकि अब आप प्रक्रिया के मालिक हैं, इसलिए नहीं कि आपने वही टेम्पलेट दोबारा इस्तेमाल किया।

पहली परियोजना के बाद एक लॉन्च किट बनाएं। न्यूनतम:

• अनुभाग एक से डिस्कवरी प्रश्न सूची।
• कंटेंट ऑडिट स्प्रेडशीट जिसमें प्रति क्लाइंट एक टैब हो।
• सामान्य वर्टिकल के लिए एक पेज-प्रकार चेकलिस्ट।
• एक-पेज अनुकूलन प्लेबुक: वह क्रम जिसमें आप कंटेंट ड्रॉप, लेआउट फिक्स, फिर स्टाइलिंग करते हैं।
• प्रति वर्टिकल एक "टेम्पलेट शॉर्टलिस्ट"—दो या तीन थीम जिन्हें आप पहले ही जांच चुके हैं।

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

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

जानें कि टेम्पलेट समस्या नहीं है

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

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

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

निष्कर्ष

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

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

प्रश्नों से शुरुआत करें। टेम्पलेट अनुसरण करेगा।