Facebook OG调试器正确显示共享对话框,但网站上的共享对话框没有正确发送到Facebook?

问题描述:

我会开始说我是一个noob。Facebook OG调试器正确显示共享对话框,但网站上的共享对话框没有正确发送到Facebook?

问题是,我有一个网站在一个页面上有多个文章,并且想要分开facebook/share按钮,所以点击时他们会应用到正确的文章。看完论坛后,我发现我可以创建带有适用og标签的虚拟页面,并将其重定向到包含所有文章和喜欢/分享按钮的网址。

这是我的虚拟页面(dummy_02.html):

<head> 
     <title>Michigan Game 1 Review</title> 

     <meta property="og:title" content="Devin & Devin lead Michigan over Appalachian State" /> 
     <meta property="og:site_name" content="Scarlet & Maize" /> 
     <meta property="og:url" content="http://www.scarletandmaize.com/dummy_02" /> 
     <meta property="og:description" content="Gardner to Funchess. Gardner to Funchess. Gardner to Funchess. This looks to be a common call this year, as the two connected for three first half touchdownsin a row on Saturday at the Big House. Derrick Green and De&#39Veon Smith took over from there totaling 285 yards and..." /> 
     <meta property="og:image" content="http://scarletandmaize.com/um_qb1.png" /> 
     <meta http-equiv="refresh" content="0;url=http://www.scarletandmaize.com/gameday"> 
    </head> 

上面似乎是工作正常(我也有一个dummy_01.html)。

从那里,我后来去其中包含的文章和FB按钮和张贴在文章标题下面的代码重定向页面(“www.scarletandmaize.com/gameday”):

<div class="fb-like" data-href="https://scarletandmaize.com/dummy_02" data-layout="standard" data-action="like" data-show-faces="false" data-share="true"></div> 

从在这里,我去了Facebook开放图调试器测试的东西,没有错误出现,当点击'在共享对话框中看到这个'。链接,它看起来完全如何我希望它出现在Facebook上。

我现在的问题出现在我访问我的网站网址(www.scarletandmaize.com/gameday)并点击设置为dummy_02的共享按钮时,共享对话框中出现的所有内容都与我的网站索引一起显示为白色框页面(www.scarletandmaize.com)位于左上角和左下角。图像不显示,说明不显示,文章标题不显示?!?!

感谢您的帮助。下一个啤酒(或可乐)在我身上!

<div class="fb-like" data-href="https://scarletandmaize.com/dummy_02" data-layout="standard" data-action="like" data-show-faces="false" data-share="true"></div> 

在上述HTML代码中发现错字。应该是“http://url.com”,而不是“https://url.com