Hellooo fellow bloggers~
Are you an active twitter user?
Cause if you are~ You probably would have noticed
the many different types of tweets that twitter displays ~
Particularly the one with 'view summary' links at the bottom.
Which you can click on it to view the article's snippets
Since twitter has a character limit for each tweets most people would shortened their URL.
However readers tend to shun away from such tweets because they can be deceptive.
So by having this snippet feature it will definitely encourage your readers to click on your link, should they find your post interesting and relevant.
If you are a Wordpress user Good for you ~ there are probably a few plugins that already does that..
If you are using blogspot, like me, then below are the few steps you'll have to follow in order to get your summary card.
Are you an active twitter user?
Cause if you are~ You probably would have noticed
the many different types of tweets that twitter displays ~
Particularly the one with 'view summary' links at the bottom.
 |
| View Summary Twitter |
 |
| Twitter Summary Card |
Since twitter has a character limit for each tweets most people would shortened their URL.
However readers tend to shun away from such tweets because they can be deceptive.
So by having this snippet feature it will definitely encourage your readers to click on your link, should they find your post interesting and relevant.
If you are using blogspot, like me, then below are the few steps you'll have to follow in order to get your summary card.
- Head over to your Template click "Edit HTML"
- Search for closing head tag </head>
- Paste the following codes above the closing head tag
- Replace @twitterusername with your twitter user name
- Replace your default image URL with an image URL that you'll like to have it as default image
- Save your template and you are done with the blogger part
- Next head over to twitter card validator
- Login using your twitter account
- Click on the Valid and Apply tab
- Provide your post/site URL, click on go for validation
- If the mark up is done correctly Click on Request approval
- Follow though the application and you are done :D
<!-- Twitter Cards Starts here-->
<meta content='summary' name='twitter:card'/>
<meta content='@twitterusername' name='twitter:site'/>
<meta content='@twitterusername' name='twitter:creator'/>
<b:if cond='data:blog.pageType == "index"'>
<meta expr:content='data:blog.url' name='twitter:url'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
<b:else/>
<meta expr:content='data:blog.homepageUrl' name='twitter:url'/>
<meta expr:content='data:blog.pageName' name='twitter:title'/>
</b:if>
<b:if cond='data:blog.metaDescription != ""'>
<meta expr:content='data:blog.metaDescription' name='twitter:description'/>
</b:if>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' name='twitter:image'/>
<b:else/>
<meta content='your default image URL' name='twitter:image'/>
</b:if>
<meta expr:content='data:blog.homepageUrl' name='twitter:domain'/>
<!-- Twitter Cards Ends here-->
Note: The approval may took quite a while. Mine took about one month.