在 SharePoint 网站中使用 Facebook 的元标记

Question

我有一个面向公众的 SharePoint Foundation 2013 网站 http://www.oceanview335.com。它不是 SharePoint Online 网站。我正在尝试在母版页中构建元标记，以便我可以控制发布到 Facebook 时显示的数据。除了图像，我让它工作，这对我来说是最重要的部分。

这是我在母版页中的元标记：

<meta property="og:type" content="website" />
<meta property="og:url" content="http://www.oceanview335.com/SitePages/Home.aspx" />
<meta property="og:title" content="Ocean View Lodge No. 335" />
<meta property="og:site_name" content="Ocean View Lodge No. 335" />
<meta property="og:image" 
content="http://www.oceanview335.com/Pictures/OV_eye_small.jpg" />
<meta property="og:description" content="Ocean View Masonic Lodge No. 335
A. F. & A. M. Norfolk, Virginia" />

根据我在 stackoverflow 和其他地方找到的建议，我添加了这一行：

<link rel="image_src" type="image/jpeg"
href="http://www.oceanview335.com/Pictures/OV_eye_small.jpg" />

使用 Facebook 的对象调试器，https://developers.facebook.com/tools/debug 我得到以下结果：

og:image was not defined, could not be downloaded or was not big enough.
Please define a chosen image using the og:image metatag, and use an image that's
at least 200x200px and is accessible from Facebook.
Image 'http://www.oceanview335.com/Pictures/2015%20DDGMs.png' will be used instead.

最终结果是，如果我在 Facebook 上创建新帖子，则会显示来自我主页“2015%20DDGMs.png”的图像。如果我对现有帖子发表评论，则会显示正确的图像“OV_eye_small.jpg”。我尝试了各种建议，例如将图像大小调整为 200x200 或其乘法。当前图像为 200x200。我试过 .png 和 .jpg 图像。我添加了上面列出的 image_src 链接。我通过谷歌搜索找到的任何尝试都没有删除这个“图像未定义”错误或在 Facebook 帖子中为我提供了正确的图像。

之前在 SharePoint.Stackexchange 上询问过，得到的回复为零。使用同样使用元标记的 Twitter Cards 可以完美运行：https://dev.twitter.com/cards/getting-started​

Answer 1

如果 Facebook 抓取工具检测到重定向，它将中止并且不使用您提供的内容。

正确的图片正在评论帖子中被分享，因为该网站已经在其最终目的地并且正在发生重定向。

重定向前（og:image 未使用）：
https://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fwww.oceanview335.com

重定向后（og:image used）：
https://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fwww.oceanview335.com%2FSitePages%2FHome.aspx

获取的 URL 和规范 URL 必须匹配，否则调试器将停止。

另外，关于通过 Facebook 调试器运行您的网站 URL 的一些分析：

1. 我第一次输入主站点 URL（无路径）时，它给出了您在问题中所述的响应。
2. 在调查了几分钟后，我回到调试器工具并单击“获取新的抓取信息”。瞧！现在可以正确读取所有 Open Graph 元信息。

我相信调试器缓存第一次可能没有为此 URL 准备好。我现在可以将网站 URL（无路径）粘贴到一个空白的 Facebook 帖子中，它会将您的 Open Graph 图像拉上来作为共享图像。