Archive for March, 2011

Control the Thumbnail Images on Facebook Links

Friday, March 25th, 2011

When you post links on facebook a little thumbnail image will normally appear to the left hand side when it pulls back all of the information from the website. Sometimes, it’s pretty annoying because it will pick up a few random images from the web page and they aren’t always relevant to the link you are posting – often they are for different items or ads etc.

This is an example from the Assemble Online website

post link on facebook

How to control the thumbnail image on Facebook Links

It’s pretty simple, you just have to pick/create a graphic and then add one line of code to your website. In the section of the code you need to insert an additional metatag which specifies the image to use. This is an example from http://areyoudisconnected.co.uk:

<link rel="image_src" href="http://areyoudisconnected.co.uk/graphics/disconnected_logo.jpg" />

When you add the code to your site you will need to amend the image name and path to where your image is located.

What other information does facebook show when you post links?

link information on facebook

The link section also pulls in some additional information from the link you are posting. Sometimes this might be confusing as it doesn’t always match the content from the page you have looked at. This information is taken from the section of the page:

The other information is the title tag, meta description and also the url of the page.

facebook link html

Extra Advice

For sites which have a really large logo it is worth creating a smaller 100px wide version to make sure that it’s displayed correctly as facebook will resize the image down.

If you have posted links up in the past, facebook may have cached the thumbnail images from the previous occasion. If you add the code to your site and it doesn’t work correctly you should try uploading a different link or page. If you are posting a link to your homepage, add on the filename of the page, eg index.php, index.html or index.asp etc – whichever your site uses. From experience it seems like Facebook cache the images for around a week.

recktangle

Edward Lewis, Nottingham, UK | 2009 - 2017