【问题标题】:ShareThis Facebook share button doesn't find images on a pageShareThis Facebook 分享按钮在页面上找不到图像
【发布时间】:2014-01-30 22:52:56
【问题描述】:

ShareThis Facebook 按钮只会将徽标拉为图像以从页面中进行选择。我不确定为什么会出现这种情况,因为我在尝试分享的页面上有其他图像。有人可以帮我解决这个问题。我对 ShareThis API 不是很熟悉。感谢您提供任何帮助或反馈。

我尝试使用 Facebook URL 调试器:https://developers.facebook.com/tools/debug。这样做时,Facebook 找到了页面上的所有图像,但 ShareThis 似乎并没有这样做。这就是为什么我猜这是与 ShareThis 相关的问题。

客户希望发布页面/博客文章的人能够从页面上的图像中选择图像。 ShareThis API 通常是这种情况,但似乎并非如此。否则我只会使用打开图形选项。

网站网址:http://www.atranquilnook.com/

1-30-14:我尝试在页面上指定带有开放图元的图像。图片大于 200 x 200,但仍然无法使用。

这似乎发生在网站的每个页面上。

注意:我没有建立这个网站。它是由其他人在 Adob​​e Muse 中构建的。

【问题讨论】:

    标签: facebook image facebook-social-plugins facebook-sharer sharethis


    【解决方案1】:

    这不是一个真正的答案,但我必须利用这里的空间,让你了解我发现的所有细节。

    在调试器上显示https://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fwww.atranquilnook.com%2F

    提供的 og:image 不够大。请使用至少 200x200 像素的图片。将使用图像“http://www.atranquilnook.com/images/header-home03.png”。

    既然有这对夫妇的图片,大于200px x 200px,我不知道这是否是答案,但你可以尝试上传一些更大的图片。

    虽然整个警告具有欺骗性,但由于它上面的一行表明没有og:image

    【讨论】:

    • 我确实注意到了这一点,但我很困惑为什么它没有把这对夫妇的照片从页面上拉出来。
    • @Phorden 也许在另一个页面上设置了og:image?这是博客吗?你在每一页上都有相同的meta 吗? developers.facebook.com/docs/opengraph/… 也可以设置多个og:image。也许用Javascript动态?如果您尝试设置og:image,例如情侣,会发生什么?
    • 这是一个内置在 Adob​​e Muse 中的常规站点,但它内置了一个博客组件。设置 og:image 的最大问题是我不想在每次客户发表博文时都设置图像。
    • @Phorden 我明白了,我只是想知道调试器说什么,如果你把这对夫妇的图像,如果他仍然说:太小了!?!
    • 我会试一试的。
    【解决方案2】:

    看起来您依靠 Facebook 足够聪明来在您的网站上找到“更好”的图片。您应该做的是在页面的 head 部分添加一个元标记。

    <meta property="og:image" content="http://www.yoursite.com/img/some-image.jpg"/>
    

    这将准确地告诉 Facebook 你想让世界其他地方看到什么。

    【讨论】:

    • 问题是客户希望发帖到 Facebook 的人能够从博客文章中选择图像。由于我会以这种方式设置图像,因此每篇博文都将使用相同的图像。我同意这通常是最好的方法。
    • 我已更新问题以反映这一需求。不过感谢您的反馈。
    • 我也尝试过网站上大于 200 x 200 的图片,但没有成功。
    猜你喜欢
    • 2016-01-06
    • 1970-01-01
    • 2016-01-09
    • 1970-01-01
    • 2020-08-13
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多