Here's How to Tweet a Link with a Preview Image on Twitter

Here’s How to Tweet a Link with a Preview Image on Twitter

Have you seen Tweets where the image has a description on the bottom and clicking the image actually takes you to a website? Ever wonder how to tweet a link with a preview image on Twitter?

They’re the ones that look like this:

tweet with clickable image | How to Tweet a Link with a Preview Image on Twitter

Ever sat there scratching your head wondering how you can create one of these Tweets yourself?

Trust me, you’re not alone.

People ask me how to do it all the time. So today I am laying out 2 ways in an easy to follow step-by-step process teaching you how to tweet a link with a preview image on Twitter.

If you don’t have time to read this article, you can download my free step-by-step instructions with visuals here:

Tweet a Link with a Preview Image on Twitter Using a Social Sharing WordPress Plugin

Some WordPress social sharing plugins, like Social Warfare, will automatically create a tweet with a clickable image.

For instance, when you tweet using a sharing button from the plugin, you’ll get a Twitter card with a clickable image, a headline of the article, a brief description, and the website URL, like so:

social warfare twitter card | How to Tweet a Link with a Preview Image on Twitter

These elements get set by fields in the WordPress plugin at the bottom of the page where you edit blog posts.

social warfare plugin fields filled in

If your blog is set up on WordPress, this is a super easy way to create Tweets with a clickable image.

But what if your blog isn’t built on WordPress? Or even if it is, what if you want to create other Tweets with a clickable image? Then you can use a Twitter website card to make a custom Tweet with a clickable image.

Tweet a Link with a Preview Image on Twitter Using a Twitter Website Card

You can create a Twitter website card in the Twitter ad platform. It is necessary to enter a payment method to access the ad platform, but you don’t ever actually have to pay for an ad. You can create and tweet website cards without promoting them.

To access the ad platform, click on the small profile pic icon in the top right of Twitter and choose the Twitter Ads option:

where to access twitter ads

If you don’t have a Twitter Ads account yet, you’ll land on a page where you can choose the Promote Mode or Twitter Ads option and you want to choose Twitter Ads then set your country and time zone.

That will direct you to a page with campaign objectives. You don’t need to choose one of those. Instead, go to the top right of the screen to access the drop down menu by clicking your name. Then choose the “Add new payment method” option.

Add a credit card (again, you don’t have to pay for anything, but it has to be there) and then you can access the Creatives section to start making your Twitter website cards.

Creating Website Cards for Twitter

Start by clicking the “Creatives” tab in the menu bar and then the “Cards” link in the drop down menu:

how to create a twitter card

Next, click the “Create new card” button in the top right of the screen and choose “Website card” from the drop down menu:

create new website card

Now, choose the blue Create Card button and click on the Website Card option.

Next, set an image for the Tweet (use a 1:19 : 1 ratio so it won’t be cropped), write your headline, set the URL you want the click to go to and title the image.

This is what the completed form looks like:

how to create a website card on Twitter screenshot

Click the create button and you’re done making the Twitter card. Now, we’ll need to create the Tweet copy and send it out.

Creating Tweets from a Website Card

At this point, the Twitter card is created and you can use it as many times as you like to post new tweets with the card. As soon as you click the “Create” button, you’ll be taken to the cards library where you’ll create the Tweet.

Start by hovering over the card you just created and click the Tweet icon.

how to create a tweet from a Twitter card

This will bring up a box for you to compose your Tweet. Now, just enter your copy and you can Tweet it right away or schedule it for later.

Notice that even though the image is clickable, I still included a shortened link to the post in the copy of the Tweet. A lot of Twitter users are accustomed to finding links in the Tweet copy. I advise sticking with this format to get the most opportunities to drive traffic from your Tweet.

Here’s the finished product of my example above:

Creating New Tweets from a Website Card

Again, now that the card exists, you can always go back and create more Tweets with different copy.

To create new Tweets later, again access Twitter Ads and then click on the “Creatives” tab and the “Cards” link in the drop down menu:

create a twitter card | How to Tweet a Link with a Preview Image on Twitter

If you want to take another look at the process, check out this quick video from Twitter themselves which will walk you through what I discussed:

Wrapping Up

So, if you were wondering how to tweet a link with a preview image on Twitter, now you know. It may seem like a lot of steps but this can be done quickly. And, again, once you’ve set up a card, creating new Tweets with different copy is super easy.

Hero photo by freestocks on Unsplash

How do you get a link preview on Twitter?

There are two ways in which you can get a link preview on Twitter. If your blog is built on WordPress, you can use WordPress social sharing plugins that will automatically create a tweet along with a clickable image for you. But if your blog is not in WordPress, you can use the Twitter website card instead to create a customized Tweet with a clickable image.

How do you get a Twitter picture on preview?

To get a Twitter picture on preview, you can either upload an image internally or the featured image in the content will automatically be synced. Users have no control over how the image shows in the tweet. This is why Twitter has recently said that they are working on ways on giving users more transparency and control over preview images.

How do I hide my Twitter preview link?

After entering you link in a tweet, Twitter will automatically grab a preview for the link. Once you see the preview, there will be a “X” on the image that if you press will hide your Twitter preview link from being published.

What is link preview?

A link preview is a visual preview of the content on a website. Typically, a link preview consists of the headline of the article, a brief description, the website URL, a preview image, an icon, and sometimes an optional app name. Link preview gives readers a glimpse of what the content is about.

How do I send a link without preview?

Every time you tweet a link, a preview image will automatically appear with it. However, if you want to remove the preview image, just hit the (X) button on top of the left corner of the image once you have pasted the link. Keep in mind that you can only do this from IOS and Andriod Twitter apps but not on the website.

Ever wonder how to tweet a link with a preview image on Twitter? Learn how in this step-by-step article so you too can become more effective at tweeting!
Default image
David Boutin
David Boutin is an expert on Twitter. David is the content manager and wearer of many digital marketing hats at Social Quant in Tampa, Florida. When not staring at a computer screen, you can find David at the local parks playing basketball or staring at a TV screen watching Georgia Bulldogs football.
Articles: 3
Loading comments...