डायनैमिक रेंडरिंग का इस्तेमाल शुरू करना

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

डायनामिक रेंडरिंग का इस्तेमाल इन साइटों को करना चाहिए

डायनामिक रेंडरिंग का इस्तेमाल ऐसी सामग्री के लिए किया जा सकता है जो इंडेक्स की जा सकती हैं या तेज़ी से बदलने वाली ऐसी सामग्री जो सबके लिए उपलब्ध JavaScript से बनाई गई हो. इसके अलावा, इसका इस्तेमाल उस सामग्री के लिए भी किया जा सकता है जिसमें JavaScript की ऐसी सुविधाओं का इस्तेमाल होता है जो आपके लिए ज़रूरी क्रॉलर के साथ काम नहीं करतीं. हर साइट को डायनामिक रेंडरिंग का इस्तेमाल करने की ज़रूरत नहीं होती. साथ ही, इस बात का ध्यान रखें कि डायनामिक रेंडरिंग का इस्तेमाल क्रॉलर से जुड़ी समस्याएं ठीक करने के विकल्प के तौर किया जाता है.

डायनमिक रेंडरिंग के काम करने का तरीका समझना

डायनामिक रेंडरिंग के लिए आपके वेब सर्वर को क्रॉलर का पता लगाने की ज़रूरत होती है (उदाहरण के लिए, उपयोगकर्ता एजेंट की जाँच करके). क्रॉलर के अनुरोध रेंडरर को भेजे जाते हैं और उपयोगकर्ताओं के अनुरोध सामान्य तौर पर पूरे किए जाते हैं. जहां ज़रूरत होती है, डायनामिक रेंडरर वह वर्शन दिखाता है जो क्रॉलर के हिसाब से सही हो. उदाहरण के लिए, यह सामग्री का स्टैटिक एचटीएमएल वर्शन दिखा सकता है. आप डायनामिक रेंडरर को सभी पेजों के लिए या हर पेज के हिसाब से चालू कर सकते हैं.

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

डायनामिक रेंडरिंग लागू करना

अपनी सामग्री के लिए डायनामिक रेंडरिंग सेटअप करने के लिए, हमारे सामान्य दिशा-निर्देशों का पालन करें. आपको अपनी खास कॉन्फ़िगरेशन के बारे में जानकारी देखनी होगी क्योंकि अलग-अलग कॉन्फ़िगरेशन के हिसाब से डायनामिक रेंडरिंग लागू करने के तरीकों में काफ़ी अंतर होता है.

  1. डायनामिक रेंडरर को इंस्टॉल और कॉन्फ़िगर करें ताकि आपकी सामग्री स्टैटिक एचटीएमएल में बदली जा सके. सामग्री का यह वर्शन क्रॉलर के इस्तेमाल करने के लिए आसान होता है. आम तौर पर इस्तेमाल होने वाले डायनामिक रेंडरर Puppeteer, Rendertron, और prerender.io हैं.
  2. ऐसे उपयोगकर्ता एजेंट चुनें जिन्हें आपके हिसाब से सामग्री का स्टैटिक एचटीएमएल वर्शन दिखना चाहिए. साथ ही, उपयोगकर्ता एजेंट अपडेट करने या जोड़ने का तरीका जानने के लिए, अपनी खास कॉन्फ़िगरेशन की जानकारी देखें. यहां Rendertron मिडलवेयर में सामान्य उपयोगकर्ता एजेंट की सूची का एक उदाहरण दिया गया है:
    export const botUserAgents = [
      'googlebot',
      'google-structured-data-testing-tool',
      'bingbot',
      'linkedinbot',
      'mediapartners-google',
    ];
  3. अगर प्री-रेंडरिंग (पहले रेंडर करने की सुविधा) आपके सर्वर की रफ़्तार कम करती है या आपको प्री-रेंडरिंग की वजह से काफ़ी ज़्यादा अनुरोध दिखाई देते हैं, तो आप पहले से रेंडर की गई सामग्री के लिए कैश लागू कर सकते हैं. इसके बजाय, आप इस बात की पुष्टि कर सकते हैं कि अनुरोध सही क्रॉलर ने किए हैं.
  4. तय करें कि उपयोगकर्ता एजेंट को डेस्कटॉप या मोबाइल सामग्री की ज़रूरत है या नहीं. सामग्री का सही डेस्कटॉप या मोबाइल वर्शन दिखाने के लिए, डायनामिक तरीके से दिखाने कि सुविधा का इस्तेमाल करें. यहां दिए गए उदाहरण में बताया गया है कि कॉन्फ़िगरेशन से यह कैसे तय हो सकता है कि उपयोगकर्ता एजेंट को डेस्कटॉप या मोबाइल सामग्री की ज़रूरत है या नहीं:
    isPrerenderedUA = userAgent.matches(botUserAgents)
    isMobileUA = userAgent.matches(['mobile', 'android'])
    
    if (!isPrerenderedUA) { } else { servePreRendered(isMobileUA) }
  5. चुने गए क्रॉलर को स्टैटिक एचटीएमएल सामग्री उपलब्ध कराने के लिए अपने सर्वर को कॉन्फ़िगर करें. अपनी तकनीक के हिसाब से आप ऐसा कई तरीकों से कर सकते हैं. यहां ऐसा करने के कुछ उदाहरण दिए गए हैं:
    • क्रॉलर से डायनामिक रेंडरर को मिलने वाले प्रॉक्सी अनुरोध की मदद से.
    • सर्वर को कॉन्फ़िगर करने की प्रक्रिया के दौरान, प्री-रेंडरिंग करके और अपने सर्वर से क्रॉलर को स्टैटिक एचटीएमएल भेजकर.
    • अपने कस्टम सर्वर कोड में डायनामिक रेंडरिंग बनाकर.
    • प्री-रेंडरिंग सेवा का इस्तेमाल करके, क्रॉलर को स्टैटिक सामग्री भेजकर.
    • अपने सर्वर के लिए मिडलवेयर का इस्तेमाल करके (जैसे, rendertron मिडलवेयर).

