IndexLaunch

गाइड

JavaScript SEO: JS-रेंडर पेज इंडेक्स कराएं

Google JavaScript को देरी से दूसरे चरण में रेंडर करता है; जानें इसका इंडेक्सिंग पर क्या असर होता है और आम तौर पर क्या गड़बड़ होती है।

इंडेक्सिंग दो लहरों में होती है

Googlebot पहले आपका रॉ HTML फ़ेच करता है और उस शुरुआती रिस्पॉन्स में पहले से मौजूद किसी भी कंटेंट को लगभग तुरंत इंडेक्स कर सकता है। जो कुछ भी सिर्फ़ JavaScript चलने के बाद दिखता है, वह दूसरे पास — रेंडरिंग — के लिए क्यू में डाला जाता है, जो अलग संसाधनों का इस्तेमाल करता है और शुरुआती क्रॉल से सेकंडों से लेकर, क्रॉल-सीमित साइट पर, कहीं ज़्यादा पीछे रह सकता है। अगर आपका कंटेंट या इंटरनल लिंक सिर्फ़ उस दूसरे पास के बाद मौजूद हैं, तो आप इंडेक्स होने के लिए एक धीमे, कम निश्चित रास्ते पर निर्भर हैं।

असल में इंडेक्सिंग क्या तोड़ता है

  • मुख्य कंटेंट या इंटरनल लिंक जो सिर्फ़ एक क्लाइंट फ़ेच के बाद रेंडर होते हैं, शुरुआती HTML में कुछ भी सार्थक न होने के साथ।
  • किसी यूज़र एक्शन — एक क्लिक, एक स्क्रॉल, एक होवर — के पीछे बंद कंटेंट, जिसे करने की Googlebot के पास कोई वजह नहीं है।
  • robots.txt में ब्लॉक की गई JS या CSS फ़ाइलें जिनकी पेज को सही तरीके से रेंडर होने के लिए ज़रूरत होती है; ब्लॉकिंग कैसे उल्टा असर डाल सकती है, इसके लिए robots.txt बनाम noindex देखें।
  • क्लाइंट-साइड राउटिंग जो असल HTTP स्टेटस को कभी नहीं बदलती — एक टूटा हुआ रूट खाली रेंडर हो सकता है या नॉट-फ़ाउंड मैसेज दिखा सकता है जबकि फिर भी 200 रिटर्न करता है, जो एक सॉफ़्ट 404 के रूप में दिखता है।
  • हाइड्रेशन या रेंडरिंग एरर जो सिर्फ़ हेडलेस ब्राउज़र एनवायरनमेंट में होते हैं और सामान्य मैन्युअल टेस्टिंग में अनदेखे रह जाते हैं।

Google असल में क्या देखता है यह कैसे जांचें

Search Console के URL Inspection टूल में एक "Tested page" व्यू है जो Google के रेंडरर के चलने के बाद रेंडर किया गया HTML और एक स्क्रीनशॉट दिखाता है — सिर्फ़ रॉ रिस्पॉन्स नहीं। इसे अपने सोर्स HTML से तुलना करें: अगर रॉ रिस्पॉन्स में ज़रूरी कंटेंट या लिंक गायब हैं लेकिन रेंडरिंग के बाद मौजूद हैं, तो आप पूरी तरह रेंडर क्यू पर निर्भर हैं, तेज़ शुरुआती क्रॉल पर नहीं।

असल में क्या मदद करता है

  • SEO के लिए मायने रखने वाले कंटेंट और नेविगेशन लिंक को सर्वर-रेंडर करें (या स्टैटिकली जनरेट करें), न कि लोड के बाद उन्हें क्लाइंट-साइड फ़ेच करें।
  • इंटरनल लिंक के लिए असली <a href> एलिमेंट का इस्तेमाल करें, नॉन-एंकर एलिमेंट पर क्लिक हैंडलर नहीं — Googlebot href को फॉलो करता है, मनमाने JavaScript इवेंट बाइंडिंग को नहीं।
  • उन JS/CSS बंडल को ब्लॉक न करें जिन पर पेज रेंडर होने के लिए निर्भर करता है — Google को पेज को रेंडर करने के लिए बिल्कुल उन्हें फ़ेच करने की ज़रूरत होती है।
  • एक बार पेज ठीक हो जाए, तो बस अगले रेंडर पास का इंतज़ार न करें — सीधे री-इंडेक्सिंग का अनुरोध करें, या URL को IndexNow के ज़रिए पुश करें, ताकि सही किया गया वर्शन रेंडरर की क्यू के बजाय आपके शेड्यूल पर पिक अप हो जाए।

