CODEWITHSUNDEEP
facebookthumbnails
Hristo
Hristo

Reputation: 46517

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

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?

Upvotes: 37

Views: 62635

Answers (2)

chris
chris

Reputation: 2951

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

Upvotes: 76

Steve
Steve

Reputation: 3046

You can put this in your page's source:

<link rel="image_src" href="http://somesite.org/img/title.jpg" />

Upvotes: 4

Related Questions