How to Add Twitter Summary Cards on Blogger Blog According to Twitter: With Twitter Cards, you can attach rich photos, videos and media experience to Tweets that drive traffic to your websi...
2018-07-31T07:46:53Z

How to Add Twitter Summary Cards on Blogger Blog

According to Twitter: With Twitter Cards, you can attach rich photos, videos and media experience to Tweets that drive traffic to your website. Simply add a few lines of HTML to your webpage, and users who Tweet links to your content will have a Card added to the Tweet that's visible to all of their followers.

Twitter Summary Cards

Twitter limit 140 character for status update, it does not shows the blog post preview like Facebook & Google Plus shows. In order remove this restriction twitter introduced Twitter Card for blog, which show your the link preview with post title, summary, and thumbnail of your post content. Twitter Card Markup boost social exposure, increase social media traffic and improve click-through rates. There are 7 types of Twitter Cards but Summary Cards mostly used.

Well here we are going to see how you can integrate the Twitter Cards to your Blogger blog. This is really simple task just follow these easy steps :

Twitter Card Markup


The basic Meta tags for Twitter are:
twitter:card = Card type (full list of card types here)
twitter:title = Title or alternate title of post
twitter:url = URL of post
twitter:description = Brief description in less than 200 characters
twitter:image:src = URL to unique image of at least 120 pixels(Not Required for blogger)

How to Add Twitter Cards on Blogger Blog


Blogger blog does not support plugins like WordPress, since it would not easy to add Twitter Cards in blogger, you have to add simple code in your blogger template manually.

Before editing template remember to backup it first, then click on edit html and add below code just after <head> opening tag.
<!-- twitter card details -->
<meta content='summary' name='twitter:card'/>
<meta content='@howlmeflash' name='twitter:site'/>
<meta expr:content='data:blog.url' name='twitter:url'/>
<meta expr:content='data:blog.pageName' name='twitter:title'/>
<meta expr:content='data:blog.metaDescription' name='twitter:description'/>
<meta expr:content='data:blog.postImageThumbnailUrl' name='twitter:image'/>
<!-- end twitter card details -->

Replace @howlmeflash with your twitter username

How to Apply for Twitter


  • Make sure that you have successfully installed Twitter Cards code on your blog.
  • Run your URL against the validator tool to test.
  • After testing in the validator see the Card appear below your tweet in the details view.
  • Use Twitter Card analytics to measure your results.

So this was our guide on How to Add Twitter Summary Cards to Blogger Blog, I hope the methods given above helped you in adding Twitter Summary Cards.
Share it:

Blogger

Blogging

How To

Social Media

Tutorial

Twitter

Post A Comment:

0 comments: