Thursday, April 28, 2022

Attract More Visitors with Twitter Cards

twitter cards

If you’re a social media marketer you’ll want to jump on board with this tip. This post outlines how to use Twitter cards to automatically post images when you tweet posts or pages from your website.

But Nate why would I want to do this? I’m glad you asked.

According to tweets with images get 18% more clicks, 89% more favorites and 150% more retweets. What’s doubly great about this is that by providing Twitter with a little bit of metadata anytime someone tweets your site it will pull images that benefit from this engagement.

What are Twitter Cards?

By implementing Twitter cards meta code you’re essentially telling Twitter how you would like it to promote your content. By inserting the following meta tags in your code you are formatting what your tweets; and your visitor’s tweets, look like when posted to Twitter.

This is what the Twitter code looks like when you view the source of your page. In this instance, we’re providing Twitter with “Summary Card” card information. There are 4 different types of Twitter cards that I will explain a little further down this post.

The code below is telling Twitter that this is a summary of your page or post. It’s assigning credit to your twitter account for accreditation. It’s assigning a title of what your content is about. It’s provided a description which is pulled from your pages description metadata and it’s pulling either the first image on your page or a set featured image that will get more eyeballs on tweets when they show up in the news feed. Tweets without images easily get lost in a sea of 140 character messages.

4 Different Types of Twitter Cards

There are 4 different types of Twitter cards depending on the type of content you’re promoting. I have a blog so I use the summary card, but could also use the Summary Card with large image code. Those options work for me, but there are 2 other more.

3 Ways to Implement Twitter Cards

If you’re a coder you may want to add the meta information card directly at the source. If you’re using WordPress for blogging it’s a simple 2 step process.

  1. Open your header file and paste the code below before the closing head tag.
  2. Replace meta name=”twitter:site” value=”@lukeslytalker” with your Twitter username.

If you’re not comfortable coding the Twitter Plugin for WordPress will take care of the code for you. Install the Twitter plugin and activate it and you’re good to go.

A third option if you’re using WordPress is the Yoast SEO Plugin. Again setting this up is brilliantly easy to do.

twitter cards

  1. Click on the Yoast SEO link on the left hand side of your admin.
  2. Select social > Twitter.
  3. Enable Twitter card meta data.
  4. Select Summary or Summary with large image from the drop down.
Use the Twitter Card Validator

Once you’ve implemented your Twitter card meta data you’ll want to test to make sure your images are reflecting. To do this the Twitter dev team has developed the Twitter Card Validator.

twitter cardsFrom here you’ll also be able to see if your site is whitelisted and even approved for using Twitter cards. You’ll be able to see if Twitterbot was able to crawl your page, how many meta tags were found, what type of card your page is calling and whether your card loaded successfully or not.



2 thoughts on “Attract More Visitors with Twitter Cards

  1. Hey,I never knew the feature of Twitter cards. This is great information for my blog. Thanks for sharing.A good content is the key to a successful blog. Blogs showcase your works and can be included in your resume too. One can also hire a professional resume writer that provides resume writing service and reviews ,with reviews from many users that would help them decide which service to go for.

Comments are closed.