Show Image And Summary In Twitter Shared Post

You can attach photos, videos and media to Tweets with twitter card, helping to drive traffic to your website. Simply add a few lines of markup to your webpage, and users who Tweet links to your content will have a “Card” added to the Tweet that's visible to their followers.

How to add twitter card to blogger ?

Step1: Go to Blogger > Theme> Edit html.

Step2: Search for </head> using Ctrl+F , paste below codes before </head> and Save theme.

<b:if cond='data:blog.pageType == &quot;item&quot;'><b:if cond='data:blog.postImageUrl'><b:if cond='data:blog.metaDescription'><meta content='summary_large_image' name='twitter:card'/><meta content='@LiveThreads' name='twitter:site'/><meta content='@LiveThreads' name='twitter:creator'/><meta expr:content='data:blog.pageName' name='twitter:title'/><meta expr:content='data:blog.metaDescription' name='twitter:description'/><meta expr:content='data:blog.postImageUrl' name='twitter:image:src'/><meta expr:content='data:blog.homepageUrl' name='twitter:domain'/></b:if></b:if></b:if>

Note: Change Red bold text with your twitter username.

Step3: Now, go to Twitter Card Validator and past URL of any of your blog post to validate your summary card.

Step4: Click on Preview Card and twitter will whitelist your blog for summary. Now , tweet a Url from your blog to twitter and see the difference.

Post a comment