【问题标题】:Sharing url link does not show thumbnail image on facebook分享 url 链接不会在 facebook 上显示缩略图
【发布时间】:2012-02-07 15:37:53
【问题描述】:

我有一些提供 facebook 共享的示例 url。但是 url 页面内的图像没有显示在 facebook 评论框中。我已经插入了这样的 Meta 标签

<meta property="fb:app_id" content="xxxx"/>
<meta property="og:site_name" content="xxxx"/>
<meta property="og:title" content="xxxx" />
<meta property="og:description" content="xxx" />
<meta property="og:type" content="xxx:photo">
<meta property="og:url" content="http://www.example.com/content/xxx"/>
<meta property="og:image" content="http://www.example.com/images/xxx.png"/>

*我的图片是 1000*1000 像素(宽*高)。

有什么解决办法吗?

【问题讨论】:

    标签: facebook image facebook-opengraph sharing


    【解决方案1】:

    我遇到了这个问题,虽然我有 og:image(和其他),但我缺少 og:url 和 og:type,所以我添加了它们然后它工作了。

    <meta property="og:url" content="<? 
     $url = 'https://' . $_SERVER['HTTP_HOST'].$_SERVER['PHP_SELF']."?".$_SERVER['QUERY_STRING'];; 
    echo htmlentities($url,ENT_QUOTES); ?>"/> 
    

    【讨论】:

      【解决方案2】:

      上面的答案很好,它们应该可以解决您遇到的大部分问题。 但要直接从 facebook 查看错误,您可以使用链接 https://developers.facebook.com/tools/debug/sharing/

      这样您就可以确定需要采取的步骤。

      我发现 og:image 元数据的 URL 必须是绝对 URL

      【讨论】:

        【解决方案3】:

        我的网站也面临同样的问题。

        使用 Facebook 调试工具根本没有帮助。获取新数据,但不获取 IMAGE CACHE。

        我通过添加 www 强制 facebook 清除 IMAGE CACHE。进入图片网址。在您的情况下是删除 www。并配置 Web 服务器重定向。

         add/remove www. in image url should solve the problem
        

        【讨论】:

          【解决方案4】:

          问题在于 facebook 缓存,解决方案是通过转到链接刷新 facebook 缓存。 https://developers.facebook.com/tools/debug/og/object/

          然后按下“获取新的抓取信息”按钮。

          希望对你有帮助

          【讨论】:

            【解决方案5】:

            我发现您使用 og:image 指定的图像必须实际存在于 HTML 页面中的图像标记内。

            只有在我为图像添加图像标签后,缩略图才会出现。它被注释掉了。但有效。

            【讨论】:

            • 我从来没有遇到过这个问题,我敢肯定这更多的是配置问题(在您这边),它已得到修复,但您仍在查看缓存数据。无需放置 标签。
            • 使用display:nonewidth:0 添加图像没有帮助。共享者有 og:image,无论是否在 html 中,但仅在第 2 次或第 3 次尝试之后
            【解决方案6】:

            您的元标记应如下所示:

            <meta property="og:image" content="http://ia.media-imdb.com/rock.jpg"/>
            

            并且它必须放在您要分享的页面上(这在您的问题中不清楚)。

            如果您在图像(或元标记)出现之前共享了页面,那么 facebook 有可能在其“内存”中没有图像的页面。在这种情况下,只需在调试工具http://developers.facebook.com/tools/debug 中输入页面的 URL。之后,下次共享页面时,图像应该会出现。

            【讨论】:

            • 感谢您的回答。我已经解决了这个问题。我的图像尺寸太大。当我将图像大小调整为 600*600 时,缩略图会快速显示在 facebook 上。
            • 我添加了 600X600 尺寸的图片,但它仍然没有显示在 fb 对话框中。
            • @Pascal,如果我无法访问该页面怎么办?我只是分享附属链接,但它不再显示图像。一直到几个月前。谢谢。
            • 附注,图片不能太小。 FB 开发页面说:使用至少 1200 x 630 像素的图像,以便在高分辨率设备上获得最佳显示效果。
            • 我添加了 og:image 标签,该图像是 75x75 像素的图像,但仍未显示。在我网站的其他页面中,虽然没有这样的标签,但 fb 仍然能够识别图像并显示在分享链接中。先生可能是什么问题?
            猜你喜欢
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 2012-08-11
            • 2012-04-02
            • 1970-01-01
            • 2015-11-21
            • 2011-12-26
            • 2012-02-02
            相关资源
            最近更新 更多