我必须为页面指定缩略图:
<meta property="og:image" content="http://example.com/example.png" />
但是,由于该网站是WordPress网站,因此在加载正文时会加载缩略图的信息(它是一个WordPress页面)。因此,我使用以下JS来添加标记(受此question启发):
<script>
$('head').append('<meta property="og:image" content="http://example.com/example.png" />');
</script>
标记已成功添加到<head>
,但点击“Facebook分享”按钮后,缩略图不会显示。 Facebook按钮只评估原始源代码而不是修改后的源代码吗?
如果是,我该怎么办才能显示Facebook Share按钮的缩略图?
仅供参考,这是Facebook分享按钮代码:
<fb:share-button type="button_count" href="http://example.com"></fb:share-button>
答案 0 :(得分:1)
我认为这是不可能的,因为JS代码没有被执行。见How does Facebook Sharer select Images and other metadata when sharing my URL?
我可以使用Javascript或jQuery等客户端代码更新这些元标记吗?不是。很像搜索引擎抓取工具,Facebook 刮刀不执行脚本,因此存在任何元标记 下载页面时是用于图像的元标记 选择。