Facebook分享不显示图片

5
我编写了一段新闻PHP脚本。在每篇新闻的结尾,我都有一个Facebook分享按钮。问题是,我无法在Facebook分享中显示缩略图。我尝试了Meta OG。
<link rel="image_src" href="" /> 

元素没有任何成功。有趣的是,使用我的新闻 PHP 脚本的一些域名没有问题,但有些域名有问题。

没有任何问题的域名:

有问题的域名:

我还尝试了 addThis,但它没有解决问题。

以上所有域名都使用相同的系统。我认为可能是因为系统的问题,所以我尝试了干净的 HTML 页面:

正如您在最后一个示例中看到的那样,我使用了2种不同的共享选项。首先是弹出窗口。我通过 URL 发送了所有参数,但有些域名显示图片,有些则没有。我还添加了 addThis 选项。

我还考虑过 .htaccess 并清除了其中的所有内容,因为我认为 .htaccess 可能会阻止某些东西。我非常仔细地采取了我能想到的每一步骤。

这个问题开始变得非常令人烦恼,如果有人能帮我解决问题,我将不胜感激。


现在已经过去一个多月了,问题仍然存在。我现在很困惑该怎么办。有什么建议吗? - Revenant
4个回答

16

使用Open Graph协议

<meta property="og:title" content="The Rock"/>
<meta property="og:type" content="movie"/>
<meta property="og:url" content="http://www.imdb.com/title/tt0117500/"/>
<meta property="og:image" content="http://ia.media-imdb.com/rock.jpg"/>
<meta property="og:site_name" content="IMDb"/>
<meta property="fb:admins" content="USER_ID"/>
<meta property="og:description"
      content="A group of U.S. Marines, under command of
               a renegade general, take over Alcatraz and
               threaten San Francisco Bay with biological
               weapons."/>

要测试每个链接,请使用URL Linter


看看这个论坛,大多数人会问同样的问题,为什么OG图片在“赞”按钮上无法工作。可能是个bug?Bug 16580


2
+1 投了你的问题。我在我的网站上测试了一下,看起来是同样的问题。我发现当我的页面加载谷歌地图时,OG 在 Facebook 上不起作用。让我找到解决方案。 - haha
谢谢,我已经告诉我的朋友这个问题了。 - Revenant
1
Facebook上的错误16580 - haha
@Pixeler,回答已编辑。我也在他们的论坛上发布了 :) - haha
@haha; 我现在应该接受你的答案吗?我很困惑。这是我唯一没有接受任何答案的问题。 - Revenant
显示剩余2条评论

1
你是使用公共服务器还是本地服务器?如果URL来自localhost,Facebook分享不会显示图片。

正如您在我提供的域名中所看到的那样,它们并不是本地的。 - Revenant

1

Facebook似乎希望图片在两个方向上至少为200像素,无论是在OG元数据中提供还是嵌入在页面中。他们最近更新了URL检查器以显示OG元数据的此错误。我现在找不到来源,但我记得他们以前使用的最大像素尺寸小于200像素...

此外,我发现Chrome在OS X上显示缩略图图像存在问题,在Windows浏览器上则没有问题。非常奇怪。


0

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接