我想在我的网站上添加一个Facebook Open Graph图片,由于我知道可能有多种布局,所以我选择了正方形的布局。
问题是,如果我只是简单地添加一个元标签,像这样。
<meta itemprop="image" property="og:image" name="twitter:image" content="/icon/card600x600.png">
Facebook调试工具 和其他标签检查器,如 Realfavicongenerator.net 显示1.911比例的图片(我的11张图片裁剪了48%)。
另一方面,当我抓取其他网站,如 stackoverflow.com,两者 脸书 和 RealFaviconGenerator 显示一个正方形的图像(Stack Overflow有一个318x318的Open Graph图像),而不是一个矩形的图像。
但在Stack Overflow的源代码中(ctrl+U),并没有类似于 og:square
或 og:ratio
(甚至没有 og:width
和 og:height
).
那么,我怎样才能告诉Facebook对我的Open Graph图片使用正方形比例呢?我发现在 公文.
设置不同的元标签,如上所述 此处 只会造成不必要的冲突。
这 是我的网站主页,如果你想查看源代码。
更新:在Simone的回答之后,我尝试了所有可能的像素大小,我发现一个像素的最大允许大小为 og:image
被Facebook视为正方形的是 445x445像素.
446x446的图片会被Facebook视为宽幅图片(文档里面从未提及的信息)。
希望能帮到你。
Facebook建议og:image的尺寸为1200 x 630像素(信息),这是一个近似于1.91:1的纵横比。这让你分享的帖子在帖子文字上方有一张全尺寸的图片。根据Facebook,你可以低至600 x 315,仍然可以收到全尺寸的图片,但我发现你可以低至450宽度左右。如果你去太小(约400的宽度或更少),你的帖子将只收到一个小的方形缩略图在左侧。另外,如果你的图片长宽比较高,Facebook可能会在左侧显示一个高长宽比缩略图(不是正方形)。
关于裁剪的说明。 如果你的大图片不是1.91:1的纵横比,Facebook可能会将其居中并裁剪以适应。如果你有一张不是正方形的小图片,Facebook可能会对其进行裁剪或缩小,以适应小缩略图尺寸。
最后一件事。 如果你想在Facebook上使用较小的正方形图片缩略图,只要确保你的OG:图像小于400x400,长宽比为正方形。