We all know the power of social media, Twitter, building a following, pushing out content blah blah blah.  Today is not one of those days where I talk about that.  Instead, I’m very excited to tell you guys about a new feature that Twitter launched:  Twitter Cards.  I had a whole bunch of other topics I wanted to get to but this honestly just couldn’t wait.

I first found out about Twitter Cards actually through one of my SEO plugins I use called All in One SEO.  One of the options when filling out my social media details for my posts came up and this is what I saw:

All In One SEO-Twitter-Card-Example

At the very bottom, I saw something that said “Twitter Card Type” and what I discovered next was really exciting.

What are Twitter Cards and why should you care?

Life without Twitter Cards

This is how things used to be. You create a tweet with a link and nothing happens. Plain old boring text.

This is how things used to be. You create a tweet with a link and nothing happens. Plain old boring text.

Do more with 140 characters

In the social media game, it’s all about standing out right?  For a long time, you’ve been able to share links on platforms like Facebook and Google+ and you know how it’d automatically pick up your title, description and photo and create a nice prominent display?  Well Twitter has it now too and it’s called Twitter Cards.

There are quite a few types of Twitter Cards available but as travel bloggers, we only really care about these 3:

1.  Summary Card

Summary card basically pulls your SEO title, description and places the information on the left while placing a small thumbnail of your photo to the right.  Clicking on any part of the summary card will take you to the link itself.

Twitter-Cards-Summary-Card

2.  Summary Card with Large Image

This is personally my favorite, a full width image is used on top with a summary (title and description) below.  Clicking on any part of the summary card will take you to the link itself.

Twitter-Cards-Summary-With-Large-Image

3.  Photo Card

This is great for anyone wanting to showcase a particular photo.  At first glance it looks very similar to the Summary Card with Large Image but if you click on the image here, it’ll expand the image in the same Twitter window as opposed to taking you to the link itself.  Also note that no description shows up here in the summary.

Twitter-Cards-Photo-1

Twitter-Cards-Photo-Close-Up

What I like about it

  • 140 characters really isn’t a lot to work with and you certainly have to get creative with the copy and messaging you use.  However a lot of times, there’s just so much you can convey.  With Twitter Cards, you can pack that much more information into a tweet when someone checks it out.
  • Images are powerful and this takes full advantage of it.
  • Leverage (hopefully) what you’re already doing with your SEO plugin for Facebook and Google+ and now apply it to Twitter as well.

What it doesn’t do

  • Wish this was the magic bullet for all your Twitter hopes and dreams but for me what was disappointing about this was the fact that the image doesn’t come through on your profile page.  So the work around that most of us have been doing with having to upload an image to each tweet is still going to have to happen if you want to make sure your profile is stacked with photos (see how @ThePlanetD does it).

Be a first mover

So what excited me about Twitter Cards is that it looks like not many people know about it.  I’ve scanned quite a few Twitter accounts from prominent travel bloggers and very few are using it.  The other thing is that Twitter didn’t exactly make this easy for people to start using but luckily you have this guide to help you along.

I would have kept this one secret but I wanted to let all my readers know about this so that you can also gain the upper hand for your travel blog.

How do you set it up?

I think the reason why most people don’t know about it is that it’s just not very well advertised and you kind of need to know where to go to set up on the Twitter Dev page.

Step by Step

1)  Make sure you have an SEO plugin installed

This will make your life easier so you don’t have to deal with all the background coding that needs to happen.  Like I mentioned earlier, I use All In One SEO and I’ll show you few screenshots of what you need to do to get yourself set up from a social media perspective.

If you use All In One SEO Plugin

With All In One SEO installed, go to the Social Meta section to set your defaults.

Twitter-Cards_Set-Up-AIOSEO-1

Once inside the Social Meta section,

  1. Set your default card to Summary with Large Image (recommended) so that all new posts you create will be set to this.
  2. Twitter Site = your @ handle.
  3. Check off “Show Twitter Author”.
  4. Twitter domain = your blog home page.

Twitter-Cards-Set-Up-AIOSEO-2

In your actual post, scroll down to the All In One SEO section and click on the Social Settings tab. Make sure you have a title and description set. Pick an image that will show up on FB/Twitter/G+ when shared and at the bottom, make sure the correct Twitter Card type is selected.

Twitter-Cards-Set-Up-AIOSEO-3

Now for 3 separate old posts, make one Summary, one Summary Large Image and one Photo.  Publish all.

If you use Yoast WordPress SEO Plugin

With Yoast, things are a little easier.  First you have to go to your Admin console and go to SEO plugin settings and the Social tab.  Once there, go to the Twitter tab.

In this settings page, all you have to do is put in your Twitter handle and choose a default card type to use.  I would recommend “Summary with Large Image”.  The disadvantage of using Yoast though is that it doesn’t allow you control of what Twitter Card type to use in each blog post as you can with All In One SEO.

SEO-Yoast-Twitter-Cards-Settings

Once that’s done, all you have to do is go to any of your blog posts, scroll down to “WordPress SEO by Yoast” and make sure you have the Twitter details filled out as I have below in the “Social tab.

SEO-Yoast-Twitter-Card-Blog

2)  Validate with Twitter

Next head over the Twitter Card validator site and sign in with your Twitter account credentials.

This window will pop up. You can click on any of them to take you to the screen behind.

Twitter-Cards-SetUp-Validate-1

Next you’ll want to enter one of the old posts you adjusted.  After you click on Go, it will validate the link to make sure you have all the proper settings.

Twitter-Cards-Set-Up-Validate-2

Everything should be green except for the fact that you haven’t been approved. Click on the Request Approval button.

Twitter-Cards-Set-Up-Validate-4 After clicking on Request Approval button, it’ll ask you for some of your basic details. Fill it out and you’re good to go! It should take you no longer than an hour to get approval.

Twitter-Cards-Set-Up-Validate-3

Repeat Step #2 for the two other Twitter Card types.  You need to get each Twitter Card type approved.

Bravo!  Give yourself a pat on the back because you’re all set with Twitter Cards.  The beautiful thing is that all of your old tweets with links will be retroactively switched on to have Twitter Cards.  New ones of course will have them too.

FAQ

  1. Does it work with link shorteners like bit.ly?
  • Yes.  If you check out  @GoAwesomePlaces, you’ll notice that I more or less exclusively use bit.ly and all of them work.
  1. Does it work in mobile?
  • Absolutely

If you have any more questions, leave a comment below!

About author View all posts Author website

Will Tang

I’m the writer behind Going Awesome Places and through its growth, I’ve learned a heck of a lot from trial and error. I have a passion for helping others succeed and through TBB my hope is to empower you with what works (and what doesn’t) so you know exactly how you can take your blog to the next level.

9 CommentsLeave a comment

Leave a Reply

Your email address will not be published. Required fields are marked *

CommentLuv badge

Hey there! How you doing?
Sign up for Travel Blog Breakthrough's email list and get a FREE e-book.
Learn about the top 10 tools that every travel blogger needs to know about. You'll wonder why you didn't know about these earlier!
×