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 उस स्ट्रक्चर्ड डेटा को समझ और प्रोसेस कर सकता है जो पेज को रेंडर करते समय DOM में मौजूद रहता है. Google Search, JavaScript को कैसे प्रोसेस करता है, इसके बारे में ज़्यादा जानने के लिए JavaScript की बुनियादी बातों वाली गाइड देखें.

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

  1. आप जिस तरह के स्ट्रक्चर्ड डेटा में दिलचस्पी रखते हैं उस तरह के स्ट्रक्चर्ड डेटा का पता लगाएं.
  2. नीचे दिए गए उदाहरण की तरह, एक JavaScript स्निपेट को शामिल करने के लिए, अपनी वेबसाइट के एचटीएमएल में बदलाव करें (अपने CMS या सर्वर देने वाली संस्था के दस्तावेज़ देखें या अपने डेवलपर से पूछें).
    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 की समस्याओं को हल करने की गाइड देखना न भूलें.