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

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

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

• Google Tag Manager
• पसंद के मुताबिक JavaScript

क्या Product मार्कअप का इस्तेमाल किया जा रहा है? ध्यान रखें कि डाइनैमिक तौर पर जनरेट होने वाले मार्कअप की वजह से, Shopping की क्रॉलिंग फ़्रीक्वेंसी कम हो सकती है और ये कम भरोसेमंद साबित हो सकते हैं. इससे, प्रॉडक्ट की उपलब्धता और कीमत जैसे तेज़ी से बदलने वाले कॉन्टेंट के लिए समस्या हो सकती है. अगर आप एक कारोबारी या कंपनी हैं और आपको सभी तरह के शॉपिंग नतीजों को ऑप्टिमाइज़ करना है, तो पक्का करें कि आपके सर्वर में ज़रूरत के हिसाब से कंप्यूटिंग रिसॉर्स मौजूद हों, ताकि Google से आ रहे ज़्यादा ट्रैफ़िक को हैंडल किया जा सके.

डाइनैमिक रूप से 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>

ध्यान दें: पिछले सैंपल में यह माना जाता है कि आपने GTM में recipe_name, recipe_image, और recipe_author वैरिएबल के बारे में बताया है.

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

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

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

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