Google आपकी पसंदीदा भाषा में कॉन्टेंट का अनुवाद करने के लिए, एआई टेक्नोलॉजी का इस्तेमाल करता है. एआई से मिले अनुवादों में गलतियां हो सकती हैं.

पक्का करें कि COVID-19 के दौरान आपकी वेबसाइट सभी के लिए उपलब्ध और इस्तेमाल करने लायक है

यह कैसे पक्का करें कि आपकी वेबसाइट का मुख्य फ़ंक्शन हमेशा उपलब्ध, ऐक्सेस करने लायक, सुरक्षित, इस्तेमाल करने लायक, खोजे जाने लायक, और तेज़ हो.

इस पेज पर, यह पक्का करने के लिए दिशा-निर्देश दिए गए हैं कि आपकी वेबसाइट हमेशा सभी के लिए उपलब्ध हो. साथ ही, इसे आसानी से इस्तेमाल और सुरक्षित तरीके से ऐक्सेस किया जा सके.

ध्यान दें: अगर आपने स्वास्थ्य संगठन की कोई ऐसी वेबसाइट बनाई है या उसका रखरखाव किया है जो राष्ट्रीय स्वास्थ्य मंत्रालय या अमेरिका की राज्य-स्तरीय एजेंसी के तौर पर ज़रूरी शर्तें पूरी करती है, तो COVID-19 के Google Search तकनीकी सहायता ग्रुप में शामिल होने का अनुरोध किया जा सकता है. ज़्यादा जानने के लिए, लोगों को COVID-19 से जुड़ी जानकारी आसानी से उपलब्ध कराने में, स्वास्थ्य संगठनों की मदद करना पर जाएं.

इस पेज पर दी गई सलाह, Google की अलग-अलग टीमों ने मिलकर तैयार की है. ये टीमें, कुछ समय के लिए अपना ध्यान उन वेबसाइटों की मदद करने पर लगा रही हैं जो COVID-19 की स्थिति के दौरान लोगों को सुरक्षित रहने में मदद कर रही हैं. Google के इन कर्मचारियों ने देखा कि साइटों पर, ज़रूरी जानकारी खोजने वाले लोगों की मांग में काफ़ी बढ़ोतरी हो रही है. इनमें से कई लोग ऐसे हैं जिन्होंने पहले कभी वेब का इस्तेमाल नहीं किया है या बहुत कम किया है. इस दौरान, यह पक्का करना मुश्किल हो सकता है कि साइटें उपलब्ध हों और सभी के लिए ऐक्सेस की जा सकें.

दिशा-निर्देश

उपलब्धता, विश्वसनीयता, और स्थिरता

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

