Monday, April 7, 2014

An easy way to implement twitter card for blogger?

There are so many ways to get more traffic or market your blogs on internet. But most of the website owner choose social media is best tool. though we don't need to spend money and it's a place were more people visit in a day. Particularly Facebook is the social network with billion people visit and stay online for long time. On other hand, twitter where marketing blogs with tweets. And most of Smartphone company dispatch their news to consumer through twitter of latest update. 
twitter card for blogger
Twitter card


There are two type of visitor in social media, that is for the purpose of business and register to share your moment. Now-a-days, business organisation or company engaged to promote their product on internet. And internet is the best place where you can get customer. Twitter as developed a card for website to spread their news in different catalog.

 Following are the different twitter card for blogger with brief description:



  • Summary card: This type of card used for by website and blogger, where post summary with image on side and twitter attribution. 
  • Summary card with large image:  Here size of the image increases and we can preview images. 
  • Product card: We recommend this card for the online seller, where card adjust Product price and customize tweets to product details.
  • Photo card: Where tweets are adjusted for photo blogger with preview image enabled
  • Player card: like Photo, this card helps to view tweets in video and audio form.
  • App card: designed for Application stores provide a short information of apps with images

Method to implement twitter card for Blogger:

To add twitter card for you blogger website, you need to follow simple step as given below. First of all access template>edit template. Keep a backup of your blogspot template before processing or editing template. Once you click on edit template, now search for header section of blog. I mean <head>, paste below given meta tag just below your header tag.

<!-- Twitter Cards For Blogger by Eviltek--!>
<meta content='summary' name='twitter:card'/> 


<meta content='@Eviltek' name='twitter:site'/> 

<meta content='@Eviltek' name='twitter:creator'/>

<b:if cond='data:blog.pageType == &quot;index&quot;'> 


<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 != &quot;&quot;'> 


<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-BLOG-LOGO' name='twitter:image'/> 

</b:if> 
<meta expr:content='data:blog.homepageUrl' name='twitter:domain'/>

Once inserting meta tag just below header tag, you need replace with twitter username and blog. For that, replace eviltek with your twitter account username and on last add your blog logo url. Save all done!
After completing above steps, to verify using twitter card settings-Just open Google chrome and visit validator tools. Choose summary card on pop up window and click on validate and apply button. There enter your website homepage URL on validator bar and click go. check all tags working properly and If you find red link then your website is not approved. click for resubmitting your website for Approval.
If you blogger website to work properly on twitter cards, you need to add at least one images and add search description. Feel free to share this post on social network visit related post. 

No comments:

Post a Comment