ध्यान रहे कि Google को ज़्यादा समय में लोड होनी वाली सामग्री दिखाई दे सके

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

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

Googlebot को आपके पेज की सभी सामग्री दिखाई दे, इसके लिए यह पक्का करें कि IntersectionObserver API (एपीआई) और polyfill का इस्तेमाल करके ज़्यादा समय में लोड होने वाला क्रियान्वयन जब भी व्यूपोर्ट में दिखाई दे, तब पूरी प्रासंगिक सामग्री को लोड करे.

असीमित स्क्रोल के लिए पेजों में बँटी हुई लोडिंग के साथ काम करना

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

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

जाँच

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

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

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

निम्न के बारे में फ़ीडबैक भेजें...