在 Facebook 上分享时网站的默认图片显示错误答案

【问题标题】：Default image of website when sharing on Facebook is displaying wrong在 Facebook 上分享时网站的默认图片显示错误
【发布时间】：2014-07-25 19:33:56
【问题描述】：

我正在尝试让我的网站徽标正确显示在 Facebook 新闻提要上。当我将我的站点链接粘贴到 Facebook 的新闻提要（分享）上时，图像就会显示出来，但缩略图只是我徽标的一部分。具体来说，我的标志的中心部分只显示出来。

我的图像/徽标是通过 GIMP 2.8 导出的，大小为 1200 x 349 像素。我把它做成这个尺寸是因为这是我最接近 Facebook 推荐的 1200 x 650 像素（或类似尺寸）的尺寸。

编辑：我不确定这是否是公开分享图像的最佳方式，但这与我的徽标完全一样，除了文字和颜色： http://2imgs.com/2i/i/53d2dd5f/22d0e1223be1e43544446b27ab6b4b3c/377394be6d.f.jpg

然后，当我将图像（在 GIMP 2.8 中）缩小到看起来合适的尺寸时，图像似乎没有任何改变。

我在这里使用 Open Graph Debugger： https://developers.facebook.com/tools/

我正在做这样的事情（以及许多其他）帖子： Default website image for social sharing

这是我的Index.php的头：

<head>
    <link href="html5reset-1.6.1.css" rel="stylesheet">
    <meta charset="utf-8" />
    <meta name="description" content="my business description here" />
    <!-- For facebook -->
    <meta property="og:image" content="http://www.example.com/imagename_w1200h349.jpg">
    <meta property="og:image:type" content="image/jpg">
    <meta property="og:image:width" content="1200">
    <meta property="og:image:height" content="349">

    <link rel="icon" type="image/png" href="myiconpic.png" />
    <title>my business title here</title>
</head>

我错过了什么？这是我建立的第一个网站。

【问题讨论】：

标签： html facebook facebook-opengraph

【解决方案1】：

确保 Open Graph 图片始终是公开的，该图片似乎不适用于 Facebook。

关于正确的尺寸：https://developers.facebook.com/docs/opengraph/howtos/maximizing-distribution-media-content#images

【讨论】：

我不关注。 imagename_w1200h349.jpg 不是我的图像文件的真实名称。如何为 Facebook 公开图片？
或公开以便您可以查看以帮助我？我很高兴。你知道我可以在哪里发布它以便所有人都能看到它吗？我无法使用我的网站网址。
我在上面的问题中添加了一个链接，其中包含一个示例徽标。见编辑。
哦，我以为那是你的图像文件。因为它看起来确实像。为什么不能使用您的网站网址？顺便说一句，其他图像对我来说只是一个小白点，如果有效，那么我不知道为什么......哈哈
我在下面编辑了我的答案，并添加了指向所述图片/徽标的新链接。感谢您的提醒。我无法共享指向我的业务的链接，因为我不希望我在 stackoverflow.com 上的活动与我的业务相关联……以防万一。

【解决方案2】：

我整理好了。我有两个问题：

1) 当您将新的 Index.php 和图片文件上传到我的主机时，Facebook 的 Open Graph 调试器共享预览部分不会正确刷新。我不得不让它静置几分钟，然后刷新页面以更新预览。

2) 我不确定这是否 100% 正确，但它对我有用：我制作了 1200 x 1200 的图像，在徽标（黑色）上方和下方有白色画布空间。由于 Facebook 的建议是使用 1200 x 630 像素的图片，因此我的解决方案似乎不可行，但它确实有效，因此我将其发布。

这是我的图片示例：编辑：（上一个链接无效。希望这个链接有效。） http://2imgs.com/2i/i/53d3c78d/6719aed50ed239e3331cdeeadc572cf1/577394be6d.f.jpg

【讨论】：

【解决方案3】：

您可以测试为什么没有将您的网站图片提取到 facebook。

Facebook 爬虫将“抓取”您的站点搜索以在共享时使用的图像。如果您想指定要使用的图片，请将其放在您网站的部分中：

Facebook 可能已经缓存了之前随机图像的副本。更改或重新获取更新的图像。你可以为你的答案测试它。

https://developers.facebook.com/tools/debug/

【讨论】：