【问题标题】:Open Graph Meta Tags Not Being Read打开图元标签未被读取
【发布时间】:2013-08-06 22:39:22
【问题描述】:

好的,所以我已经在互联网上搜索了好几天,但还没有解决我在使用这些开放图形标签时遇到的问题。我有一个网站,在那个网站上我有一个 facebook like 按钮和一个 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 个图像。有什么建议吗?

【问题讨论】:

  • 在 linter 结果的底部,应该有一个链接“确切地查看刮板看到的内容”或类似的东西。检查最终 url 中的原始数据并获取图像 url 并测试其是否正确。如果您可以提供对您网站的参考,我可以看看。我已经分享了 facebook linter。
  • 我尝试了您的建议,并且刮板中的链接是正确的,而不是它正在使用的链接。我现在正在测试的特定链接是 http://TheSnoopz.com/Sports/Post/Arod-Suspension 元数据标签中的链接应该来自 TheSnoopz.com/Images/Arod-Suspension.png

标签: facebook web-applications web facebook-opengraph


【解决方案1】:

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

您的 html 似乎有很多错误。请进行验证检查。

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

【讨论】:

    【解决方案2】:

    [已解决] 我有完全相同的问题。我不知道有多少支持/讨论论坛。

    [解决方案]

    将您的 og:title 网址设置为您的 convas https 网址,该网址通常遵循“?”最后,我认为这是必要的......就是这样!

    【讨论】:

      猜你喜欢
      • 2015-03-02
      • 1970-01-01
      • 1970-01-01
      • 2013-12-11
      • 1970-01-01
      • 1970-01-01
      • 2012-06-18
      • 1970-01-01
      • 2015-03-27
      相关资源
      最近更新 更多