在页面加载后添加Open Graph元标记,用于Facebook共享按钮


Add Open Graph Meta Tag After Page is Loaded, for Facebook Share button

我必须为页面分配一个缩略图:

<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不执行脚本,所以无论存在什么元标记下载页面时,用于图像的元标签选择