我必须为页面分配一个缩略图:
<meta property="og:image" content="http://example.com/example.png" />
然而,由于该网站是一个WordPress网站,缩略图的信息是在加载正文时加载的(它是一个WordPress页面)。因此,我使用以下JS添加标签(受此问题启发):
<script>
$('head').append('<meta property="og:image" content="http://example.com/example.png" />');
</script>
标签已成功添加到<head>
,但在我单击Facebook共享按钮后,缩略图不会显示。Facebook按钮只评估原始源代码,而不是修改后的源代码,这是真的吗?
如果是,我该怎么做才能使Facebook共享按钮的缩略图出现?
仅供参考,这是Facebook共享按钮代码:
<fb:share-button type="button_count" href="http://example.com"></fb:share-button>
我认为这是不可能的,因为JS代码不会被执行。请参阅Facebook共享者在共享我的URL时如何选择图像和其他元数据?
我可以用客户端代码(如Javascript或jQuery)更新这些元标记吗没有。很像搜索引擎爬虫,Facebookscraper不执行脚本,所以无论存在什么元标记下载页面时,用于图像的元标签选择