打开图形元标记未被读取

时间:2013-08-06 03:38:03

标签: facebook web-applications web opengraph facebook-opengraph

好的,所以我已经在网上搜了好几天了,还没有解决我对这些开放图形标签的问题。我有一个网站,在那个网站上我有一个像facebook一样的按钮和一个facebook评论框,它们似乎都很好用,直到内容被分享给Facebook。当有人喜欢或评论内容时,Facebook会在人员资料墙上分享,但它不会使用任何OG元标记。例如,如果访问者要评论或喜欢关于我发布的内容的帖子,那么显示在他们页面上的共享链接将只是URL,然后是来自网站页面的随机图像(不是我选择的那个)。

以下是我的Open Graph标记的设置方法:

  <head> 
      <meta property="og:type"   content="Cookies" /> 
      <meta property="og:url"    content="http://example.com" /> 
      <meta property="og:title"  content="Sample Object" /> 
      <meta property="og:image"  content="https://Example.com/Images/Picture.png" /> 
  </head>

我通过Facebook linter运行网站,但它带回来的是警告:Inferred Property: The 'og:image' property should be explicitly provided, even if a value can be inferred from other tags.

我一直在阅读的所有内容都说我已经正确地设置了它,但无论出于何种原因它只是没有正确阅读页面。调试器页面显示了它拾取的3个图像,但它们是页面底部的最后3个图像。有什么建议吗?

2 个答案:

答案 0 :(得分:2)

我刚检查了(http://TheSnoopz.com/Sports/Post/Arod-Suspension)的来源。最快捷的方法是删除<!--Meta tags For Facebook--!>或将其更改为有效评论。即<!-- Meta tags For Facebook -->。错误的声明导致og meta标签根本不呈现。

看来你的HTML有很多错误。请进行验证检查。

http://validator.w3.org/check?uri=http%3A%2F%2Fthesnoopz.com%2FSports%2FPost%2FArod-Suspension&charset=%28detect+automatically%29&doctype=Inline&group=0

答案 1 :(得分:0)

[解决] 我有完全相同的问题。几乎是一个弱小的冲击我不知道有多少支持/讨论论坛。

[溶液]

将您的 og:title 网址设置为您的convas https网址,该网址通常位于&#39;?&#39;最后,我认为是必要的...这就是它!