How do I get Facebook to show my site's logo when I paste the link in a post/status/comment?

Hristo picture Hristo · Jun 2, 2012 · Viewed 59.9k times · Source

Facebook sometimes does this really neat thing where they show a thumbnail preview of a website you link to in a status update. It is usually the website's logo.

fb status

I'm wondering what the trick is to get this to work for my site, so if I were to share http://www.example.com, I would see my site's logo/favicon in that preview box. How would I do this?

Answer

chris picture chris · Jun 2, 2012

Try your site in this facebook debugger tool.

http://developers.facebook.com/tools/debug

It will tell you what is missing.Eg. below in page head

<meta property="og:image" content="[url to image]" />
<meta property="og:title" content="[page name]" />
<meta property="og:description" content="[content description]" />

There are different ways depending on how your site is built. Eg. This Wordpress plugin creates a link for each image on the page so you can chose between your logo and any other post image on the page.

Update 2017: It is now recommended to register a Facebook App ID for your site otherwise the debugger will give you an error. More tags and info