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

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

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

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

  • IntersectionObserver एपीआई और polyfill
  • ऐसी JavaScript लाइब्रेरी जो व्यूपोर्ट में शामिल होते समय डेटा लोड करती है.

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

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

अगर आप असीमित स्क्रोल अनुभव लागू कर रहे हैं, तो पक्का करें कि पेजों में बँटी हुई लोडिंग के साथ काम करें. पेजों में बँटी हुई लोडिंग उपयोगकर्ताओं के लिए अहम है, क्योंकि इससे वे आपकी सामग्री शेयर कर पाते हैं और उससे फिर से जुड़ पाते हैं. इससे 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 ने इंडेक्स किया है.

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