धीमी रफ़्तार से कॉन्टेंट लोड होने की समस्या को ठीक करना

ऐसा कॉन्टेंट जो ज़्यादा ज़रूरी नहीं है या जो लोगों को नहीं दिखेगा, उसके लिए "धीमी रफ़्तार से लोड होने" (लेज़ी लोडिंग) की सुविधा का इस्तेमाल किया जाता है. यह आम तौर पर, वेबसाइट की परफ़ॉर्मेंस और UX को बेहतर बनाने का सबसे सही तरीका होता है. ज़्यादा जानकारी के लिए, धीमी रफ़्तार से लोड होने वाली इमेज और वीडियो के लिए वेब की बुनियादी बातों की गाइड देखें. हालांकि, अगर इसे सही तरीके से लागू न किया जाए, तो यह तकनीक अनजाने में Google से कॉन्टेंट छिपा सकती है. इस दस्तावेज़ में ऐसा तरीका बताया गया है जिससे Google धीमी रफ़्तार से लोड होने वाले कॉन्टेंट को क्रॉल कर सके.

व्यूपोर्ट में दिखाई देने पर कॉन्टेंट लोड करना

Googlebot को आपके पेज का पूरा कॉन्टेंट दिखाई दे, इसके लिए पक्का करें कि धीमी रफ़्तार से लोड करने की सुविधा जब भी व्यूपोर्ट में दिखे, तब वह सभी ज़रूरी कॉन्टेंट को लोड करे. यहां कुछ उदाहरण दिए गए हैं जिनसे आप यह कर सकते हैं:

अपने लागू करने की जांच करना पक्का करें

असीमित स्क्रोलिंग के लिए पेज पर नंबर डालने की प्रक्रिया का इस्तेमाल करना

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

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

जांच

प्रक्रिया सेट अप करने के बाद, आपको पक्का करना चाहिए कि यह सही तरीके से काम कर रही है या नहीं. ऐसा करने का एक तरीका Puppeteer स्क्रिप्ट का इस्तेमाल करके स्थानीय तौर पर लागू किए जाने की जांच करना है. Puppeteer एक Node.js लाइब्रेरी है जो बिना ग्राफ़िक यूज़र इंटरफ़ेस वाले Chrome को नियंत्रित करती है. स्क्रिप्ट चलाने के लिए आपको Node.js की ज़रूरत होगी. स्क्रिप्ट की जांच करने और उसे चलाने के लिए इन निर्देशों का पालन करें:

git clone https://github.com/GoogleChromeLabs/puppeteer-examples
cd puppeteer-examples
npm i
node lazyimages_without_scroll_events.js -h

स्क्रिप्ट चलाने के बाद मैनुअल रूप से स्क्रीनशॉट इमेज की समीक्षा करें. इससे पता चलता है कि जो कॉन्टेंट आप दिखाना चाहते हैं वे पेज पर मौजूद हैं या नहीं. साथ ही, यह भी पता चलता है Googlebot ने किन पेजों को इंडेक्स किया है.

सभी इमेज लोड हुए हैं या नहीं यह देखने के लिए, Search Console में यूआरएल की जांच करने वाले टूल का इस्तेमाल करें. स्क्रीनशॉट और रेंडर किए गए एचटीएमएल की जांच करके पक्का करें कि सभी इमेज लोड हो गई हैं.