在Facebook上分享网站的默认图像显示错误



我正试图让我的网站标志在Facebook新闻源上正确显示。当我将我的网站链接粘贴到Facebook的新闻feed(分享它)上时,图像就会显示出来,但缩略图只是我的徽标的一部分。具体来说,我的标志的中心部分只显示。

我的图像/徽标是通过GIMP 2.8导出的,尺寸为1200 * 349 px。我选择这个尺寸是因为这是最接近Facebook推荐的1200 x 650 px(或类似的尺寸)。

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

然后,当我将图像缩小(在GIMP 2.8中)到看起来适合的程度时,图像似乎没有改变任何东西。

我在这里使用开放图形调试器:https://developers.facebook.com/tools/

我正在做这样的事情(以及许多其他)帖子:社交分享默认网站图片

这是我的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>

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

确保Open Graph图像始终是公开的,该图像似乎不可用于Facebook。

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

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

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

2)我不确定这是否100%正确,但它对我有效:我将我的图像设置为1200 x 1200,在徽标(黑色)的上方和下方使用白色画布空间。由于Facebook的建议是使用1200 x 630像素的图片,我的解决方案似乎不太合适,但它有效,所以我把它贴出来了。

下面是我的图像例子:编辑:(上一个链接不起作用。希望这个可以。)http://2imgs.com/2i/i/53d3c78d/6719aed50ed239e3331cdeeadc572cf1/577394be6d.f.jpg

你可以测试为什么不抓取你的网站图片到facebook。

Facebook爬虫将"刮"您的网站搜索图像使用时,它是共享。如果您想指定要使用的图像,请将其放在站点的部分:

Facebook可能已经缓存了之前随机图片的副本。更改或重新获取新映像。你可以用它来测试你的ans。

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

最新更新