脸谱网开放图谱纵横比

问题描述 投票:2回答:1

我想在我的网站上添加一个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:squareog:ratio (甚至没有 og:widthog:height).

那么,我怎样才能告诉Facebook对我的Open Graph图片使用正方形比例呢?我发现在 公文.

设置不同的元标签,如上所述 此处 只会造成不必要的冲突。


是我的网站主页,如果你想查看源代码。



更新:在Simone的回答之后,我尝试了所有可能的像素大小,我发现一个像素的最大允许大小为 og:image 被Facebook视为正方形的是 445x445像素.

446x446的图片会被Facebook视为宽幅图片(文档里面从未提及的信息)。

希望能帮到你。

html image facebook web-crawler meta-tags
1个回答
1
投票

Facebook建议og:image的尺寸为1200 x 630像素(信息),这是一个近似于1.91:1的纵横比。这让你分享的帖子在帖子文字上方有一张全尺寸的图片。根据Facebook,你可以低至600 x 315,仍然可以收到全尺寸的图片,但我发现你可以低至450宽度左右。如果你去太小(约400的宽度或更少),你的帖子将只收到一个小的方形缩略图在左侧。另外,如果你的图片长宽比较高,Facebook可能会在左侧显示一个高长宽比缩略图(不是正方形)。

关于裁剪的说明。 如果你的大图片不是1.91:1的纵横比,Facebook可能会将其居中并裁剪以适应。如果你有一张不是正方形的小图片,Facebook可能会对其进行裁剪或缩小,以适应小缩略图尺寸。

最后一件事。 如果你想在Facebook上使用较小的正方形图片缩略图,只要确保你的OG:图像小于400x400,长宽比为正方形。

© www.soinside.com 2019 - 2024. All rights reserved.