How to add Meta Image in blogger website

Meta Image Blogger Website -  

आज आपको जो Meta Image की script देने बाले हैं वो आपकी website के लिए बहुत जरूरी है यदि आपकी website blogger में है तो ये meta image की script आपके लिए है।  


Meta Image - जब हम अपनी website का url किसी social site पर शेयर करते हैं तो वहां एक image show होती है। यदि आपकी site में Meta Image नहीं लगी है। तो वहाँ आपके पोस्ट की कोई भी इमेज show होगी। जो कि आपके site के seo को poor करती है।  
How to add Meta Image in blogger website - newshank.com



यदि आप Meta Image को add करते हैं। तो ये आपके blog को और अधिक आकर्षक बनाती है। आज यहाँ आपको meta image add करने का तरीका बता रहे हैं। कि किस तरह आप अपने blog में meta image add कर सकते हैं।  


Meta Image आपके site के SEO के लिए भी जरूरी है। इससे Google या किसी भी search engine को ये पता चलता है कि आप अपने site का seo सही से किये हो meta image को लगाने के ऐसे कई फायदे हैं।  


How to add Meta Image in blogger website -  

Meta Image को blogger में add करने के लिए नीचे दिए गए code में आपको दो जगह अपनी meta image के url डालने हैं। उसके बाद उसे ब्लॉगर के theme editor में जाकर Meta section या फिर <head> के नीचे डाल देना है।  


Meta Image को index होने में कुछ समय भी लग सकता है। बहुत कम case में ये देखा गया कि meta image को add करने के बाद वहाँ 12 या 24 घंटे से ज्यादा का वक्त लगा हो। ज्यादातर meta image को add करने के बाद वो बहुत जल्दी show होने लगती है।  


Meta Image Script में  #  की जगह अपनी  Meta Image का URL डालें।  2nd Code को  1st Code के नीचे डालें।  


किसी भी समस्या के लिए Video देखें -  


Meta Image Blogger Script -  

Meta Image -
<!-- Meta Image -->
  <b:if cond='data:blog.postImageUrl'>
    <meta expr:content='data:blog.postImageUrl' property='og:image'/>
    <b:else/>
    <b:if cond='data:blog.postImageThumbnailUrl'>
      <meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
      <b:else/>
      <meta content='#' property='og:image'/>
    </b:if>


Meta Image - 
  </b:if>
  <b:if cond='data:view.isMultipleItems'>
    <meta content='#' name='twitter:image'/>
    <b:else/>
    <meta expr:content='data:blog.postImageUrl' name='twitter:image'/>
  </b:if>

Meta image के बारे में यदि आप सोच रहे हों कि Blogger में Meta Image लगाने से आपके site की speed पर कोई फर्क पड़ेगा। तो इस बिल्कुल भी नहीं है। meta image लगाने से blogger या website की speed पर कोई फर्क नहीं पड़ता।  


Meta Image केवल आपके website की seo और link send करने के तरीके को बदल देता है। meta image का website की speed से कोई लेना देना नहीं है।  


हाँ इतना हो सकता है। यदि अपने meta image का size जरूरत से ज्यादा बड़ा कर दिया तो जब आप किसी को site का link send करेंगे तो वहाँ आपकी meta image load होने में time लग सकता है। इस लिए meta image का size और Height and Width नीचे दिए गए meta image के अनुसार ही रखें।  


How to make meta image picture -  


नीचे आपको meta image का Picture Sample मिलेगा। इस meta image के sample को download करके अपने इमेज editor में उसे एडिट कर दे ध्यान रहे साइज में change नहीं करना है। नहीं तो आपको meta image में error show हो सकता है। Meta Image की Height and Width दिए गए sample के अनुसार ही रखनी है।  

Meta Image Sample Url -

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxzduF72DbJkkbck-ibbFTiM3qujUxlYxJKAe0yuVphiaJXJDDBoxTscut98LA5JlE2-kGGwAKeLsT3qGCHhzVHa30BuHWJLCVrud9ALMT1MN72GMSO-mvxDJIH7a_9Kw-h5rqJQzrMw/s1920/News+Hank-min.jpg



Tags

You may like these posts

Show more