我喜欢的 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 和名称除外)