2013-08-06 59 views
0

好吧,所以我已经搜索了几天的互联网,还没有解决我与这些打开的图形标签有问题。我有一个网站,在那个网站上我有一个像按钮和脸书评论框的脸谱,他们都似乎工作得很好,直到内容分享到Facebook。当某人喜欢或评论内容时,Facebook会将其分享到个人资料墙上,但它不使用任何OG元标记。例如,如果访问者发表评论或想要发布我发布内容的帖子,那么他们页面上显示的共享链接将只是网址,然后是来自网站页面(不是我选择的那个)的随机图像。打开图元标签不被阅读

这里是我的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的棉短绒的网站,但所有的它带给我回来是警告:Inferred Property: The 'og:image' property should be explicitly provided, even if a value can be inferred from other tags.

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

+1

在linter结果的底部,应该有一个链接“看看究竟是什么刮板看到”或类似的东西。检查最终url中的原始数据并获取图像url并测试其是否正确。如果你可以提供给你的网站的参考,我可以看看。我有我的facebook linter分享。 – adnanyousafch

+0

我尝试了你的建议,并且在刮板中的链接是正确的,而不是它所使用的链接。我现在测试的具体链接是'http:// TheSnoopz.com/Sports/Post/Arod-Suspension',元数据标签中的链接应该从'TheSnoopz.com/Images/Arod-Suspension.png' – Jcmoney1010

回答

2

我刚刚在(http://TheSnoopz.com/Sports/Post/Arod-Suspension)检查了消息来源。最快的方法是删除<!--Meta tags For Facebook--!>或将其更改为有效的评论。即<!-- Meta tags For Facebook -->。错误的声明导致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

0

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

[解决方法]

设定OG:标题网址准确的convas HTTPS URL通常遵循 '?'最后我认为是必要的......就是这样!