Facebook Share Thumbnail Image

When users share a link on their wall, Facebook automatically tries to grab a thumbnail image to include with the link. This image can really help get the item attention when it is viewed on other people's news feed.

By default, Facebook scans the page and gives you a choice of a few different images. Which images it picks can seem a bit random. Our experience is that it Facebook looks for small squarish images starting at the top of the page.

UPDATED: Meta Tags for Facebook Open Graph

Facebook has deprecated the old meta tags and now utilizes the Open Graph meta tags. You can now do a whole lot more now than just choose an image. These tags tell Facebook about the content of your page: title, site name, and more. All these things help you get your content shared more effectively.

Open Graph meta tags look like standard meta tags with some Facebook specific values. The property attribute value starts with te prefix og: and the content attribute contains the value.

<meta property="og:{tagname}" content="{value}"/>

Set a thumbnail preview image

Control the image that displays in Facebook when your page is shared. This image should be square and at least 90x90 pixels. Facebook supports JPG, PNG, and GIF.

<meta property="og:image"content="http://site.com/path/sharedimage.png" />

Other meta tags:

We can share the title of the page:

<meta property="og:image"content="http://site.com/path/sharedimage.png" />

and the name of your site:

<meta property="og:site_name"content="Your Site Name" />

... and much, much more. See Facebook's Open Graph docs to see the full list of meta tags.

Don't forget

The Facebook LIKE button is a great way to encourage users to share your content. Check those docs out at Facebook's developer site.

Good luck, and happy sharing!

Specify Your Facebook Share Thumbnail Image

You can specify exactly which image Facebook uses for the thumbnail using a link tag in the head of your page.

 <link rel="image_src" type="image/jpeg" href="http://www.domain.com/path/icon-facebook.gif" />

The name is unimportant (as long as it's correct). Use a global URL to avoid confusion.

Other Meta

Make sure the page has a title and description meta tag. Facebook will use these elements when it pre-populates the link description and title.