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:
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.
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:
These elements get set by fields in the WordPress plugin at the bottom of the page where you edit blog posts.
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:
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:
Next, click the “Create new card” button in the top right of the screen and choose “Website card” from the drop down menu:
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:
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.
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:
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:
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.
Twitter Link Preview FAQs
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.
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.
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.
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.
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.