我只是用一个 HTML 页面构建了一个图像组合，其中所有图片都是动态加载的。到目前为止，除了 facebook META OG:IMAGE 之外，一切都运行良好。
由于页面仅加载一次，因此我可以分配 OG:IMAGE URL 一次... 但我真的很想让每张照片都有自己的 OG:IMAGE，因为这是一本相册。
通过单击 --li class="open-pic"-- 标签加载图片。 我想每次单击 --li class="open-pic"-- 标记时更改 OG:IMAGE 值。
这可能吗？ 我发现了这样的东西:
$('meta[name=og\\:image]').attr('content', newImageUrl);
但是，我不知道如何将其链接到 li.open-pic onclick 事件。 谢谢!
G.
最佳答案
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 - 更改 OG :IMAGE with jQuery click 的值，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12404868/