फ़्रेमवर्क के हिसाब से ज़रूरी बातें

  • क्लाइंट-साइड React ऐप्स: एक साधारण सिंगल-पेज ऐप लगभग खाली HTML शेल भेजता है। जिन पेजों को रैंक करना है, उनके लिए सर्वर रेंडरिंग या स्टैटिक जनरेशन वाले फ़्रेमवर्क का इस्तेमाल करें।
  • Next.js और Nuxt: सर्वर रेंडरिंग और स्टैटिक जनरेशन डिफ़ॉल्ट रूप से कंटेंट को शुरुआती HTML में रखते हैं। ऐसे ज़रूरी कंटेंट पर नज़र रखें जो सिर्फ़ क्लाइंट-साइड इफ़ेक्ट में लोड होता है।
  • Angular और Vue: Angular की सर्वर-साइड रेंडरिंग, या Vue के लिए Nuxt का इस्तेमाल करें, ताकि पेज HTML में पहले से मौजूद कंटेंट के साथ पहुंचें।
  • इनफ़िनिट स्क्रॉल: इसे ऐसे पेजिनेटेड URL के साथ जोड़ें जो अपने आप में लोड हो सकें, ताकि क्रॉलर पहली स्क्रीन से आगे के आइटम तक पहुंच सकें।

एक त्वरित टेस्ट जो आप आज ही कर सकते हैं

पेज खोलें, View Page Source चुनें (Inspect नहीं), और अपने मुख्य कंटेंट का कोई वाक्य और कुछ इंटरनल लिंक URL खोजें। अगर वे सोर्स में नहीं हैं, तो वे JavaScript पर निर्भर हैं। फिर एक मुफ़्त इंडेक्सेबिलिटी चेक चलाकर पुष्टि करें कि पेज 200 रिटर्न करता है, noindex पर सेट नहीं है और उसका कैनोनिकल सही है।

अक्सर पूछे जाने वाले सवाल

क्या Google JavaScript कंटेंट इंडेक्स कर सकता है?

हां। Google, Chrome के एक हालिया वर्शन से JavaScript रेंडर करता है। दिक्कत टाइमिंग और भरोसेमंदी की है: रेंडरिंग शुरुआती क्रॉल के बाद होती है, और रेंडरिंग के दौरान एरर आने पर कंटेंट छूट सकता है।

क्या Bing और दूसरे क्रॉलर JavaScript रेंडर करते हैं?

Bing भी JavaScript रेंडर करता है, लेकिन कई दूसरे क्रॉलर, जिनमें ज़्यादातर सोशल मीडिया और AI क्रॉलर शामिल हैं, सिर्फ़ शुरुआती HTML पढ़ते हैं। सर्वर रेंडरिंग से आपका कंटेंट इन सभी को दिखता है।

क्या डायनामिक रेंडरिंग की अब भी सलाह दी जाती है?

नहीं। Google डायनामिक रेंडरिंग (बॉट्स को प्री-रेंडर किया गया वर्शन देना) को लंबे समय का समाधान नहीं, बल्कि एक कामचलाऊ उपाय बताता है। सर्वर-साइड रेंडरिंग या स्टैटिक जनरेशन ही सुझाया गया तरीका है।

क्या मुझे हर पेज के लिए सर्वर-साइड रेंडरिंग की ज़रूरत है?

नहीं। लॉगिन के पीछे वाले पेज, डैशबोर्ड और ऐसी कोई भी चीज़ जिसे आप सर्च में नहीं दिखाना चाहते, क्लाइंट-रेंडर्ड रह सकती है। उन पेजों को प्राथमिकता दें जिन्हें रैंक करना है: लैंडिंग पेज, आर्टिकल, और प्रोडक्ट व कैटेगरी पेज।

मुझे कैसे पता चले कि मेरी इंडेक्सिंग समस्या की वजह JavaScript है?

URL Inspection के लाइव टेस्ट में रॉ HTML की तुलना रेंडर किए गए HTML से करें। अगर मुख्य कंटेंट या लिंक सिर्फ़ रेंडरिंग के बाद दिखते हैं, या रेंडर किया गया स्क्रीनशॉट टूटा हुआ दिखता है, तो JavaScript इसकी संभावित वजह है।

चाहते हैं कि आपका अगला पेज केवल ऑर्गेनिक क्रॉलिंग से कहीं तेज़ खोजा जाए?

IndexLaunch आपके हर सबमिट किए गए URL को कतार में डालते ही कई सर्च इंजन तक भेज देता है।

कार्ड की ज़रूरत नहीं · क्रेडिट कभी एक्सपायर नहीं होते

या किसी भी पेज की मुफ़्त इंडेक्सेबिलिटी जांच करें →