我目前正在开发一项新功能,允许用户在 Facebook 上共享页面时选择他们想要使用的缩略图。用户应该能够使用 Facebook 小部件,例如发送对话框或共享按钮,以及简单地将 URL 剪切并粘贴到 Facebook 上的更新状态对话框中。
我已经阅读了很多文档,这似乎表明我只需要在共享的页面中添加多个 og:image 标签即可。我已经完成了此操作并通过 linter 运行页面,以便更新缓存。
当直接将页面传递到 share.php 时,有效地删除我的任何客户端代码并让对话框显示它正在抓取的内容,我看到页面中的 3 个可用图像。
我不确定我在这里做错了什么。
这是linter result ,graph object ,sharer.php link和 the page 。有人知道我可能做错了什么吗?
我已经确认共享对话框至少尊重 og:title 标签。我还测试了图像的大小,并包含如下建议的文件扩展名。
我知道这有效,因为 buzzfeed具有我想要的确切功能。我已将示例简化为仅我认为应该有效的核心部分。您可以找到full source here .
请您参考如下方法:
它可能是顶部 HTML 标记中的 XML 命名空间吗?
在 BuzzFeed 文章中,它是:
xmlns:og="http://opengraphprotocol.org/schema/"
在您的页面中:
xmlns:og="http://ogp.me/ns#"