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 की समस्याओं को हल करने की गाइड देखना न भूलें.