Thursday, May 11

Show Image And Summary In Twitter Shared Post

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.