कॉर्पोरेट वेबसाइट

Whitewater की साइट में क्या शामिल होता है

हर प्रोजेक्ट में सार एक जैसा रहता है। डिज़ाइन और शब्द हर क्लाइंट के हिसाब से बदलते हैं, पर इंजीनियरिंग का स्तर कभी नहीं गिरता।

खोजे जाने के लिए बनाई गई

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

• पहले ढाँचा। हर सर्च इरादे के लिए एक पेज, ऐसी हेडिंग के साथ जो सर्च करने वाले के सवाल का जवाब दे, और इंटरनल लिंक जो ढाँचे को साफ़ बना दें।
• हर पेज पर साफ़-सुथरा हेड। एक अलग टाइटल और मेटा डिस्क्रिप्शन, ठीक एक कैननिकल URL, और सोशल कार्ड जो सही दिखें जब कोई लिंक किसी चैट में पेस्ट करे।
• दिखने वाली सामग्री से बना स्ट्रक्चर्ड डेटा। ऑर्गनाइज़ेशन, सर्विस और ब्रेडक्रम्ब मार्कअप उसी सोर्स से बनते हैं जिससे पेज दिखता है, इसलिए सर्च इंजन जो डेटा पढ़ता है वह कभी भी असली पेज से अलग नहीं हो सकता।
• मशीन-रीडेबल इंडेक्स। हर लोकेल को कवर करने वाला एक साइटमैप इंडेक्स, उसकी ओर इशारा करती एक robots फ़ाइल, और उन क्रॉलर के लिए एक llms.txt जो अब लोगों के लिए साइटों का सार तैयार करते हैं।
• तुरंत इंडेक्सिंग। हर प्रोडक्शन डिप्लॉय बदले हुए URL के साथ IndexNow एंडपॉइंट को पिंग करता है, ताकि इसे सपोर्ट करने वाले सर्च इंजन को बदलाव मिनटों में पता चल जाए, अगले क्रॉल तक इंतज़ार नहीं करना पड़ता।
• बनावट से ही अच्छे Core Web Vitals। स्टैटिक डिलीवरी, हैश किए हुए इम्यूटेबल एसेट्स और कोई थर्ड-पार्टी स्क्रिप्ट न होना, अच्छे फ़ील्ड डेटा तक पहुँचने का सबसे छोटा रास्ता है, और यह डेटा खुद एक रैंकिंग फ़ैक्टर है।
• हम क्या दावा नहीं करेंगे। कोई भी आपको रैंकिंग नहीं बेच सकता। हम वह तकनीकी और एडिटोरियल नींव बनाते हैं जिससे मज़बूत कंटेंट मुक़ाबला कर सके, लॉन्च के बाद इसे मापते हैं, और साफ़ बताते हैं कि कौन से हिस्से हमारे नियंत्रण से बाहर हैं।

सबके लिए इस्तेमाल लायक, सिर्फ़ ज़्यादातर लोगों के लिए नहीं

सुगम्यता एक साथ एक कानूनी जोखिम भी है, एक सर्च सिग्नल भी और एक क्वालिटी सिग्नल भी। हम WCAG 2.2 लेवल AA को न्यूनतम मानक मानते हैं और इसे किसी ब्रोशर में दावा करने के बजाय मशीन से जाँचते हैं।

• हर पेज, हर व्यूपोर्ट, हर स्कीम पर ऑडिट। एक ऑटोमेटेड ऑडिट हर बने हुए पेज पर फ़ोन, टैबलेट और डेस्कटॉप चौड़ाई पर, लाइट और डार्क दोनों में चलता है, और कोई भी उल्लंघन बिल्ड को फ़ेल कर देता है।
• असली कीबोर्ड सपोर्ट। सबसे पहला पड़ाव एक स्किप लिंक, हर जगह दिखने वाला फ़ोकस रिंग, और एक टैब क्रम जो पेज के हिसाब से चलता है।
• दोनों स्कीम में कंट्रास्ट। टेक्स्ट और इंटरफ़ेस के रंग असली बैकग्राउंड के मुक़ाबले जाँचे जाते हैं, डार्क में उतनी ही सख़्ती से जितनी लाइट में।
• इजाज़त माँगने वाली मोशन। जिस विज़िटर का सिस्टम reduced motion माँगता है, उसके लिए हर चलती चीज़ बंद कर दी जाती है और इसकी जगह एक स्थिर फ़्रेम दिखाई जाती है।
• सिमेंटिक मार्कअप। लैंडमार्क, क्रम में एक-एक हेडिंग लेवल, लेबल किए गए फ़ॉर्म फ़ील्ड, और हर इमेज पर उसे बताने वाला ऑल्टरनेटिव टेक्स्ट।
• आरामदायक टार्गेट साइज़। हर इंटरैक्टिव एलिमेंट 24 पिक्सल की न्यूनतम सीमा पार करता है, जिसे आँख से नहीं, नाप कर जाँचा जाता है।
• हाथ कीबोर्ड पर भी। ऑटोमेटेड जाँच बहुत कुछ पकड़ लेती है, पर सब कुछ नहीं, इसलिए हम साइट को कीबोर्ड से भी चलाकर देखते हैं और भेजने से पहले इसे छोटे साइज़ पर भी पढ़ते हैं।

