How to add twitter cards to blogger

अगर आप एक ब्लॉगर है तो जाहीर है आप traffic पाने के लिए अपने पोस्ट को ज्यादा से ज्यादा Share करते होंगे Social Media पर Post Share करना किसी Blog मे Traffic लाने के लिए बेहतरीन तरीका है । ऐसे मे आपअपने Post को Facebook ,Twitter ,Linkdin, Pinterest जैसे Platform पर Share करते है। 

Twitter को Instant Traffic पाने का बेहतर विकल्प माना गया है लेकिन कभी कभी आपको इसमे अपने Blog url पोस्ट करने के दौरान कुछ Problems Face करना पड़ता है जैसे की आप जब Twitter पर किसी Post का Url published करते है तो उसके Preview नहीं आती जिसके कारण आपका पोस्ट अच्छा नहीं दिखता ।

तो आइये जानते है Twitter मे अपने Blog Post को कैसे Post करें ।

Twitter दुनिया की Top Social Platform मे से एक है जहां लाखों अरबों लोग हर रोज Visit करते है Post & Tweet करते है ऐसे मे आपको भी अपने Blog के लिंक Post करके अपने Blog को उन सभी Twitter User को दिखा सकते है ।

Twitter पे Normally आप कोई भी useful blog link Share कर सकते है सिर्फ अपने Blogging Website के post के लिंक को Copy किया और Twitter पर post कर दिया लेकिन कभी कभी Link

Post करते ही आपका Post कुछ इस तरह दिखेगा

जबकि वो पोस्ट इस तरह दिखना चाहिए

आइये जानते है इसे कैसे ठीक करें

सबसे पहले आप एक twitter account बना ले फिर अगर आपका Blog Blogger पर है तो नीचे दिये गए Instruction follow करें

Step 1 
Blogger Login करें – Select Theme – Edit HTML

Step 2 
Keyboard से CTRL+F और Search करें </head>

Step 3 
</head> के ठीक ऊपर नीचे दिये गए Code को Paste कर दें । 

Copy and Paste this Code given Below

<!--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_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-->

Click this Link and Download this Code 

+ HTML Code +

Step 4 
Visit करें https://cards-dev.twitter.com/validator और अपने Blog Url को इस प्रकार check करें ।

Step 5 
Card loaded Successfully होने पर अपने Twitter Account login करे और अपने Blog url को post करें ।