我正在开发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分享按钮时,标题会根据需要更改,但图像不会更改。
如何使其适用于图像值
最佳答案
Since the page loads just once, I can assign the OG:IMAGE URL once... But I really would like to have each picture with its own OG:IMAGE, since this is a photo album.
在客户端更改 OG 元标记没有实际用处 - 因为 Facebook 将通过其抓取工具读取这些标记,这意味着他们将对您的 URL 执行 HTTP 请求并查看 HTML 代码中的内容;并且抓取工具不执行任何 JavaScript。
解决方案:为每张照片提供一个单独的 URL,并包含其自己的元信息 - 并让您的“赞”按钮/分享功能/任何 FB 功能指向每张照片的该 URL。
(客户端如何处理事情并不重要 - 您仍然可以在一页中显示所有照片,通过 AJAX 加载新内容,无论您喜欢什么 - 但您都会 您的照片需要单独的 URL,以便将它们识别为单独的开放图谱对象。)
关于jquery - Facebook 分享按钮 og :image,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42132171/