JavaScript से स्ट्रक्चर्ड डेटा जनरेट करना

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

JavaScript से स्ट्रक्चर्ड डेटा जनरेट करने के कई तरीके हैं, लेकिन सबसे ज़्यादा इस्तेमाल होने वाले तरीके ये हैं:

डाइनैमिक रूप से JSON-LD जनरेट करने के लिए, Google Tag Manager का इस्तेमाल करना

Google Tag Manager एक ऐसा प्लैटफ़ॉर्म है जो आपको कोड में बदलाव किए बिना अपनी वेबसाइट पर टैग मैनेज करने की अनुमति देता है. Google Tag Manager की मदद से, स्ट्रक्चर्ड डेटा जनरेट करने के लिए यह तरीका अपनाएं:

  1. अपनी साइट पर Google Tag Manager को सेट अप और इंस्टॉल करें.
  2. कंटेनर में कस्टम एचटीएमएल टैग जोड़ें.
  3. टैग कॉन्टेंट में मनचाहा स्ट्रक्चर्ड डेटा ब्लॉक चिपकाएं.
  4. अपने कंटेनर के एडमिन मेन्यू में, Google Tag Manager इंस्टॉल करें सेक्शन में दिखाए गए तरीके से कंटेनर इंस्टॉल करें.
  5. अपनी वेबसाइट में टैग जोड़ने के लिए, अपने कंटेनर को Google Tag Manager इंटरफ़ेस में प्रकाशित करें.
  6. आपने जो लागू किया है उसकी जांच करें.

Google Tag Manager में वैरिएबल का इस्तेमाल करना

Google Tag Manager (GTM), वैरिएबल के साथ काम करता है. इनकी मदद से वह पेज पर मौजूद जानकारी का इस्तेमाल, आपके स्ट्रक्चर्ड डेटा के तौर पर करता है. पेज से स्ट्रक्चर्ड डेटा निकालने के लिए, GTM में जानकारी की डुप्लीकेट कॉपी बनाने के बजाय, वैरिएबल का इस्तेमाल करें. GTM में जानकारी की डुप्लीकेट कॉपी बनाने से, पेज पर मौजूद कॉन्टेंट और GTM से शामिल किए गए स्ट्रक्चर्ड डेटा के मेल नहीं खाने का खतरा बढ़ जाता है.

उदाहरण के लिए, आप डाइनैमिक तौर पर कोई रेसिपी JSON-LD ब्लॉक बना सकते हैं, जो recipe_name नामों वाले कस्टम वैरिएबल बनाकर पेज के शीर्षक को रेसिपी के नाम के रूप में इस्तेमाल करता है:

function() { return document.title; }

इसके बाद, आप अपने कस्टम टैग एचटीएमएल में {{recipe_name}} का इस्तेमाल कर सकते हैं.

हम आपको वैरिएबल बनाने का सुझाव देते हैं. इससे, उस पेज से सारी ज़रूरी जानकारी जुटाई जा सकती है जो वैरिएबल का इस्तेमाल करता है.

यहां कस्टम एचटीएमएल टैग कॉन्टेंट का उदाहरण दिया गया है:

<script type="application/ld+json">
  {
    "@context": "https://schema.org/",
    "@type": "Recipe",
    "name": "{{recipe_name}}",
    "image": [ "{{recipe_image}}" ],
    "author": {
      "@type": "Person",
      "name": "{{recipe_author}}"
    }
  }
</script>

कस्टम JavaScript से स्ट्रक्चर्ड डेटा जनरेट करना

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

यहां JavaScript से जनरेट किए गए स्ट्रक्चर्ड डेटा का उदाहरण दिया गया है:

  1. आप जिस तरह के स्ट्रक्चर्ड डेटा में दिलचस्पी रखते हैं उस तरह के स्ट्रक्चर्ड डेटा का पता लगाएं.
  2. नीचे दिए गए उदाहरण की तरह, एक JavaScript स्निपेट को शामिल करने के लिए, अपनी वेबसाइट के एचटीएमएल में बदलाव करें (अपने कॉन्टेंट मैनेजमेंट सिस्टम या सर्वर देने वाली संस्था के दस्तावेज़ देखें या अपने डेवलपर से पूछें).
    fetch('https://api.example.com/recipes/123')
    .then(response => response.text())
    .then(structuredDataText => {
      const script = document.createElement('script');
      script.setAttribute('type', 'application/ld+json');
      script.textContent = structuredDataText;
      document.head.appendChild(script);
    });
  3. आपने जो लागू किया है उसे, रिच रिज़ल्ट टेस्ट के साथ जांचें.

सर्वर साइड रेंडरिंग का इस्तेमाल करना

अगर आप सर्वर साइड रेंडरिंग का इस्तेमाल कर रहे हैं, तो आप रेंडर किए गए आउटपुट में मनचाहा स्ट्रक्चर्ड डेटा भी शामिल कर सकते हैं. अपने फ़्रेमवर्क के दस्तावेज़ की जांच करके पता लगाएं कि जिस तरह के स्ट्रक्चर्ड डेटा में आपकी दिलचस्पी है उसके लिए, JSON-LD कैसे जनरेट करते हैं.

आपने जो लागू किया है उसकी जांच करना

यह पक्का करने के लिए कि Google Search आपके स्ट्रक्चर्ड डेटा को क्रॉल या इंडेक्स कर पाए, आपने जो लागू किया है उसकी जांच करें:

  1. रिच रिज़ल्ट टेस्ट खोलें.
  2. वह यूआरएल डालें जिसकी आप जांच करना चाहते हैं.
  3. टेस्ट यूआरएल पर क्लिक करें.

    पूरा हो गया: अगर आपने सब कुछ सही तरीके से किया है और आपका स्ट्रक्चर्ड डेटा, टूल में काम करता है, तो आपको यह मैसेज दिखेगा - "पेज ज़्यादा बेहतर नतीजों (रिच रिज़ल्ट) के लिए ज़रूरी शर्तें पूरी करता है".
    अगर आप ऐसे स्ट्रक्चर्ड डेटा की जांच कर रहे हैं जो रिच रिज़ल्ट टेस्ट के साथ काम नहीं करता, तो रेंडर किए गए एचटीएमएल को जांचें. अगर रेंडर किए गए एचटीएमएल में स्ट्रक्चर्ड डेटा है, तो Google Search उसे प्रोसेस कर पाएगा.

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