As
you know that in the era of social media marketing, twitter becomes an almighty
God for marketers and bloggers. This platform may make your blog full of
traffic or may be neglected by the huge mass of customers and readers. But,
twitter marketing is not so simple if you do not know the right weapons in the
war field of twitter marketing. So today, I am going to discuss here one of the
best weapon of twitter marketing which is Twitter Card or in simple words add
summary in your twitter tweets which automatically helps you to create great
hits and traffic for your blog by giving a pro look to your profile.
You may like this
also:
Now,
let’s begin our mission of adding twitter Card on your Blogger (BlogSpot) Blog
articles in your twitter tweets.
Twitter
Card for your Blogger (BlogSpot) Blog articles on twitter:
To
implement twitter card in your blog, you have to follow these steps as given
below:
Step 1: First open your
Blogger (BlogSpot) Dashboard in your browser and from there, open “template”
section of your blog.
Step 2: Click on the “Edit
HTML” Button as shown in the image below, but before that take a backup of your
template if something goes wrong at the time of implementation.
Step 3: Add the given code
in between your <head> section of your template.
<!-- Twitter_Cards_For_Blogger -->
<meta content='summary' name='twitter:card'/>
<meta content='@PapaBlogger99' name='twitter:site'/>
<meta content='@PapaBlogger99' 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=’http://www.example.com/twitter.jpg'
name='twitter:image'/>
</b:if>
<meta expr:content='data:blog.homepageUrl'
name='twitter:domain'/>
<!--/Twitter_Cards_For_Blogger -->
You may like this
also:
Step 4: change the
variables of code as shown below:
- Change “PapaBlogger99” into your “Blog Twitter Profile” in both twitter site and creator Meta tags.
- Change “http://www.example.com/twitter.jpg” into your “Blog Logo URL” in twitter Meta image tag.
Step 5: Save it and open
this link – Twitter Card Validation, after passing 48 hours of adding twitter
card code in between <head> section.
Step 6: After that, a
webpage appears on your screen as shown in the image below. Now, login with
your Blog professional Twitter Profile as you mentioned above in the Twitter Meta
tags.
Step 7: Add any URL of
your blog article in the “Validate and Apply” section as shown in the image
below. After that, click on the “GO” button.
Step 8: Approve your
twitter card and congrats! Your twitter card is activated after passing few
hours of your validation request.
You may like this
also:
Note: If your twitter
validation page does not show any information when you input an URL in the
validation box then add this robot.txt file in the “Search preferences” option
of your blogger Dashboard “setting” section as shown in the image below. (**For
Unblocking Twitter Bot to crawl the pages of your blog.)
User-agent: Mediapartners-Google*
Allow: /
User-agent: Googlebot-Image
Allow: /
User-agent: Adsbot-Google
Allow: /
User-agent: Googlebot-Mobile
Allow: /
User-agent: Twitterbot
Allow: /
User-agent: *
Disallow: /search
Disallow: /cgi-bin/
Allow: /
User-agent: *
Disallow: /*.html
Allow: /*.html$
Sitemap: http://www.papablogger.org/atom.xml?redirect=false&start-index=1&max-results=500
(**For BlogSpot Sitemap: How to add Blogger Sitemap Correctly in your Google Webmaster Tool?)
(**
For Duplicate Meta Description error: How to remove Duplicate Meta Description error from your blogger blog?)
Also
unmark these squares in the “custom robot header tags” section as shown in the
image below.
This
is the best way to add twitter card for your blogger blog article’s tweets.
But, if you get any problem or doubt in any point of the article then, you can
ask your queries here by commenting below.
About Author