控制页面被喜欢时显示的图像

时间:2012-01-30 20:10:45

标签: image facebook-like

请原谅我的无知,我是一个网站视觉设计师,而不是程序员(让火焰开始!):

按照Facebook的说明,我只是将iFrame像按钮代码添加到我正在处理的网站上,它似乎工作,但是我的墙上显示的图像(一旦发布了Like)似乎是一个随机的图像(可以是任何东西,从按钮到间隔物到任何东西!)在我喜欢的外部网站内。当我们点击类似按钮时,如何控制会员FB墙上出现的图像?

1 个答案:

答案 0 :(得分:1)

您需要了解的是Open Graph og:meta tags。这些标签有助于Facebook决定:

  • 要显示的图片
  • 用作标题的文字
  • 用于描述的文字
  • 以及......

标签看起来像这样(取自上面的链接):

<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."/>

您必须将您的值替换为此处示例中的值。

在最有可能获得代码的Like button documentation上,它提到了开放图形协议及其与类似按钮的重要性。向下滚动一下,你会看到有一个&#34;步骤2&#34;在实施Facebook&#34;喜欢&#34;按钮。