सामग्री लोड होने में ज़्यादा समय लगने की समस्या को ठीक करना

ऐसा कॉन्टेंट जो ज़्यादा ज़रूरी नहीं है या जिसे लोगों को दिखाया नहीं जाएगा, उसके देर से लोड होने को "ज़्यादा समय में होने वाली लोडिंग" कहा जाता है. यह आम तौर पर परफ़ॉर्मेंस और 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 में यूआरएल की जांच करने वाले टूल का इस्तेमाल करें. स्क्रीनशॉट और रेंडर किए गए एचटीएमएल की जांच करके पक्का करें कि सभी इमेज लोड हो गई हैं.