ट्रैफ़िक में अचानक होने वाली बढ़ोतरी की समस्याओं का पता लगाने, उन्हें कम करने, और उन्हें रोकने का तरीका जानने के लिए, ज़्यादा लोड वाले सर्वर को ठीक करना लेख पढ़ें.
ग़ैर-ज़रूरी इमेज, वीडियो, स्क्रिप्ट, और फ़ॉन्ट हटाएं. पक्का करें कि हर पेज पर सिर्फ़ वही फ़ंक्शन उपलब्ध हो जिसकी ज़रूरत आपकी साइट का इस्तेमाल करने वाले लोगों को वाकई है.
अपनी इमेज ऑप्टिमाइज़ करने से, आपके सर्वर के बैंडविड्थ के इस्तेमाल में काफ़ी कमी आ सकती है. ऐसा इसलिए, क्योंकि इमेज, वेब पर ब्लोट का सबसे बड़ा सोर्स हैं.
अपने स्टैटिक कॉन्टेंट को ज़्यादा से ज़्यादा सीडीएन पर ऑफ़लोड करें. सेवा देने वाली आम कंपनियों से ज़्यादा जानकारी: AWS, Azure, Cloudflare, Google Cloud, Firebase.
देखें कि आपके सीडीएन में ऑप्टिमाइज़ेशन की ऐसी सुविधाएं हैं जिन्हें आसानी से चालू किया जा सकता है. जैसे, डाइनैमिक इमेज कंप्रेस करना, टेक्स्ट कंप्रेस करना या जेएस और सीएसएस रिसॉर्स की अपने-आप काट-छांट करना.
एचटीटीपी कैश मेमोरी को ऑप्टिमाइज़ करने से, आपके सर्वर पर लोड काफ़ी कम हो सकता है. इसके लिए, आपको कोड में बहुत कम बदलाव करने होंगे. खास सुझावों के लिए, एचटीटीपी कैश मेमोरी: सुरक्षा की पहली लाइन की खास जानकारी और एचटीटीपी कैश मेमोरी और कैश मेमोरी के सबसे सही तरीके देखें. Lighthouse में कैश मेमोरी की बेहतर नीति के साथ स्टैटिक ऐसेट दिखाएं ऑडिट की मदद से, उन संसाधनों का तुरंत पता लगाया जा सकता है जिन्हें कैश मेमोरी में सेव नहीं किया जा रहा है. ध्यान रखें कि अलग-अलग तरह के रिसॉर्स के लिए, डेटा अपडेट होने की फ़्रीक्वेंसी भी अलग-अलग हो सकती है. इसलिए, कैश मेमोरी में सेव करने की रणनीतियां भी अलग-अलग होंगी.
सर्विस वर्कर, आपके सर्वर पर लोड को काफ़ी कम करने का एक और तरीका है. हालांकि, इसके लिए आपको तकनीकी तौर पर काफ़ी निवेश करना पड़ सकता है. इनकी मदद से, आपकी वेबसाइट ऑफ़लाइन भी काम कर सकती है. इससे, वेबसाइट पर लौटने वाले उपयोगकर्ताओं को इंटरनेट कनेक्शन न होने पर भी, कारोबार के खुले होने का समय, फ़ोन नंबर, और अन्य जानकारी दिखती है. वेबसाइटों में सर्विस वर्कर जोड़ने के लिए, Workbox का इस्तेमाल करने का सुझाव दिया जाता है. इसकी वजह यह है कि यह कई बॉयलरप्लेट को ऑटोमेट करता है, सबसे सही तरीकों को अपनाना आसान बनाता है, और उन गड़बड़ियों को रोकता है जो सीधे तौर पर लो-लेवल ServiceWorker एपीआई का इस्तेमाल करने पर आम तौर पर होती हैं.
अगर आपकी साइट का इस्तेमाल काफ़ी बढ़ गया है, तो देखें कि आपके पास डीडीओएस हमलों से बचने के लिए ज़रूरी सुरक्षा है या नहीं. ऐसा इसलिए, क्योंकि अब आपकी साइट पर हमला होने का खतरा ज़्यादा हो सकता है. आम तौर पर इस्तेमाल होने वाली सेवा देने वाली कंपनियों से ज़्यादा जानकारी: AWS, Azure, Cloudflare, Google Cloud.

ज़्यादा जानकारी के लिए, नेटवर्क की विश्वसनीयता देखें.

सुलभता

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

सुलभता को बेहतर बनाना एक टीम की तरह काम करने से ही मुमकिन है. इसमें हर किसी की भूमिका अहम होती है. सबसे पहले, Google की टीम के लिए सुलभता गाइड और यूएस डिजिटल सर्विस की टीम गाइड पढ़ें. इन गाइड में बताया गया है कि टीम का हर सदस्य (प्रॉडक्ट मैनेजर, इंजीनियर, डिज़ाइनर, क्यूए वगैरह) किस तरह योगदान दे सकता है.
सुलभता की समीक्षा करें, ताकि यह पता चल सके कि कौनसी चीज़ें सही से काम कर रही हैं और किन चीज़ों में सुधार करने की ज़रूरत है. WAVE ब्राउज़र एक्सटेंशन की मदद से, अपनी साइट की सुलभता का मैन्युअल ऑडिट किया जा सकता है.
कीबोर्ड नेविगेशन और स्क्रीन रीडर की सुविधा जैसे खास विषयों को बेहतर तरीके से समझने के लिए, सुलभता गाइड पढ़ें.
सुलभता से जुड़ी आम समस्याओं का पता लगाने के लिए, Lighthouse ऑडिट चलाएं. इस रिपोर्ट में, मैन्युअल तरीके से की जाने वाली जांचों की सूची भी दी गई है. इन जांचों को करके, अपनी साइट को बेहतर तरीके से चलाया जा सकता है. ध्यान दें कि सुलभता स्कोर 100 होने पर भी, इस बात की गारंटी नहीं मिलती कि आपकी साइट को ऐक्सेस किया जा सकता है. ऐसी कई अहम समस्याएं हैं जिनकी जांच Lighthouse, ऑटोमेटेड तरीके से नहीं कर सकता. इसलिए, मैन्युअल तरीके से समीक्षा करना अब भी ज़रूरी है. अपने-आप ऑडिट करने वाले अन्य टूल में, WAVE API और AXE एक्सटेंशन शामिल हैं.
egghead.io पर मौजूद, Start Building Accessible Web Applications Today कोर्स पूरा करें या Udacity पर मौजूद, Web Accessibility कोर्स देखें.
सुलभता से जुड़े खास विषयों पर तुरंत सलाह पाने के लिए, A11ycast प्लेलिस्ट देखें.

