यह कैसे पक्का करें कि आपकी वेबसाइट का मुख्य फ़ंक्शन हमेशा उपलब्ध रहे, ऐक्सेस किया जा सके, सुरक्षित, इस्तेमाल करने लायक, खोजे जाने लायक, और तेज़ हो.
इस पेज पर आपको यह पक्का करने में मदद मिलती है कि आपकी वेबसाइट सभी के लिए हमेशा उपलब्ध रहे, उसे ऐक्सेस किया जा सके, सुरक्षित, और इस्तेमाल किया जा सके.
इस पेज पर दी गई सलाह, Google में मौजूद अलग-अलग तरह के काम करने वाली टीमों से मिले हैं. ये टीमें, कुछ समय के लिए अपना फ़ोकस ऐसी वेबसाइटों पर लगा रही हैं जो COVID-19 महामारी के दौरान लोगों को सुरक्षित रखने में मदद कर रही हैं. इन Googler ने देखा है कि अहम जानकारी खोज रहे लोगों की मांग में, साइटों को बहुत ज़्यादा मांग का सामना करना पड़ रहा है. इनमें से कई लोगों ने पहले कभी भी वेब का इस्तेमाल नहीं किया है या कभी नहीं किया है. यह पक्का करना चुनौती भरा हो सकता है कि इस दौरान साइटें उपलब्ध हों और सभी की पहुंच में हो.
दिशा-निर्देश
उपलब्धता, भरोसा, टिकाऊ, और स्थिरता
अगर आपकी साइट पर ट्रैफ़िक में बढ़ोतरी हो रही है और उसमें कोई बढ़ोतरी नहीं हो रही है या आपको इसे आने से रोकना है, तो नीचे दिए गए दिशा-निर्देशों की मदद से समस्याओं को तुरंत ठीक किया जा सकता है या गंभीर समस्याओं से पहले ही उनका पता लगाया जा सकता है.
- ट्रैफ़िक बढ़ने से जुड़ी समस्याओं का पता लगाने, उन्हें कम करने, और रोकने का तरीका जानने के लिए, ज़्यादा लोड वाले सर्वर को ठीक करें लेख पढ़ें.
- गै़र-ज़रूरी इमेज, वीडियो, स्क्रिप्ट, और फ़ॉन्ट हटाएं. पक्का करें कि हर पेज उस फ़ंक्शन को डिलीवर करने पर फ़ोकस करता हो जिसकी आपकी साइट का इस्तेमाल करने वाले लोगों को ज़रूरत होती है.
- अपनी इमेज को ऑप्टिमाइज़ करने से, आपके सर्वर बैंडविड्थ का काफ़ी इस्तेमाल कम हो सकता है. ऐसा इसलिए होता है, क्योंकि इमेज, वेब पर ज़्यादा ट्रैफ़िक पाने का सबसे मुख्य सोर्स हैं.
- अपने स्टैटिक कॉन्टेंट को ज़्यादा से ज़्यादा सीडीएन में ऑफ़लोड करें. सेवा देने वाली सामान्य कंपनियों से मिली ज़्यादा जानकारी: AWS, Azure, Cloudflare, Google Cloud, Firebase.
- देखें कि आपके सीडीएन में कोई ऐसा ऑप्टिमाइज़ेशन है या नहीं जिसे चालू करना आसान है. जैसे, डाइनैमिक इमेज कंप्रेस करना, टेक्स्ट कंप्रेस करना या JS और सीएसएस रिसॉर्स को अपने-आप छोटा करना.
- एचटीटीपी कैश मेमोरी को ऑप्टिमाइज़ करने से, कोड में बहुत कम बदलाव होने पर आपके सर्वर पर अनुरोधों को काफ़ी कम किया जा सकता है. खास जानकारी और एचटीटीपी कैश मेमोरी और खास सुझावों के लिए कैश मेमोरी में सेव करने के सबसे सही तरीके जानने के लिए, एचटीटीपी कैश मेमोरी: सुरक्षा की पहली लाइन देखें. लाइटहाउस में कैश मेमोरी से जुड़ी बेहतर नीति की मदद से स्टैटिक ऐसेट उपलब्ध कराएं ऑडिट की मदद से, उन संसाधनों का तुरंत पता लगाया जा सकता है जिन्हें कैश मेमोरी में सेव नहीं किया जा रहा है. ध्यान रखें कि अलग-अलग तरह के संसाधनों को अपडेट करने की शर्तें अलग-अलग होती हैं. इसलिए, उनके लिए कैश मेमोरी में सेव करने की अलग-अलग रणनीतियों की ज़रूरत होती है.
- सर्विस वर्कर, आपके सर्वर की मांग को काफ़ी कम करने का एक और तरीका है, लेकिन इसके लिए बहुत ज़्यादा तकनीकी निवेश की ज़रूरत हो सकती है. इनकी मदद से, आपकी वेबसाइट ऑफ़लाइन भी काम कर सकती है. इससे, लौटने वाले उपयोगकर्ताओं को बिना इंटरनेट कनेक्शन के, कारोबार के खुले होने का समय, फ़ोन नंबर, और अन्य जानकारी दिखाने की सुविधा मिलती है. वेबसाइटों पर, सर्विस वर्कर को जोड़ने के लिए Workbox सुझाया गया तरीका है. ऐसा इसलिए, क्योंकि यह कई बॉयलरप्लेट को ऑटोमेट करता है और सबसे सही तरीकों को अपनाना आसान बनाता है. साथ ही, इससे लो लेवल
ServiceWorker
API का सीधे तौर पर इस्तेमाल करते समय होने वाली छोटी-मोटी गड़बड़ियों से बचा जा सकता है. - अगर आपकी साइट का इस्तेमाल बहुत ज़्यादा बढ़ रहा है, तो देखें कि आपके पास DDoS हमलों से बचने के लिए ज़रूरी सुरक्षा मौजूद है या नहीं. ऐसा इसलिए, क्योंकि अब आपकी साइट ज़्यादा आकर्षक टारगेट हो सकती है. सेवा देने वाली सामान्य कंपनियों से मिली ज़्यादा जानकारी: AWS, Azure, Cloudflare, Google Cloud.
ज़्यादा जानकारी के लिए, नेटवर्क से जुड़ी भरोसेमंद जानकारी देखें.
सुलभता
सुलभता पर ध्यान देना अब पहले से ज़्यादा ज़रूरी हो गया है, क्योंकि हो सकता है कि कई तरह की ज़रूरतों वाले ज़्यादा लोग आपकी साइट को ऐक्सेस कर रहे हों. नीचे दिए गए दिशा-निर्देशों का पालन करके यह पक्का करें कि आपकी वेबसाइट के मुख्य फ़ंक्शन को सभी ऐक्सेस कर सकें.
- सुलभता एक टीम की कोशिश है और इसमें हर किसी की भूमिका होती है. सबसे पहले, Google की Accessibility for Teams गाइड और यू.एस. डिजिटल सर्विस की टीम गाइड देखें. इन गाइड में बताया गया है कि टीम का हर सदस्य (प्रॉडक्ट मैनेजर, इंजीनियर, डिज़ाइनर, QA वगैरह) क्या-क्या योगदान कर सकता है.
- सुलभता की समीक्षा करें और देखें कि कौनसी चीज़ अच्छा काम कर रही है और किन चीज़ों में सुधार की ज़रूरत है. WAVE ब्राउज़र एक्सटेंशन की मदद से, आपकी साइट के मैन्युअल सुलभता ऑडिट में मदद मिल सकती है.
- कीबोर्ड नेविगेशन और स्क्रीन रीडर की सुविधा जैसे खास विषयों को बेहतर तरीके से समझने के लिए, सुलभता गाइड पढ़ें.
- सुलभता से जुड़ी सामान्य समस्याओं को ट्रैक करने के लिए, Lighthouse ऑडिट चलाएं. इस रिपोर्ट में मैन्युअल तौर पर की गई जांचों की सूची भी होती है. इन जांचों की मदद से, अपनी साइट के काम करने के तरीके को बेहतर बनाया जा सकता है. ध्यान दें कि सुलभता स्कोर 100 होना इस बात की गारंटी नहीं है कि आपकी साइट ऐक्सेस की जा सकती है. ऐसी कई अहम समस्याएं हैं जिनकी जांच Lighthouse नहीं की जा सकने वाली प्रक्रिया में नहीं किया जा सकता. इसलिए, मैन्युअल तरीके से समीक्षा करना अब भी ज़रूरी है. ऑटोमेटेड ऑडिटिंग के अन्य टूल में, WAVE API और AXE एक्सटेंशन शामिल हैं.
- egghead.io पर आज ही ऐक्सेस करने लायक वेब ऐप्लिकेशन बनाना शुरू करें कोर्स पूरा करें या Udacity पर वेब सुलभता कोर्स देखें.
- सुलभता से जुड़े खास विषयों के बारे में ज़्यादा फटाफट सलाह पाने के लिए, A11ycast प्लेलिस्ट देखें.
पहचान, सुरक्षा, और निजता
ज़रूरी समस्याओं को ठीक करने के लिए शॉर्टकट का इस्तेमाल करना आपको अच्छा लग सकता है, लेकिन हमेशा इस बात का ध्यान रखें कि ऐसा करने से आपकी सुरक्षा से कोई खतरा न हो. लोगों को ऐसे विषयों पर मौजूद कॉन्टेंट को देखने की ज़रूरत होती है जो बेहद निजी होते हैं. वेबसाइटों को लोगों के इस संवेदनशील डेटा को हर हाल में सुरक्षित रखना चाहिए. साथ ही, उन्हें लोगों को इस बात का भरोसा दिलाना चाहिए कि व्यक्तिगत पहचान से जुड़ी जानकारी (पीआईआई) सुरक्षित है.
- जानें कि सभी वेबसाइटों को एचटीटीपीएस की मदद से क्यों सुरक्षित किया जाना चाहिए, न कि सिर्फ़ उन वेबसाइटों की जो व्यक्तिगत पहचान से जुड़ी संवेदनशील जानकारी को मैनेज करती हैं.
- सर्वर देने वाली ऐसी कंपनी पर स्विच करें जो डिफ़ॉल्ट रूप से एचटीटीपीएस का इस्तेमाल करती हो या अपने सर्वर पर एचटीटीपीएस को चालू करने के लिए, Let'sEncrypt या मिलती-जुलती सेवाओं का इस्तेमाल करें.
- कुकी के इस्तेमाल को ज़्यादा सुरक्षित बनाने के बारे में जानने के लिए, SameSite कुकी के बारे में बताया गया देखें. ध्यान दें कि SameSite कुकी लेबलिंग को कुछ समय के लिए बंद कर दिया गया है.
ज़्यादा जानकारी के लिए, सुरक्षित और सुरक्षित लेख पढ़ें.
उपयोगिता, यूज़र इंटरफ़ेस (यूआई), और उपयोगकर्ता अनुभव
लोग बुनियादी ज़रूरतों को पूरा करने के लिए वेब पर ज़्यादा भरोसा कर रहे हैं. इनमें से कई लोग वेब का अक्सर इस्तेमाल नहीं करते हैं. अपनी साइट के मुख्य फ़ंक्शन की उपयोगिता की जांच करना फ़ायदेमंद है और पक्का करें कि यह जितना हो सके उतना आसान और आसान हो.
- अपनी वेबसाइट पर सबसे ऊपर एक बैनर जोड़ें. इसे X बटन से हटाया जा सकता है. इस बैनर पर, सेवा से जुड़े अपडेट के बारे में साफ़ तौर पर बताया जाता है. लोगों को ज़्यादा खास संसाधनों तक पहुंचाने के लिए, बैनर में कॉल-टू-ऐक्शन का इस्तेमाल करें. ऐसे अलग-अलग रंग और फ़ॉन्ट इस्तेमाल करें जो आपके पेज के बाकी कॉन्टेंट से अलग दिखें. अपने लेखन में भावनाओं का ध्यान रखें, लोगों की ज़रूरतों पर ध्यान दें, और साफ़ तौर पर बताएं कि आपको किस तरह की सेवा की उम्मीद करनी चाहिए.
- उपयोगकर्ताओं की अहम गतिविधियों (सीयूजे) में शारीरिक इंटरैक्शन को कम करने के मौके ढूंढें और अपनी प्रॉडक्ट टीम को उन बदलावों के सुझाव दें. उदाहरण के लिए, अगर आम तौर पर आपकी डिलीवरी सेवा के लिए हस्ताक्षर की ज़रूरत पड़ती है, तो देखें कि क्या इस काम का कोई तरीका है.
- दोबारा जांच करके देखें कि आपके सीयूजे ज़्यादा से ज़्यादा आसान और सहज हों. अगर आपको अपनी प्रॉडक्ट टीम को बेहतर बनाने की ज़रूरत है, तो बदलाव करने का सुझाव दें.
- बेहतर मोबाइल डिज़ाइन से जुड़ी नीतियों की समीक्षा करें और अलग-अलग मोबाइल डिवाइसों पर अपने सीयूजे आज़माकर देखें, ताकि यह पक्का किया जा सके कि कोई गड़बड़ी न हो. जो लोग अक्सर वेब का इस्तेमाल नहीं करते और अचानक वेब पर भरोसा करने लगते हैं, वे शायद मोबाइल डिवाइस से आपकी साइट ऐक्सेस कर रहे हों.
- अपनी साइट के लिए रिस्पॉन्सिव डिज़ाइन पैटर्न का ज़्यादा से ज़्यादा इस्तेमाल करें.
- यह पक्का करें कि आपके फ़ॉर्म बेहतर और अच्छी तरह से डिज़ाइन किए गए हों.
SEO
लोग स्वास्थ्य और नौकरी से जुड़ी अहम जानकारी चाहते हैं. यह पक्का करना ज़रूरी है कि आपकी साइटें सभी सर्च इंजन पर खोज सकें. Lighthouse एसईओ ऑडिट की मदद से बुनियादी समस्याओं का पता लगाया जा सकता है. नए दिशा-निर्देश और अपडेट पाने के लिए, सर्च इंजन के आधिकारिक ब्लॉग को फ़ॉलो करें: Google, Bing, Baidu, DuckDuckGo, Yandex. COVID-19 से जुड़ी हाल ही की पोस्ट:
- Google Search पर प्रॉडक्ट की मौजूदगी को कम से कम करने के साथ-साथ, ऑनलाइन गतिविधियों को कैसे बदलें
- वर्चुअल, जिनकी तारीख आगे बढ़ाई गई, और रद्द किए गए इवेंट के लिए नई प्रॉपर्टी
- COVID-19 से जुड़ी खास सूचनाओं के लिए, Bing ने schema.org मार्कअप को अपनाया
- COVID-19 से जुड़े निर्देशों या सूचनाओं में स्ट्रक्चर्ड डेटा जोड़ना
- COVID-19 से जुड़ी जानकारी को ज़्यादा से ज़्यादा लोगों तक पहुंचाने में स्वास्थ्य संगठनों की मदद करना
- स्वास्थ्य और सरकारी साइटों के लिए, Search के लिए सबसे सही तरीके
ज़्यादा जानकारी के लिए खोजने लायक देखें.
परफ़ॉर्मेंस
इंटरनेट सेवा देने वाली कुछ कंपनियों (उदाहरण के लिए, भारत में) को घर पर इंटरनेट के इस्तेमाल में तेज़ी से बढ़ोतरी दिख रही है और इंटरनेट सेवा देने वाली कुछ कंपनियों के पास, बढ़ी हुई मांग को पूरा करने के लिए ज़रूरी बुनियादी सुविधाएं नहीं हैं. ऐसी स्थितियों में, हो सकता है कि आपकी वेबसाइट की स्पीड कम हो जाए और आपकी कोई गलती न हो. अपने पेज की लोड परफ़ॉर्मेंस को ऑप्टिमाइज़ करना, कम बैंडविथ की वजह से आने वाली रुकावटों को दूर करने का एक तरीका हो सकता है. दूसरे शब्दों में, अपने पेजों को लोड करने के लिए नेटवर्क पर भेजे जाने वाले बाइट की संख्या को कम करके, बैंडविथ कम होने की वजह से परफ़ॉर्मेंस पर पड़ने वाले असर को ऑफ़सेट किया जा सकता है.
- इमेज वेब पर ज़्यादा परेशानी होने की सबसे मुख्य वजह है. अपनी इमेज को ऑप्टिमाइज़ करके, वेबसाइट के बैंडविथ इस्तेमाल को काफ़ी कम किया जा सकता है. Squoosh एक आसान ओपन सोर्स इमेज कंप्रेशन टूल है, जिसकी मदद से अपनी इमेज को तेज़ी से कंप्रेस किया जा सकता है.
- परफ़ॉर्मेंस को बेहतर बनाने के बेहतरीन अवसरों के बारे में जानने के लिए, WebPageTest या Lighthouse चलाएं.
- टेक्स्ट रिसॉर्स के नेटवर्क साइज़ को कम करने के लिए, टेक्स्ट कंप्रेस करने की सुविधा चालू करें. आम तौर पर, यह एक आसान परफ़ॉर्मेंस होता है. इसके लिए, बहुत कम तकनीकी निवेश करना पड़ता है.
- दूसरे डिपार्टमेंट के साथ मिलकर काम करने और उनसे खरीदारी करने का तरीका जानने के लिए, वेबसाइट की स्पीड को क्रॉस-फ़ंक्शनल तरीके से ठीक करना लेख पढ़ें.
- इमेज के लिए स्टैंडर्ड लेज़ी-लोडिंग का इस्तेमाल करें, ताकि उन इमेज के अनुरोधों को कम किया जा सके जिन्हें लोग असल में कभी नहीं देख सकते. ब्राउज़र साथ काम करने की क्षमता 100% नहीं है, लेकिन इस सुविधा को प्रोग्रेसिव एनहैंसमेंट के तौर पर माना जा सकता है. दूसरे शब्दों में, अगर कोई खास ब्राउज़र स्टैंडर्ड लेज़ी-लोडिंग के साथ काम नहीं करता, तो इमेज सामान्य रूप से लोड होनी चाहिए.
- देखें कि आपकी साइट में कोई ऐसी A/B टेस्टिंग या मनमुताबिक बनाने की स्क्रिप्ट है या नहीं जिसे ज़्यादा एसिंक्रोनस तरीके से लोड किया जा सकता है. इसके अलावा, यह भी देखें कि स्क्रिप्ट में ऐसी कोई गैर-ज़रूरी सुविधा तो नहीं है जिसे बंद किया जा सकता हो. A/B टेस्टिंग और मनमुताबिक बनाने की सुविधा वाली स्क्रिप्ट आम तौर पर, एसिंक्रोनस तरीके से पूरी तरह लोड नहीं की जा सकती. इसकी वजह यह है कि पेज का कॉन्टेंट लोड होने से पहले उन्हें चलाना पड़ता है. हालांकि, कुछ मामलों में स्क्रिप्ट के कुछ हिस्सों को एसिंक्रोनस तरीके से लोड किया जा सकता है. सिंक्रोनस स्क्रिप्ट (जिन्हें रेंडर-ब्लॉक करने वाली स्क्रिप्ट भी कहा जाता है) और पेज लोड होने में लगने वाले समय के बीच बुनियादी अंतर को समझने के लिए क्रिटिकल रेंडरिंग पाथ देखें. इसके बाद, यह तय करें कि पेज लोड होने के समय के लिए, रेंडर करने वाली स्क्रिप्ट को प्राथमिकता देनी है या पेज लोड होने में लगने वाले समय के बीच.
- ज़्यादातर वेबसाइटों के लिए, सभी अनुरोधों का करीब आधे अनुरोध तीसरे पक्ष के कोड में किए जाते हैं. ऐसे तीसरे पक्ष के कोड को optimizing करें या कुछ समय के लिए हटाएं या बंद करें जो आपकी साइट को चलाने के लिए बुनियादी नहीं है.
- अगर सुविधा रिलीज़ नहीं की जा सकतीं, तो जगह खाली करने के लिए यह सही समय हो सकता है. अपने टैग मैनेजर से टैग हटाएं, सीएसएस और JS को साफ़ करें, और
काम न करने वाली सुविधाओं या कोड को हटाएं. Chrome DevTools के कवरेज टैब और Puppeteer में
Coverage
क्लास की मदद से, इस्तेमाल न होने वाले कोड का पता लगाया जा सकता है.
ज़्यादा जानकारी के लिए, पेज लोड होने में लगने वाला समय देखें.