我正在与FB UI建立Facebook共享者。我有og标签:
<meta property="og:image" content="https://www.mydomain.fi/img/fb-share-img.jpg" />
图像为1200×627。og调试器不会出现任何错误。但是,共享链接时,共享图像显示为小方块而不是全宽图像。
可能导致这种情况的原因是什么?
奇怪的是,早先的og正在取得正确的数据并显示照片更大。我不得不调试一些东西并再次获取该网站,现在我无法恢复大图像。
答案 0 :(得分:1)
我也拥有所有正确的og:标签和大型共享图像。直接分享网址时,我得到了一张大图片。从Facebook JS SDK分享时,它开始时很大,然后突然变小了。正如其他人所指出的,这几乎是基于FB算法的随机选择。花了很多时间与标签和调试工具斗争,我不小心偶然发现了一个黑客(使用风险自负):
在不知情的情况下,我从另一个包含无效字符的网站上复制粘贴了一个og:type标签(在我的例子中,引号是“打印机的引号”)
meta property =“og:type”content =“website” (请参阅“og:type”和“website”周围的引号之间的区别?)
令我震惊的怀疑,虽然这导致调试工具中的错误(“URL'[myurl]'上的对象无效,因为配置的'og:type'of'”网站“/'无效。”)实际上强制使用大图像,所有其他元数据都很好。
我不知道怎么或为什么,所以不要问。但它奏效了。每时每刻。我希望这可以帮助其他一些开发人员,直到我们可以确保显示正确大小的图像。正如我所说,你的里程可能会有所不同,如果你打破它,不要怪我:)