एक साइट, जिस भी भाषा में आप बिक्री करते हैं

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

• हर भाषा का अपना रूट। हर पेज हर भाषा में अपने ही URL पर मौजूद रहता है, ताकि हर एक को इंडेक्स, लिंक और शेयर किया जा सके।
• सही सिग्नल। हर पेज पर x-default के साथ एक hreflang क्लस्टर, और एक कैननिकल जो अंग्रेज़ी मूल की बजाय ख़ुद उसी पेज की ओर इशारा करे।
• लेआउट में ही राइट-टू-लेफ़्ट संभाला हुआ। स्टाइलशीट हर जगह लॉजिकल प्रॉपर्टी इस्तेमाल करती है, ताकि अरबी भाषा में पूरी बनावट अपने आप पलट जाए, किसी पैबंद की तरह नहीं।
• मशीन से नहीं, इंसान से लिखा हुआ। हर भाषा के लिए कॉपी ब्रांड की अपनी आवाज़ में लिखी जाती है। ऑटोमेटेड आउटपुट ऑटोमेटेड ही लगता है, और ख़रीदार इसे भाँप लेते हैं।
• फ़ॉन्ट का साइज़ ईमानदारी से। फ़ॉन्ट को हर स्क्रिप्ट के हिसाब से सबसेट किया जाता है, और गैर-लैटिन टेक्स्ट के लिए सिस्टम फ़ॉन्ट का सहारा लिया जाता है, फ़ोन पर मेगाबाइट्स भेजने के बजाय।
• बिना JavaScript के भाषा बदलने की सुविधा। हर भाषा में एक ही पेज के बीच सादे लिंक, न कोई कुकी, न कोई अंदाज़े से रीडायरेक्ट।

पूरी तरह सुरक्षित, और मेल भी पहुँचती है

एक मार्केटिंग साइट एक छोटा सा अटैक सरफ़ेस होती है, जिसे छोटा ही बनाए रखना समझदारी है, और अगर संपर्क फ़ॉर्म की मेल स्पैम फ़ोल्डर में जाए तो उसका कोई मतलब नहीं रह जाता।

• एक असली कंटेंट सिक्योरिटी पॉलिसी। कोई इनलाइन स्क्रिप्ट की खुली छूट नहीं: हर इनलाइन स्क्रिप्ट हैश से पिन की जाती है और बाक़ी सब कुछ अस्वीकार कर दिया जाता है, जिससे इंजेक्ट की गई कोई भी स्क्रिप्ट चल ही नहीं पाती।
• पहले ही दिन से ट्रांसपोर्ट और ब्राउज़र हेडर। Strict transport security, कोई content sniffing नहीं, एक referrer policy, और framing से सुरक्षा, ये सब पहले ही डिप्लॉय के साथ मौजूद रहते हैं।
• फ़ॉर्म की परत-दर-परत सुरक्षा। इंसान होने की पुष्टि के लिए Turnstile चैलेंज, भोले बॉट के लिए हनीपॉट, तेज़ बॉट के लिए फ़िल-टाइम जाँच, और हर फ़ील्ड पर सर्वर-साइड वैलिडेशन और लंबाई की सीमा।
• डिप्लॉय के समय ही डिलिवरेबिलिटी की जाँच। पब्लिश करते समय ही भेजने वाले डोमेन को सत्यापित किया जाता है, ताकि जो फ़ॉर्म मेल भेजना बंद कर दे उसे हम पकड़ लें, न कि कोई ऐसा ग्राहक जिसे कभी जवाब ही न मिला।
• डिफ़ॉल्ट रूप से कोई ट्रैकर नहीं। जब तक आप न कहें, कोई थर्ड-पार्टी चीज़ लोड नहीं होती, और अगर एनालिटिक्स लगाया भी जाए तो वह कुकी-रहित होता है, यानी कोई consent बैनर भी नहीं चाहिए।
• राज़ रिपॉज़िटरी से बाहर ही रहते हैं। कुंजियाँ एक सीक्रेट स्टोर में रहती हैं और चलती हुई साइट तक एनवायरनमेंट बाइंडिंग के रूप में पहुँचती हैं, git में किसी फ़ाइल के रूप में कभी नहीं।

आख़िर में आपके पास क्या रहता है

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

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

एक प्रोजेक्ट कैसे चलता है वेबसाइट से आगे का सॉफ़्टवेयर