我喜欢的 Facebook 插件 - 它在哪里获取有关标题/描述/照片的信息?

Posted

技术标签:

【中文标题】我喜欢的 Facebook 插件 - 它在哪里获取有关标题/描述/照片的信息?【英文标题】:Facebook plugins I like - where does it take infos about title/description/photo? 【发布时间】:2012-01-30 11:16:56 【问题描述】:

当我在带有 facebook 插件的网站上做“我喜欢”时,我在 Facebook 上看到该页面的标题、描述、图像等等......

如果我尝试将插件放在我的网站上并做“我喜欢”,我只能在主页上看到标题,仅此而已!

我需要在哪个标签上插入图片路径、描述和自定义标题? 实际上,我的文档类型是:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

所以,不是 HTML5 页面。

【问题讨论】:

【参考方案1】:

您应该阅读Open Graph Protocol。 本质上,您需要在您的页面上嵌入一些og:tags,以便 Facebook 可以知道要显示哪些信息来预览类似操作。 标签应该放在您的head 标签内,它们看起来像这样:

<meta property="fb:app_id" content="YOUR_APP_ID" /> 
<meta property="og:type" content="YOUR_NAMESPACE:recipe" /> 
<meta property="og:title" content="YOUR_PAGE_TITLE" /> 
<meta property="og:image" content="YOUR_IMAGE_URL" /> 
<meta property="og:description" content="YOUR_DESCRIPTION_TEXT" /> 
<meta property="og:url" content="YOUR_URL"> 

不要忘记将那里的值替换为您自己的值。 如果您在选择要使用的标签或要使用的值时遇到困难 - 您应该查看 Facebook 为我们提供的这个很棒的工具:Facebook's URL Debugger 此工具将准确地向您展示 Facebook 如何查看您的 URL,它还会提醒您注意您的 og:tags 可能存在的任何错误。


请注意 Facebook 对您的标签所做的缓存: 取自Open Graph Documentation

编辑元标记

您可以通过更新页面的属性来更新页面的属性 标签。注意 og:title 和 og:type 只能编辑 最初 - 在您的页面收到 50 个赞后,标题变得固定, 并且在您的页面收到 10,000 个喜欢后,该类型将变为固定。 这些属性是固定的,以避免让喜欢的用户感到惊讶 页面已经。在这些限制之后更改标题或类型标签 到达什么都不做,您的页面保留原来的标题和 输入。

要使更改反映在 Facebook 上,您必须强制您的页面 被刮掉。当页面的管理员点击时,页面被抓取 点赞按钮或将 URL 输入 Facebook URL 时 短绒。

【讨论】:

但我需要所有这些标签!试图只放(例如) 但实际上没有任何改变...... 标题相同: 它没有在 Facebook 上显示 :( 很棒的链接!期待 2 个警告 应该明确提供 og:url 属性,并且应该明确提供 og:locale 属性,它似乎在那里获得了正确的数据。它在 facebook 上不显示数据... 您能否发布指向相关网址的链接,以便我们自己查看? 哦...看起来它现在可以工作了:O 也许它应该刷新?不知道!

以上是关于我喜欢的 Facebook 插件 - 它在哪里获取有关标题/描述/照片的信息?的主要内容,如果未能解决你的问题,请参考以下文章

Facebook 登录响应:不获取用户详细信息(ID 和名称除外)

获取给定 URL 的 Facebook 喜欢/分享计数

Facebook:当用户点击粉丝页面上的“喜欢”按钮时获取

Facebook评论社交插件不显示评论?

如何从 Facebook 获取带有参数性别、用户喜欢、用户生日的好友列表,

Facebook 图形 API 用于获取带有评论数和点赞数的 Facebook 订阅源