पहचान, सुरक्षा, और निजता

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

जानें कि सभी वेबसाइटों को एचटीटीपीएस की मदद से सुरक्षित क्यों किया जाना चाहिए. इनमें वे वेबसाइटें भी शामिल हैं जिनमें व्यक्तिगत पहचान से जुड़ी संवेदनशील जानकारी मौजूद नहीं होती.
होस्टिंग की सेवा देने वाली ऐसी कंपनी का इस्तेमाल करें जो डिफ़ॉल्ट रूप से एचटीटीपीएस का इस्तेमाल करती हो. इसके अलावा, अपने सर्वर पर एचटीटीपीएस चालू करने के लिए, Let's Encrypt या ऐसी ही अन्य सेवाओं का इस्तेमाल करें.
कुकी के इस्तेमाल को ज़्यादा सुरक्षित बनाने का तरीका जानने के लिए, SameSite कुकी के बारे में जानकारी देखें. ध्यान दें कि SameSite कुकी लेबलिंग को लागू करने की प्रोसेस को कुछ समय के लिए वापस ले लिया गया है.

ज़्यादा जानकारी के लिए, सुरक्षित और भरोसेमंद देखें.

उपयोगिता, यूज़र इंटरफ़ेस (यूआई), और उपयोगकर्ता अनुभव (यूएक्स)

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

अपनी वेबसाइट के सबसे ऊपर एक बैनर जोड़ें, जिसमें सेवा से जुड़े अपडेट साफ़ तौर पर दिखें. इस बैनर को X बटन से हटाया जा सकता है. बैनर में कॉल-टू-ऐक्शन का इस्तेमाल करें, ताकि लोगों को ज़्यादा सटीक संसाधनों पर भेजा जा सके. ऐसे अलग-अलग रंगों और फ़ॉन्ट का इस्तेमाल करें जो आपके पेज के बाकी कॉन्टेंट से अलग दिखें. अपने कॉन्टेंट को सहानुभूति भरा रखें, लोगों की ज़रूरतों पर फ़ोकस करें, और इस बारे में साफ़ तौर पर बताएं कि उन्हें किस तरह की सेवा मिलेगी.
अपनी क्रिटिकल यूज़र जर्नी (सीयूजे) में, फ़िज़िकल इंटरैक्शन को कम करने के अवसरों की तलाश करें. साथ ही, अपनी प्रॉडक्ट टीम को उन बदलावों का सुझाव दें. उदाहरण के लिए, अगर आपकी डिलीवरी सेवा के लिए आम तौर पर हस्ताक्षर की ज़रूरत होती है, तो देखें कि क्या इसके बिना भी काम चल सकता है.
यह दोबारा जांच लें कि आपके सीयूजे, आसान और समझने में आसान हों. साथ ही, अगर आपको सुधार के कोई अवसर दिखते हैं, तो अपनी प्रॉडक्ट टीम को बदलावों का सुझाव दें.
अच्छे मोबाइल डिज़ाइन के सिद्धांतों की समीक्षा करें और अलग-अलग मोबाइल डिवाइसों पर अपने सीयूजे आज़माएं. इससे यह पक्का किया जा सकेगा कि कोई बड़ी समस्या न हो. ऐसे लोग जो वेब का इस्तेमाल अक्सर नहीं करते और अचानक से खुद को वेब पर ज़्यादा निर्भर पाते हैं, वे शायद मोबाइल डिवाइसों से आपकी साइट को ऐक्सेस कर रहे हैं.
अपनी साइट को ज़्यादा से ज़्यादा रिस्पॉन्सिव डिज़ाइन पैटर्न का इस्तेमाल करने के लिए रीफ़ैक्टर करें.
पक्का करें कि आपके फ़ॉर्म असरदार और अच्छी तरह से डिज़ाइन किए गए हों.

SEO

लोग स्वास्थ्य और नौकरी से जुड़ी ज़रूरी जानकारी खोज रहे हैं. यह पक्का करना ज़रूरी है कि आपकी साइटें सभी सर्च इंजन पर खोजी जा सकें. Lighthouse एसईओ ऑडिट की मदद से, बुनियादी समस्याओं का पता लगाया जा सकता है. सर्च इंजन के आधिकारिक ब्लॉग फ़ॉलो करें, ताकि आपको नए दिशा-निर्देश और अपडेट मिल सकें: Google, Bing, Baidu, DuckDuckGo, Yandex. COVID-19 से जुड़ी हाल ही की पोस्ट:

