Search code examples
facebookfacebook-like

Facebook Like Button Fetches Wrong Website Data

I work for http://pastebin.com and we have a facebook LIKE button on the site.

The LIKE button in the menu on the bottom right puts a LIKE out to our frontpage.

Now the LIKE gets stored, but the data about pastebin is all messed up. It fetches some http header data, and posts that. It only happens with the LIKE button in the menu on the right, the LIKE button at the top of posts works fine. http://pastebin.com/cYkKMdT7 like the one at the top there.

This is how it gets pasted to peoples wall. enter image description here

Any idea why this happens?

I tried both the iframe and the javascript code.

Solution

  • First of all, love your site :D
    You can control what appears on facebook after a page gets liked by using open graph protocol tags. Refer for more info: http://developers.facebook.com/docs/opengraph/ More specifically, you need to put the description in <meta property="og:description" content="Description here"/>. These tags should be in the head section of your HTML markup.
    Also, these tags are required, if you want to use any Open Graph Protocol tag:
    og:title - For the title of the share. You could use the title of the particular pastebin
    og:type - There are several Object types. For Pastebin, you could use website or article og:image - Put the URL of the Pastebin logo here
    og:url - The URL of the page
    Example code:

    <meta property="og:title" content="Pastebin"/>
    <meta property="og:type" content="website"/>
    <meta property="og:url" content="http://pastebin.com/cYkKMdT7"/>
    <meta property="og:image" content="http://pastebin.com/i/logo.png"/>
    <meta property="og:description" content="Pastebin excerpt "/>