Twitter | Facebook | Instagram | YouTube | LinkedIn

Home >> Blog >>

How To Make Social Media Link Previews That Get Clicked

By Adam Patel on May 13th, 2021

There are two major ways of getting traffic if you’re not going to pay for it: You can get traffic from search engines, usually via SEO; or you can get traffic from social media networks.

In this article we’re looking at social media and how to make links that get clicked.

When somebody copies our link into Facebook, Facebook creates a link preview of that page.

If we want anybody to click through to our website, we’ve got to make that link preview attractive – because at this point, that link preview represents the entire website and people are going to judge it and assume the website is of the same quality as the link preview.

By default, Facebook will grab the first image in the HTML code and the title and description tags from the head of the page. But those tags exist primarily for Google and other search engines. And very often, text chosen so that a search engine will give us traffic isn’t the same text that will influence a human reader to click through to the link.

Wouldn’t it be nice if we could write some code just for Facebook, to tell the link preview what to say? Well… funny you should ask because Facebook OpenGraph tags exist for this purpose.

The following code can go between the <head> tags of any HTML or PHP page and Facebook will use it to populate the link preview with text and an image.

That means that now you can make an image specifically to viewed in a Facebook link preview.

<meta property="og:title" content="A title that will make readers curious" />
<meta property="og:description" content="Some detail about what is on the page." />
<meta property="og:image" content="image url" />