How to share your web on Facebook (and get the thumbnail image working)

Wow..I spent hours trying to figure out why the thumbnail on the Facebook sharer screen does not show up. I might be still coding it, until I decided to create a dummy page and fill that page with only the basic thing needed by Facebook.

So normally you will have this link on your site, so when people click on it they will be prompted to confirm:

http://www.facebook.com/sharer.php?u=your_url&t=your_web_title

No matter what argument “t” is passing, I observed that Facebook will ignore it. It will instead will read the TITLE in the HEAD of your document.

Now what about the thumbnail? It’s the [link rel=”image_src”] that matter. Facebook will read this line and have the thumbnail show up to whatever file that you give.

This is the basic code:

<html>
<head>
<title>test page</title>
<meta name=”Keywords” content=”my keywords” />
<meta name=”Description” content=”my description” />
<link rel=”image_src” href=”http://link to your image” />
</head>
<body>
<a name=”fb_share”></a>
<script src=”http://static.ak.fbcdn.net/connect.php/js/FB.Share”
type=”text/javascript”>
</script>
</body>
</html>

Leave a Reply