आज हम ब्लॉगर के साथ स्कीमा मेटा टैग (schema.org meta data/ tags) को उन्नत विधि द्वारा प्रयोग करना सीखेंगे। यदि आपका प्रश्न है कि स्कीमा मेटा टैग क्या है तो बता दूँ कि यह ओपन ग्राफ़ मेटा टैग (Open graph meta tags) का विकल्प है, जिसे ब्लॉगर ब्लॉग के साथ गूगल द्वारा पहले से ही प्रयोग किया जा रहा है। यदि आपने अपने ब्लॉग टेम्पलेट को नये में अपडेट नहीं किया है तो आप स्कीमा मेटा टैग के लाभ से वंचित हैं। आज सभी ओपन ग्राफ़ मेटा टैग के बारे में बात कर रहे हैं किसी ने भी स्कीमा मेटा टैग के बारे में बात करने के विषय में पहल नहीं की है इसलिए हम आपके सामने इसकी विशेषताओं को उजागर कर रहे हैं। नये ब्लॉगर टेम्पलेट मात्र दो स्कीमा मेटा टैग रखते हैं जो कि है लेख का नाम/ शीर्षक और उसका विवरण। एक ब्लॉग के लिए कई स्कीमा मेटा टैग्स हो सकते हैं जिनके बारे में विस्तृत जानकारी के लिए यह लिंक देखें – http://schema.org/Blog। हमने ब्लॉगर के तीन प्रमुख पृष्ठ प्रकारों के लिए मेटा टैग्स को तैयार किया है जो हैं – मुख्य पृष्ठ (Index page), आइटेम पृष्ठ (Item page) और स्टैटिक पृष्ठ (Static page)। हमारे कोड को प्रयोग करके आप अपने ब्लॉग के लिए आवश्यक सभी स्कीमा मेटा टैग्स को ब्लॉग के साथ सम्बद्ध कर सकते हैं। आप को कोई मेटा सूचना स्वत: नहीं डालनी होगी। सभी स्वत: ही आपके लेख दवारा प्राप्त कर ली जाती है। बस आप अपने लेख लिखते रहिए जैसा कि आज तक लिखते रहे हैं।
पुराने ब्लॉग टेम्पलेट के साथ स्कीमा मेटा टैग्स को प्रयोग करना
1. नीचे दिये कोड को अपने टेम्पलेट में खोज लीजिए –
<body>
अगर न मिले तो आप इस कोड को खोज सकते हैं –
<body expr:class='"loading" + data:blog.mobileClass'>
2. अब नीचे दिये जा रहे हैं कोड को <body> के नीचे अगली लाइन में पेस्ट कर दीजिए –
<div itemscope='itemscope' itemtype='http://schema.org/Blog' style='display: none;'> <b:if cond='data:blog.pageType != "index"'> <meta expr:content='data:blog.pageName' itemprop='name'/> <meta expr:content='data:blog.canonicalUrl' itemprop='url'/> <b:else/> <meta expr:content='data:blog.title' itemprop='name'/> <meta expr:content='data:blog.homepageUrl' itemprop='url'/> </b:if> <meta expr:content='data:blog.metaDescription' itemprop='description'/> <b:if cond='data:blog.postImageThumbnailUrl'> <meta expr:content='data:blog.postImageThumbnailUrl' itemprop='image'/> <b:else/> <meta content='//blog-logo-url-square-size-is-good' itemprop='image'/> </b:if> </div>
यदि आप नया ब्लॉग टेम्पलेट प्रयोग कर रहे हैं
तब यह लिंक “http://schema.org/Blog” अपने ब्लॉग टेम्पलेट में खोजिए, इसके बाद आपको कुछ इस प्रकार का कोड मिलेगा –
<b:if cond='data:blog.pageType == "index"'>
<div itemscope='itemscope' itemtype='http://schema.org/Blog' style='display: none;'>
<meta expr:content='data:blog.title' itemprop='name'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' itemprop='description'/>
</b:if>
</div>
</b:if>
यदि आपको उपरोक्त कोड ठीक प्रकार से अपने ब्लॉग टेम्पलेट में मिल जाता है तो इसे नीचे दिये कोड से पूरा बदल दें –
<div itemscope='itemscope' itemtype='http://schema.org/Blog' style='display: none;'> <b:if cond='data:blog.pageType != "index"'> <meta expr:content='data:blog.pageName' itemprop='name'/> <meta expr:content='data:blog.canonicalUrl' itemprop='url'/> <b:else/> <meta expr:content='data:blog.title' itemprop='name'/> <meta expr:content='data:blog.homepageUrl' itemprop='url'/> </b:if> <meta expr:content='data:blog.metaDescription' itemprop='description'/> <b:if cond='data:blog.postImageThumbnailUrl'> <meta expr:content='data:blog.postImageThumbnailUrl' itemprop='image'/> <b:else/> <meta content='//blog-logo-url-square-size-is-good' itemprop='image'/> </b:if> </div>
आपको उपरोक्त कोड में अपने ब्लॉग का एक चौकोर लोगो प्रयोग करना है। इसके लिए आपको इस कोड के स्थान पर “//blog-logo-url-square-size-is-good” अपने ब्लॉग लोगो का लिंक प्रयोग करना है।
GitHub gist – https://gist.github.com/vinayprajapati/5881629
यदि स्कीमा मेटा टैग के प्रयोग में कैसी भी कठिनाई महसूस कर रहे हैं तो नि:संकोच हमारी फ़ोरम में प्रश्न पूछें या टिप्पणियों से अवगत करायें।
Keywords: blogger, schema, schema.org, schema meta data, schema meta tags, open graph, open graph meta tag
Aap ne Jo code Diya hai or dusara wala bhi koi bhi Nahi mil Raha mere template me. Please help me 🙏