Facebook分享按钮og:image

Question

我在CMS上工作，我无法弄乱默认的元值

我添加了添加此共享按钮。然后我使用 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共享按钮时，标题会根据需要更改，但图像不会更改。

如何使其处理图像价值

Answer 1

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

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

解决方案：为每张照片提供一个单独的URL，并带有自己的元信息 - 并让您的喜欢按钮/共享功能/任何FB功能指向每张照片的该URL。

(客户端如何处理并不重要 - 您仍然可以在一个页面中显示所有照片，通过AJAX加载新内容，无论您喜欢什么 - 但是您需要为照片提供单独的URL，以便将它们识别为单独的Open Graph对象。