在Facebook上共享网站内容时自定义图像大小

时间:2015-12-29 20:18:37

标签: facebook opengraph

我正在开发一个网站,其中包含带有引号的可共享图像的部分。 (想想所有那些鼓舞人心的名言,人们在脸书上分享的背景图片)

我的方法:

  • 我使用适当的OG元标记为每个引号创建了单独的页面。
  • 我为每张图片创建了一个分享链接。

问题

除了图像的大小外,一切正常。显然,这种共享内容的方式只允许2种尺寸的图像。即使我使用og:image:width和og:image:height标签,图像也不会以全尺寸显示。

正如您所见,in this example图像被裁剪。

我尝试使用自定义的开放图形故事,但它也只允许左侧有一个非常小的图像的一个布局(地图布局对我来说也不起作用)。

我喜欢的格式更像您在分享照片时看到的内容。一个完整的图像,大约600px x 600px以及它下面网站的链接。

你知道怎么办?

提前致谢

1 个答案:

答案 0 :(得分:0)

您所描述的格式可能无法实现。来自文档:

  

尽量使图像尽可能接近1.91:1的宽高比   在没有任何裁剪的情况下在新闻Feed中显示完整图像。

有一本关于最佳实践的优秀文档here,您可能会发现它很方便。寻找优化图片以生成精彩的预览