धीमी रफ़्तार से कॉन्टेंट लोड होने की समस्या को ठीक करना
ऐसा कॉन्टेंट जो ज़्यादा ज़रूरी नहीं है या जो लोगों को नहीं दिखेगा, उसके लिए "लेज़ी लोडिंग" (धीरे लोड होना) की सुविधा का इस्तेमाल किया जाता है. यह आम तौर पर, वेबसाइट की परफ़ॉर्मेंस और UX को बेहतर बनाने का सबसे सही तरीका होता है. ज़्यादा जानकारी के लिए, लेज़ी लोडिंग वाली इमेज और वीडियो के बारे में web.dev के संसाधन देखें. हालांकि, अगर इसे सही तरीके से लागू न किया जाए, तो यह सुविधा अनजाने में Google से कॉन्टेंट छिपा सकती है. इस दस्तावेज़ में वे तरीके बताए गए हैं जिनसे पक्का किया जा सकता है कि Google धीरे लोड होने वाला कॉन्टेंट क्रॉल कर ले.
व्यूपोर्ट में दिखने पर कॉन्टेंट लोड करना
Google को आपके पेज का पूरा कॉन्टेंट दिखे, इसके लिए पक्का करें कि जब भी व्यूपोर्ट में कॉन्टेंट दिखने लगे, तब लेज़ी लोडिंग (धीरे लोड होने वाला कॉन्टेंट) की सुविधा, आपके सभी ज़रूरी कॉन्टेंट को लोड कर दे. यहां धीरे लोड होने वाले कॉन्टेंट को लागू करने के कुछ तरीके दिए गए हैं:
- इमेज और iframe के लिए, ब्राउज़र में पहले से मौजूद लेज़ी लोडिंग की सुविधा
- IntersectionObserver API और polyfill
- ऐसी JavaScript लाइब्रेरी जो व्यूपोर्ट में डेटा के शामिल होते समय डेटा लोड करने की सुविधा देती है
यहां बताए गए तरीके, कॉन्टेंट लोड करने के लिए उपयोगकर्ता की कार्रवाइयों पर निर्भर नहीं करते. जैसे, स्क्रोल करना या क्लिक करना. यह ज़रूरी है, क्योंकि Google Search आपके पेज से इंटरैक्ट नहीं करता.
ऐसे कॉन्टेंट के लिए लेज़ी-लोडिंग की सुविधा न जोड़ें जो उपयोगकर्ता के पेज खोलने पर तुरंत दिख सकता है. इस वजह से, कॉन्टेंट को लोड होने और ब्राउज़र में दिखने में ज़्यादा समय लग सकता है. यह बात उपयोगकर्ता को साफ़ तौर पर दिखेगी.
अपने लागू करने की जांच करना पक्का करें
असीमित स्क्रोलिंग के लिए पेज पर नंबर डालने की प्रक्रिया का इस्तेमाल करना
इनफ़ाइनाइट स्क्रोल एक ऐसी तकनीक है जो ज़्यादा कॉन्टेंट और अलग-अलग पेजों को लोड करती है. ऐसा तब होता है, जब उपयोगकर्ता किसी लंबे पेज को नीचे की ओर स्क्रोल करता है. यह एक लंबा लेख हो सकता है, जिसे कई हिस्सों में बांटा गया है. इसके अलावा, इसमें आइटम का ऐसा कलेक्शन मौजूद है जिसे इसी तरह कई हिस्सों में बांटा गया है. इंडेक्स किए जा सकने वाले तरीके से, इनफ़ाइनाइट स्क्रोलिंग को लागू करने के लिए, पक्का करें कि आपकी वेबसाइट इन हिस्सों को पेज पर नंबर डालकर लोड करने की सुविधा देती हो. इसके लिए, ये काम करें:
- हर हिस्से के लिए, एक ऐसा यूआरएल बनाए जो यूनीक हो और उसी का हो.
- पक्का करें कि हर यूआरएल पर दिखने वाला कॉन्टेंट, ब्राउज़र में लोड होने पर हर बार एक जैसा ही रहे.
ऐसा करने का एक तरीका यह है कि यूआरएल में पेज के सटीक नंबर का इस्तेमाल किया जाए. जैसे, क्वेरी पैरामीटर के तौर पर
?page=12का इस्तेमाल. - इन यूआरएल में
?date=yesterdayजैसे एलिमेंट का इस्तेमाल करने से बचें. इससे सर्च इंजन और उपयोगकर्ताओं को किसी दिए गए यूआरएल में एक ही कॉन्टेंट लगातार दिखता है. इससे, सर्च इंजन के लिए कॉन्टेंट को सही तरीके से इंडेक्स करना आसान हो जाता है. साथ ही, उपयोगकर्ताओं को आपके कॉन्टेंट के उस हिस्से को शेयर करने और उससे फिर से जुड़ने में मदद मिलती है. - अलग-अलग यूआरएल को एक क्रम में लिंक करें, ताकि सर्च इंजन, पेज के हिसाब से व्यवस्थित किए गए सेट में यूआरएल ढूंढ सकें. यूआरएल को क्रम में लगाने वाले पैटर्न के सबसे सही तरीके के बारे में ज़्यादा जानें.
- जब उपयोगकर्ता के स्क्रोल करने पर, पेज का नया हिस्सा लोड होता है और वह उपयोगकर्ता के लिए मुख्य एलिमेंट बन जाता है, तो History API का इस्तेमाल करके, दिखाए गए यूआरएल को अपडेट करें. इससे उपयोगकर्ता, ब्राउज़र में दिखाए गए यूआरएल को रीफ़्रेश, शेयर, और लिंक कर सकता है.
जांच करना
प्रक्रिया सेट अप करने के बाद, पक्का करें कि यह सही तरीके से काम कर रही है या नहीं.
यह देखने के लिए कि पूरा कॉन्टेंट लोड हुआ है या नहीं, Search Console में यूआरएल जांचने वाले टूल का इस्तेमाल किया जा सकता है.
रेंडर किए गए एचटीएमएल की जांच करके, पक्का करें कि आपका कॉन्टेंट रेंडर किए गए एचटीएमएल में मौजूद है. इसके लिए, यूआरएल जांचने वाले टूल में जाकर, कॉन्टेंट को खोजें. अगर रेंडर किए गए एचटीएमएल में, आपकी इमेज या वीडियो के यूआरएल <img> या <video> एलिमेंट पर src एट्रिब्यूट में दिखते हैं, तो इसका मतलब है कि आपका सेटअप सही तरीके से काम कर रहा है.