How to tell Facebook which image and what description to use for the preview when people post your page as a link on their profile
I was about to post a link to my latest portfolio entry on my Facebook wall and I realized it didn't pull in the correct image. I did a quick bit of research and found a solution that took only a few minutes to implement and allows you to spoon-feed Facebook a title, description and image for your page.
The "Basic Tags" section on this page gives you the three lines of code you need:
<meta name="title" content="Smith hails 'unique' Wable legacy" />
<meta name="description" content="John Smith claims beautiful football is the main legacy of Akhil Wable's decade at the club. " />
<link rel="image_src" href="http://www.onjd.com/design05/images/PH2/WableAFC205.jpg" />
In my case, I already had a Drupal CCK field containing the image path I wanted to use, as well as a page title and a short description, so all I had to do was add the lines above in the <head> seciton of the page and replace the content with the PHP variables containing the appropriate field information.
Facebook will try to guess which images to include if you don't do this, so you may find it unnecessary if it's guessing correctly. On my site, the images Facebook guessed on a number of pages were the RSS, Twitter, and Facebook icons -- completely unrelated to the content. If you're having similar issues or if you're just a control freak, the code above should help you out.
