Before you start one thing you need is an image for when you share your standard blog link as opposed to a post link which has an image in it. I use picmonkey and there are more tips in my how to create a blog image post. If you already have an image you want to use then it needs to be resized to 120 by 120 pixels to be the right size for the twitter card. As with a blog button, this image also needs to be uploaded to an online photo sharing site such as imgur or photobucket in order to work correctly.
<meta content=’summary’ name=’twitter:card’/>
<meta content=’@WishHopeDreams‘ name=’twitter:site’/>
<b:if cond=’data:blog.pageType == "item"’>
<meta expr:content=’data:blog.pageName’ name=’twitter:title’/>
<b:else/><meta expr:content=’data:blog.pageTitle’ name=’twitter:title’/>
</b:if>
<b:if cond=’data:blog.metaDescription’>
<meta expr:content=’data:blog.metaDescription’ name=’twitter:description’/>
<b:else/><meta expr:content=’data:post.snippet’ name=’twitter:description’/>
</b:if>
<b:if cond=’data:blog.postImageUrl’>
<meta expr:content=’data:blog.postImageUrl’ name=’twitter:image:src’/>
<b:else/><meta content=’image URL‘ name=’twitter:image:src’/>
</b:if>
Yes, I had to use AJ’s blog as my example as due to moving over to WordPress, my links perform differently on Twitter.
