How to make twitter post card image for blogger Hindi


ट्विटर कार्ड क्या है?


जब आप अपने ब्लॉग पोस्ट का लिंक twitter  में ट्वीट करते हैं तो वह कुछ इस तरह दिखाई देता है जैसा कि मैंने नीचे स्क्रीनशॉट में पेस्ट किया है।



यदि आप ट्विटर में इस तरह का लिंक ट्वीट करेंगे तो शायद ही किसी का ध्यान उस पर जाए और वह आपका पोस्ट रीड करें।

इसीलिए ट्विटर कार्ड का इस्तेमाल किया जाता है ताकि आपका पोस्ट अच्छा दिखाई दे ट्विटर पर और उस पर क्लिक करने के  भी बढ़ जाते हैं।

टि्वटर कार्ड दो  प्रकार के होते हैं


Summary_image

Summary_image

इसने समरी के साथ साथ छोटी पिक्चर भी दिखाई देती है।


Summary_large_image

Summary_large_image

कुछ ऐसा ही दिखता है।


Summary_image code


<!--Twitter Card-->
<b:if cond='data:blog.pageType == "index"'> <!--homepage-->
<meta name="twitter:card" content="summary" />
<meta name="twitter:description" expr:content='data:blog.metaDescription' />
<meta name="twitter:title" expr:content="data:blog.pageTitle" />
<meta name="twitter:site" content="@username" />
<meta name="twitter:image" content="YOUR_LOGO_URL" />
<meta name="twitter:creator" content="@username" />
</b:if>
<b:if cond='data:blog.pageType == "static_page"'> <!--page-->
<meta name="twitter:card" content="summary" />
<meta name="twitter:description" expr:content='data:blog.metaDescription' />
<meta name="twitter:title" expr:content="data:blog.pageTitle" />
<meta name="twitter:site" content="@username" />
<meta name="twitter:image" content="YOUR_LOGO_URL" />
<meta name="twitter:creator" content="@username" />
</b:if>
<b:if cond='data:blog.pageType == "item"'> <!--blog post-->
<meta name="twitter:card" content="summary_image" />
<meta name="twitter:description" expr:content='data:blog.metaDescription' />
<meta name="twitter:title" expr:content="data:blog.pageName" />
<meta name="twitter:site" content="@username" />
<meta name="twitter:image" expr:content="data:blog.postImageUrl" />
<meta name="twitter:creator" content="@username" />
</b:if>
<!--End Twitter Card-->

Summary_large_image code


<!--Twitter Card-->
<b:if cond='data:blog.pageType == "index"'> <!--homepage-->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:description" expr:content='data:blog.metaDescription' />
<meta name="twitter:title" expr:content="data:blog.pageTitle" />
<meta name="twitter:site" content="@username" />
<meta name="twitter:image" content="YOUR_LOGO_URL" />
<meta name="twitter:creator" content="@username" />
</b:if>
<b:if cond='data:blog.pageType == "static_page"'> <!--page-->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:description" expr:content='data:blog.metaDescription' />
<meta name="twitter:title" expr:content="data:blog.pageTitle" />
<meta name="twitter:site" content="@username" />
<meta name="twitter:image" content="YOUR_LOGO_URL" />
<meta name="twitter:creator" content="@username" />
</b:if>
<b:if cond='data:blog.pageType == "item"'> <!--blog post-->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:description" expr:content='data:blog.metaDescription' />
<meta name="twitter:title" expr:content="data:blog.pageName" />
<meta name="twitter:site" content="@username" />
<meta name="twitter:image" expr:content="data:blog.postImageUrl" />
<meta name="twitter:creator" content="@username" />
</b:if>
<!--End Twitter Card-->

ऊपर दिए हुए ट्विटर कार्ड टाइप में से जो भी टाइप आपको पसंद है आप उसका कोड अपने ब्लॉगर के टेंपलेट में लगा सकते हैं

कोड को आपको अपनी ब्लॉगर की टेंपरेट में डालने से पहले कुछ बदलाव करने पड़ेंगे।

कोड को कॉपी करके नोटपैड में पेस्ट करिए और जो बदलाव मैंने नीचे बताए हैं उन्हें बदल दीजिए


  • YOUR_LOGO_URL को अपने LOGO के URL से  बदल दीजिए ( यदि आपको समझ  नहीं आ रहा कि logo का link कहाँ से मिलेगा तो इसका एक आसान तरीका है बस आप अपने logo की हाई क्वालिटी इमेज को नई ब्लॉग पोस्ट में डालिए और उसके link को कॉपी कर लीजिये )
  • @username को अपने ट्विटर username से बदलिए ( जैसे मेरा username @achalup41 )


और आप उस कोड को कॉपी करने के बाद आप अपने ब्लॉगर की टेंप्लेट के क्लोजिंग हेड (</head>) के ऊपर उस कोड को डाल दीजिए।



उसके बाद आप किसी भी पोस्ट के लिंक को कॉपी करने के बाद आप ट्विटर वैलिडेटर में चेक करना  होगा।

Twitter Validator

अब आप अपने किसी भी पोस्ट/पेज के लिंक को ट्वीट कर सकते हैं।


Don't forget to share with friends and support🙏


Also, click and read the articles👇


Post a Comment

0 Comments