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

时间:2014-12-19 13:26:53

标签: facebook twitter sharepoint-2013 meta-tags

我有一个面向公众的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卡可以完美地工作:https://dev.twitter.com/cards/getting-started

1 个答案:

答案 0 :(得分:1)

如果Facebook刮刀检测到重定向,它将中止并且不使用您提供的内容。

正确的图片会在评论帖上分享,因为该网站已经位于最终目的地并且正在进行重定向。

重定向前(og:未使用图片):
https://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fwww.oceanview335.com

重定向后(og:使用的图片):
https://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fwww.oceanview335.com%2FSitePages%2FHome.aspx

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

此外,通过Facebook调试器运行您的站点URL的一些分析:

  1. 我第一次输入主网站网址(无路径)时,会提供您在问题中说明的回复。
  2. 在调查问题几分钟后,我回到调试工具并单击“获取新的刮取信息”。瞧!现在正在正确读取所有Open Graph元信息。
  3. 我相信第一次调试器缓存可能没有为此URL做好准备。我现在能够将站点URL(无路径)粘贴到空白的Facebook帖子中,并将您的Open Graph图像拉为共享图像。