ज़्यादा जानकारी के लिए, खोजे जाने लायक देखें.

परफ़ॉर्मेंस

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

इमेज, वेब पर ब्लोट होने की सबसे बड़ी वजह हैं. अपनी इमेज को ऑप्टिमाइज़ करके, अपनी वेबसाइट के बैंडविड्थ के इस्तेमाल को काफ़ी हद तक कम किया जा सकता है. Squoosh, इमेज को कंप्रेस करने वाला एक आसान ओपन सोर्स टूल है. इसकी मदद से, इमेज को तेज़ी से कंप्रेस किया जा सकता है.
परफ़ॉर्मेंस को बेहतर बनाने के सबसे अच्छे अवसरों का पता लगाने के लिए, WebPageTest या Lighthouse चलाएं.
टेक्स्ट के संसाधनों के नेटवर्क साइज़ को कम करने के लिए, टेक्स्ट को कंप्रेस करने की सुविधा चालू करें. इससे अक्सर परफ़ॉर्मेंस को बेहतर बनाने में मदद मिलती है. इसके लिए, ज़्यादा तकनीकी निवेश की ज़रूरत नहीं होती.
वेबसाइट की स्पीड को क्रॉस-फ़ंक्शनल तरीके से ठीक करना लेख पढ़ें. इससे आपको अन्य डिपार्टमेंट के साथ मिलकर काम करने और उनकी सहमति पाने का तरीका जानने में मदद मिलेगी.
इमेज के लिए स्टैंडर्ड लेज़ी-लोडिंग का इस्तेमाल करें, ताकि उन इमेज के लिए अनुरोध कम किए जा सकें जिन्हें लोग शायद कभी न देखें. ब्राउज़र के साथ काम करने की क्षमता 100% नहीं है. हालांकि, इस सुविधा को परतदार वृद्धि के तौर पर इस्तेमाल किया जा सकता है. दूसरे शब्दों में, अगर कोई ब्राउज़र स्टैंडर्ड लेज़ी-लोडिंग के साथ काम नहीं करता है, तो इमेज को सामान्य तरीके से लोड होना चाहिए.
देखें कि आपकी साइट पर कोई A/B टेस्टिंग या मनमुताबिक बनाने वाली स्क्रिप्ट मौजूद है या नहीं. इन्हें एसिंक्रोनस तरीके से लोड किया जा सकता है. इसके अलावा, यह भी देखें कि स्क्रिप्ट में कोई ऐसी सुविधा तो नहीं है जो ज़रूरी न हो और जिसे बंद किया जा सकता हो. A/B टेस्टिंग और मनमुताबिक बनाने वाली स्क्रिप्ट को आम तौर पर, एसिंक्रोनस तरीके से पूरी तरह लोड नहीं किया जा सकता. इसकी वजह यह है कि उन्हें पेज का कॉन्टेंट लोड होने से पहले चलाना ज़रूरी होता है. हालांकि, स्क्रिप्ट के कुछ हिस्सों को एसिंक्रोनस तरीके से लोड किया जा सकता है. क्रिटिकल रेंडरिंग पाथ देखें. इससे आपको सिंक्रोनस स्क्रिप्ट (इन्हें रेंडर-ब्लॉकिंग स्क्रिप्ट भी कहा जाता है) और पेज लोड अवधि के बीच के बुनियादी अंतर को समझने में मदद मिलेगी. इसके बाद, यह तय करें कि आपको पेज लोड अवधि के मुकाबले, रेंडर-ब्लॉकिंग स्क्रिप्ट को प्राथमिकता देनी है या नहीं.
ज़्यादातर वेबसाइटों के लिए, तीसरे पक्ष का कोड सभी अनुरोधों का करीब आधा हिस्सा होता है. तीसरे पक्ष के ऐसे कोड को ऑप्टिमाइज़ करें या कुछ समय के लिए हटाएं या बंद करें जो आपकी साइट को चलाने के लिए ज़रूरी नहीं है.
अगर सुविधाओं को रिलीज़ करने की प्रोसेस को प्राथमिकता नहीं दी जा रही है, तो यह समय कोड को साफ़ करने के लिए सबसे सही हो सकता है. अपने Tag Manager से टैग हटाएं, सीएसएस और JS को साफ़ करें, और बंद की जा चुकी सुविधाओं या कोड को हटाएं. Chrome DevTools में कवरेज टैब और Puppeteer में Coverage क्लास की मदद से, इस्तेमाल न किए गए कोड का पता लगाया जा सकता है.

ज़्यादा जानकारी के लिए, तेज़ी से लोड होने में लगने वाला समय देखें.