Facebook 分享按钮 og:image

【问题标题】：Facebook share button og:imageFacebook 分享按钮 og:image
【发布时间】：2017-02-09 09:00:13
【问题描述】：

我在 CMS 上工作，我无法处理默认元值

我添加了 addthis 分享按钮。然后我使用 jquery 更改元值如下

$(document).ready(function(e) {
$('meta[property="og:title"]').remove();
$('head').append('<meta property="og:title" content="<?=$title?>">');
$('meta[property="og:image"]').remove();
$('head').append('<meta property="og:image" content="<?=$image?>">');
});

点击facebook分享按钮时，title会根据需要更改，但image不会更改。

我怎样才能让它在图像价值上起作用

【问题讨论】：

标签： jquery facebook share facebook-social-plugins

【解决方案1】：

由于页面只加载一次，我可以分配一次 OG:IMAGE URL...但我真的希望每张图片都有自己的 OG:IMAGE，因为这是一个相册。

在客户端更改 OG 元标签并没有实际用处——因为 Facebook 会通过它的抓取工具读取这些标签，这意味着他们将对您的 URL 进行 HTTP 请求并查看 HTML 代码中的内容；并且爬虫不执行任何 JavaScript。

解决方案：为每张照片提供一个单独的 URL，并附上它自己的元信息 - 并让您的点赞按钮/分享功能/任何 FB 功能指向每张照片的该 URL。

（您如何处理 客户端 无关紧要 - 您仍然可以在一页中显示所有照片，通过 AJAX 加载新内容，无论您喜欢什么 - 但您会您的照片需要单独的 URL 才能被识别为单独的 Open Graph 对象。）

【讨论】：

谢谢，但是“标题”怎么变了，“图片”不受影响？
实际上你的 url 加载的那一刻 og:Image 加载到 dom 这就是原因。