अपनी कॉन्फ़िगरेशन की पुष्टि करना

डायनामिक रेंडरिंग लागू करने के बाद, इस बात की पुष्टि करें कि सब कुछ आपकी उम्मीद के मुताबिक काम कर रहा है. इसके लिए आप नीचे दिए गए टेस्ट की मदद से यूआरएल की जाँच कर सकते हैं:

  1. मोबाइल फ़्रेंडली टेस्ट से अपनी सामग्री के मोबाइल वर्शन की जाँच करें और देख लें कि Google आपकी सामग्री देख सकता है.

    हो गया पूरा हुआ: आपके मोबाइल की सामग्री वैसी ही दिख रही है जैसी आप इस्तेमाल करने वाले को दिखाना चाहते हैं.

    गड़बड़ी फिर से कोशिश करें: अगर आपको दिख रही सामग्री आपकी उम्मीद के मुताबिक नहीं है, तो 'समस्या हल करना' सेक्शन देखें.

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

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

    गड़बड़ी फिर से कोशिश करें: अगर आपको दिख रही सामग्री आपकी उम्मीद के मुताबिक नहीं है, तो 'समस्या हल करना' सेक्शन देखें.

  3. अगर आप स्ट्रक्चर्ड डेटा इस्तेमाल करते हैं, तो स्ट्रक्चर्ड डेटा की जाँच करने वाले टूल की मदद से जाँच लें कि आपका स्ट्रक्चर्ड डेटा ठीक से रेंडर हो रहा है.

    हो गया पूरा हुआ: स्ट्रक्चर्ड डेटा आपकी उम्मीद के मुताबिक दिखाई दे रहा है.

    गड़बड़ी फिर से कोशिश करें: अगर स्ट्रक्चर्ड डेटा आपकी उम्मीद के मुताबिक नहीं दिखता, तो 'समस्या हल करना' सेक्शन देखें.

समस्या हल करना

अगर मोबाइल फ़्रेंडली टेस्ट में आपकी सामग्री में गड़बड़ियां दिख रही हैं या यह 'Google सर्च' के नतीजों में नहीं दिख रही है, तो नीचे दी गई सबसे आम समस्याएं हल करने की कोशिश करें. अगर आपको अब भी समस्या आ रही है, तो वेबमास्टर फ़ोरम में नया विषय पोस्ट करें.

सामग्री पूरी नहीं है या अलग दिख रही है

गड़बड़ी समस्या किस वजह से हुई: शायद आपका रेंडरर सही तरीके से कॉन्फ़िगर न हुआ हो या आपका वेब ऐप्लिकेशन आपके रेंडरर के साथ काम न करता हो. कभी-कभी समय खत्म होने की वजह से भी सामग्री सही तरीके से रेंडर नहीं हो पाती.

हो गया समस्या ठीक करें: डायनामिक रेंडरिंग के सेटअप को डीबग करने के लिए, अपने खास रेंडरर समाधान देखें.

जवाब देने में ज़्यादा समय लगना

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

हो गया समस्या ठीक करें

  1. पहले से रेंडर किए गए एचटीएमएल के लिए कैश सेट अप करें या अपनी साइट का बिल्ड वर्शन बनाने की प्रक्रिया के दौरान अपनी सामग्री का स्टैटिक वर्शन बनाएं.
  2. देख लें कि आपकी कॉन्फ़िगरेशन में कैश चालू हो (उदाहरण के लिए, क्रॉलर को कैश किए गए वर्शन पर भेजकर).
  3. मोबाइल फ़्रेंडली टेस्ट या webpagetest जैसे टूल का इस्तेमाल करके जाँच लें कि क्रॉलर आपकी सामग्री को जल्दी से देख सकता हो. webpagetest को Google क्रॉलर उपयोगकर्ता एजेंट की सूची में शामिल कस्टम उपयोगकर्ता एजेंट स्ट्रिंग की मदद से इस्तेमाल करें. आपके अनुरोध समय सीमा खत्म होने से पहले पूरे हो जाने चाहिए.

स्ट्रक्चर्ड डेटा मौजूद नहीं है

गड़बड़ी समस्या क्यों हुई: स्ट्रक्चर्ड डेटा उपयोगकर्ता एजेंट के मौजूद न होने या आउटपुट में जेएसओएन-एलडी स्क्रिप्ट के टैग शामिल न करने की वजह से स्ट्रक्चर्ड डेटा की गड़बड़ियां हो सकती हैं.

हो गया समस्या ठीक करें

  1. स्ट्रक्चर्ड डेटा की जाँच करने वाले टूल का इस्तेमाल करके देख लें कि स्ट्रक्चर्ड डेटा पेज पर मौजूद है. इसके बाद, स्ट्रक्चर्ड डेटा की जाँच करने वाले टूल के लिए उपयोगकर्ता एजेंट को कॉन्फ़िगर करें. इससे आप पहले से रेंडर की गई सामग्री की जाँच कर पाएंगे.
  2. देख लें कि आपकी सामग्री के डायनामिक तरीके से रेंडर किए गए एचटीएमएल में जेएसओएन-एलडी स्क्रिप्ट के टैग शामिल हों. ज़्यादा जानकारी के लिए अपने रेंडरर समाधान के दस्तावेज़ देखें.

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