How Does Facebook Know What Image To Parse Out Of An Article?

First off I want to say that I wasn't really sure where to post this but it is very much programming related. If it is in the wrong spot I apologize and please let me know where I

Solution 1:

Actually, Facebook's way of finding thumbnails isn't so magical. It searches for a set of <meta> and <link> tags which specify which title, description, and image to use.

If it cannot find any of the <meta> and <link> tags it is looking for, it basically asks the user to choose whichever <img> tag fits.

In the case of the NY Times, it uses the following:

<metaname="thumbnail"content="whatever.jpg" />

Facebook recommends you use a <link> tag instead for the thumbnail.

<metaname="title"content="title" /><metaname="description"content="description " /><linkrel="image_src"href="thumbnail_image" />

Source: Facebok Share/Specifying Meta Tags

Solution 2:

They don't always grab the correct image, even though there's certainly some good logic in place.

In many cases, I've seen a list of thumbnails to choose from, meaning Facebook's parser considered them equally relevant.

I would guess they (probably among other things) look at the dom structure and find images close to content that looks "shareable".

UPDATE:

After some empirical testing, it seems that image dimensions play a big role. Images too small and too wide are not considered thumbnails. If your logo is the right size though, expect it to show up as one of the thumbnails. Try sharing something on http://www.e24.se for example.

Solution 3:

These are just guesses as I don't have any knowledge of Facebook's internal operations, but if I were parsing thumbnails from a page I would consider several things:

• Size of the image, as previously stated
• Relevant keywords in the href or alt attributes
• Location of the <img> tag on page, the closer to relevant content the better, but may not always work for complicated layouts
• Absence of ad-related keywords in the <img> tag or nearby tags (doubleclick comes to mind)

Also, as far as I know the Facebook meta tags are fairly new, so my guess is that the link page scraper is still grabbing images the hard way ;) However if you're running a site and want Facebook to grab the right information when it scrapes your pages I highly suggest implementing them.