Twitter is popular social network that you can Tweets (post) images, video, or article like Facebook. If you Tweet (post) on Twitter, it is working normally. But if you want to share something from blogspot to Twitter, it will show small images. So you need to find solution to share with large image for interesting of visitor. According to my experience, I found that the blogspot template don’t have twitter card. Mostly of free blogging template does not to add twitter card. The twitter card or Twitter card meta tag is the social media meta tag for social network Twitter that it can enable webpage of blogging become a rich object in the social graph. It mean that when you share or post (tweets) images and content from blogging into twitter, you will see large image like you post direct with twitter. On this article, i will talk with you about How to add twitter card on the blogspot.
Step 1: need to backup your template
Before you start to add twitter card Twitter card meta tag, you should backup your current template first because If you do something wrong, you can restore it back.
- Login your blogger profile
- Please click on Theme at the left side
- Pleacse click on Backup/Restore button and click Download theme. It will download your template into your computer.
Step 2: please go to “Theme” menu at the left side then click “Edit HTML”
Step 3: on HTML box, please click Ctrl + F to find word “ </head> “
Step 4:
you need to copy below code and past between <head> …..</head>
<!--for add twitter card-->
<meta content='summary_large_image' name='twitter:card'/>
<meta content='@your name' name='twitter:site'/>
<b:switch var='data:blog.pageType'>
<b:case value='index'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
<b:default/>
<meta expr:content='data:blog.pageName' name='twitter:title'/>
</b:switch>
<b:if cond='data:blog.metaDescription != ""'>
<meta expr:content='data:blog.metaDescription' name='twitter:description'/>
</b:if>
<meta content='@your name' name='twitter:creator'/>
<b:switch var='data:blog.pageType'>
<b:case value='item'/>
<meta expr:content='data:blog.postImageUrl' name='twitter:image'/>
<b:default/>
<meta content='img-url-for-home-page' name='twitter:image'/>
</b:switch>
<!--end for add twitter card-->
Please Note: @your name is a name URL of your blog. For example my blogger is https://makenewidea.blogspot.com/ , so you need to input @makenewidea.
Step 5: please click on “Save theme” button.
Step 6: to make sure your configure correct or not, please test your configuring
You need to test with this URL https://cards-dev.twitter.com/validator to make sure your twitter card is working.
- Please click on the above link
- Please copy your article URL and past into Card URL box
- Please click on “Preview Card”
- Then you will see your article with large image at right hand.
Step 7: you should try to share from your blogspot to twitter account after you tested on above URL ready. So you can see your article with the large images on Twitter. It means that other people can see large images the same you.
One more thing, if you purpose to change type of twitter card, you can copy or edit Meta tag code and put between <head>………</head>
<meta content='summary' name='twitter:card'/>
No comments:
Post a Comment