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

时间:2014-07-25 19:33:56

标签: html facebook facebook-opengraph

我试图让我的网站徽标在Facebook新闻Feed中正确显示。当我在Facebook上粘贴我的新闻源(分享)上的站点链接并显示图像时,缩略图只是我徽标的一部分。具体来说,我的徽标的中心部分只显示。

我的图片/徽标是通过GIMP 2.8导出的,它是1200 x 349 px。我做到了这个尺寸,因为这是我最接近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>

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

3 个答案:

答案 0 :(得分:1)

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

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

答案 1 :(得分:0)

我整理出来了。我有两个问题:

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

答案 2 :(得分:0)

you can test why is not fetching you site image to facebook.

Facebook crawler will 'scrape' your site search for an image to use when it is being shared. If you want to specifiy which image to use, put this in the the section of your site:

Facebook may have cached a copy of the previous random image. to change or refetch for newer image. and you can test it for your ans.

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