But just follow this tutorial and you will be good. To get clickable images on twitter, you have to input some twitter cards in form of meta tags into your website. so just follow me strictly
First you ought to have a twitter account
Then go to your website HTML or Template
and paste this code with your own preference without quotes
<!-- twitter cards --> <meta name="twitter:card" content="summary"/>
<meta name="twitter:site" content="@wooblewebpost"/>
<meta name="twitter:creator" content="@wooblewebpost"/>
<b:if cond='data:blog.pageType == "item"'>
<meta name="twitter:url" expr:content='data:blog.url' />
<meta name="twitter:title" expr:content='data:blog.pageName' />
<meta name="twitter:description" expr:content='data:blog.metaDescription'/>
<b:else/> <meta name="twitter:url" expr:content='data:blog.homepageUrl' />
<meta name="twitter:description" expr:content='data:blog.metaDescription'/>
</b:if> <b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' name="twitter:image"/>
<meta name="twitter:title" expr:content='data:blog.title' />
<b:else/> <meta content='Website logo image URL' name="twitter:image"/>
<meta expr:content='data:blog.title' name='twitter:title'/>
</b:if>
change words in blue
Having pasted the above code in your template, save it
Then go to Twitter Card Validator here to confirm the meta tags
After that you are set to get your links with images on twitter.
Follow me on twitter @vishwaprabhu
cheers.
<b:if cond='data:blog.pageType == "item"'>
<meta name="twitter:url" expr:content='data:blog.url' />
<meta name="twitter:title" expr:content='data:blog.pageName' />
<meta name="twitter:description" expr:content='data:blog.metaDescription'/>
<b:else/> <meta name="twitter:url" expr:content='data:blog.homepageUrl' />
<meta name="twitter:description" expr:content='data:blog.metaDescription'/>
</b:if> <b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' name="twitter:image"/>
<meta name="twitter:title" expr:content='data:blog.title' />
<b:else/> <meta content='Website logo image URL' name="twitter:image"/>
<meta expr:content='data:blog.title' name='twitter:title'/>
</b:if>
change words in blue
Having pasted the above code in your template, save it
Then go to Twitter Card Validator here to confirm the meta tags
After that you are set to get your links with images on twitter.
Follow me on twitter @vishwaprabhu
cheers.
Comments
Post a Comment