正确的facebook状态帖子的HTML代码

时间:2012-09-21 16:52:23

标签: facebook facebook-graph-api

我想按照这样的顺序对我的网站进行编码,这样如果有人将我的网站的网址粘贴到他们的Facebook状态更新或他们的个人资料页面中,这个帖子就会正确显示,旁边有一个图片,文字从网站解析。< / p>

例如我发布截图。左侧上的一个是我的网站。右侧上的一个是随机网站。看到他们已经包含了一张图片,文本段落,标题等......

enter image description here

我是否应该遵循任何特殊的准则或规则,或者是否有我的权力。 此外,我甚至可以认为谷歌搜索搜索术语,所以我在这里发布(甚至不知道在FB apis搜索什么)。

谢谢大家!

1 个答案:

答案 0 :(得分:4)

看一下Facebook文档。您需要在<head>内添加Open Graph标记 https://developers.facebook.com/docs/opengraphprotocol/

来自文档:

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:og="http://ogp.me/ns#"
      xmlns:fb="https://www.facebook.com/2008/fbml">
<head>
  <title>The Rock (1996)</title>
     <!-- the bold title on Facebook -->
  <meta property="og:title" content="The Rock"/>
  <meta property="og:type" content="movie"/>
     <!-- the url under the title on Facebook -->
  <meta property="og:url" content="http://www.imdb.com/title/tt0117500/"/>
     <!-- the image to the left of text on Facebook -->
  <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"/>
     <!-- the description under description and title on Facebook -->
  <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>