一个“简单”的 Facebook 分享 - Open Graph答案

【问题标题】：A "simple" Facebook share - Open Graph一个“简单”的 Facebook 分享 - Open Graph
【发布时间】：2014-09-12 16:43:07
【问题描述】：

我放弃了！已经尝试了一周。

我想做什么：我有一个带有测验的网站，我希望访问者能够在 Facebook 上分享他们的分数。简单吧？没有……

我一直在研究 Facebook / Open Graph / Custom Stories 等。但我无处可去，有人帮帮我。

到目前为止，我学到的是我需要在网站上有这个：

作品：

<meta property="og:title" content="Funny quiz" /> 
<meta property="og:description" content="I have scored X points on this quiz" />
<meta property="og:url" content="http://www.website.com" />

不起作用：

<meta property="og:site_name" content="Website Quiz" />
<meta property="og:image" content="https://www.website.com/image.jpg" /> 
<meta property="og:type" content="article" />

我在 Facebook 开发者网站上浪费了很多时间：“Open Graph Object Debugger”、“Graph API Explorer”等等。等等。

我已尝试按照开发者网站上的指南进行操作。甚至是“创建自定义故事”。我也试图在其他地方找到答案，Stackoverflow 和搜索引擎，但谷歌不是我的朋友 :(YouTube 也没有用。我什至试图通过查看源代码来看看 Buzzfeed 是如何做到的 - 什么都没有！

有人有我可以使用的工作示例或教程吗？

【问题讨论】：

标签： facebook facebook-graph-api

【解决方案1】：

您所说的有效/无效是什么意思？是现在显示的图像吗？

您是否包含实际链接：

<a href="https://www.facebook.com/sharer/sharer.php?u=<the link to your site/the current quiz>">?

【讨论】：

【解决方案2】：

您可能需要等待 24 小时才能让 Facebook 抓取您的网站，然后图片才能正常工作。我之前遇到过同样的问题，第二天它运行良好，没有任何变化。

另外，请确保您的起始 html 标记是这样的：

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:fb="http://ogp.me/ns/fb#">

【讨论】：