html - 在 Facebook 更新中创建照片链接

标签 html

<分区>

我想在 facebook 中显示一张照片作为状态更新,我希望人们点击这张照片,这会将他们带到一个网站。这样照片就是一个网站的链接。这样我就不必单独放置照片和链接。在 Facebook 中这可能吗?

最佳答案

假设您要链接到您有权访问的网站 - 您可以通过在您希望链接到的网站页面中设置所谓的“开放图谱”元标记来实现此目的。

当您在编写状态更新等时向 Facebook 键入 URL 时,Facebook 会读取 Open Graph 元标记。

以下示例说明了您可能希望如何设置 Open Graph 元标记(在 HTML 中的 <HEAD> 标记内)。

<meta property="og:title" content="Your amazing website" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://yourwebsite.com" />
<meta property="og:image" content="http://yourwebsite.com/linked_image.png" />
<meta property="og:image:type" content="image/png" />
<meta property="og:image:width" content="300" />
<meta property="og:image:height" content="300" />
<meta property="og:description" content="This is the description that you want to appear, this will be clickable too!" />

然后,您可以使用过去称为 Facebook“Linter”的工具,通过在框中键入您的 URL,查看 Facebook 如何“查看”您想从 Facebook 帖子链接到的任何页面:

http://developers.facebook.com/tools/debug/og/object?q=opengraphprotocol.org

您还可以在 opengraphprotocol.org 找到更多关于 Open Graph 协议(protocol)的信息

关于html - 在 Facebook 更新中创建照片链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13345639/

相关文章:

css - 主页不同于网站上的任何其他页面

html - css 背景图像基本失败

javascript - AngularJS 和 RequireJS - 未捕获错误 : No module: MyApp

php - HTML - 尽管有说明,但未出现提交按钮

html - DIV 显示 : table-cell and text-overflow: ellipsis

javascript - Canvas 等距游戏引擎——移动 map

javascript - 使用多层 - KineticJS

mathjax tex 方程中的 HTML 输入字段

javascript - 使用 OrgChart 增加节点宽度的最佳方法

没有 Thead 标签的 HTML 表格标签