CODEWITHSUNDEEP
facebookbuttonshare
user746909
user746909

Reputation: 105

Facebook share button doesn't display Image and Description

In the Facebook share button when i click popup window appears in that it is not showing image and description. What might be the reason?

<fb:share-button class="meta">
    <meta name="medium" content="mult"/>
    <meta name="title" content="name of fan page"/>
    <meta name="description" content="description of fan page"/>
    <link rel="image_src" href="url to image location" />
    <link rel="target_url" href="http://facebook.com/Anti.Social.Development"/>
</fb:share-button>

Upvotes: 1

Views: 1149

Answers (1)

ingh.am
ingh.am

Reputation: 26742

You need to use the Open Graph Protocol. As given on their site, here is a full example of a movie page:

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:og="http://ogp.me/ns#"
      xmlns:fb="http://www.facebook.com/2008/fbml">
  <head>
    <title>The Rock (1996)</title>
    <meta property="og:title" content="The Rock"/>
    <meta property="og:type" content="movie"/>
    <meta property="og:url" content="http://www.imdb.com/title/tt0117500/"/>
    <meta property="og:image" content="http://ia.media-imdb.com/rock.jpg"/>
    <meta property="og:site_name" content="IMDb"/>
    <meta property="fb:admins" content="USER_ID"/>
    <meta property="og:description"
          content="A group of U.S. Marines, under command of
                   a renegade general, take over Alcatraz and
                   threaten San Francisco Bay with biological
                   weapons."/>
    ...
  </head>
  ...
</html>

If you check your w3c, you'll want to change the DocType to XHTML + RDFa

Upvotes: 2

Related Questions