带有主题标签的动态网址的社交分享答案

【问题标题】：Social sharing of dynamic url with hashtags带有主题标签的动态网址的社交分享
【发布时间】：2016-07-13 18:20:21
【问题描述】：

我正在构建一个客户端插件，其功能与 3rd 方应用程序中的图片/文章库非常相似。

当在图库中点击文章/图片时，页面的 url 主题标签会被修改，以便每张图片/文章都有一个绝对 url。

在尝试为每张图片添加 Facebook 分享/点赞按钮时，我遇到了以下问题 - Facebook（或 Twitter）会抓取原始页面并获取父页面元数据，但不会获取实际内容正在分享/点赞的图片/文章。

据我所知，没有动态方式通过 API 告诉 FB 在提要中放置什么内容。但是，对于这个项目来说，Feed 将显示图像以及与该图像/文章相关的一些特定元数据是至关重要的。

我也相信FB不会运行Javascript，所以即使我动态替换主页的元标记，抓取的信息仍然是原始信息。

唯一的解决方案似乎是服务器端，但当然这超出了本项目的范围，我无法确定客户端将使用哪种服务器端语言。

是否有一种仅限客户端的方式来实现这一点？

如果没有 - 有没有办法让登录页面（人们点击 FB 帖子时跳转到的页面）与元标记 url 不同（所以我可以从与客户 url 不同的 url 中删除它)?

【问题讨论】：

【解决方案1】：

当 Facebook 访问该 URL 时，您分享给 Facebook 的 URL 需要将 Open Graph 元标记返回给 Facebook 的爬虫（有关爬虫和最佳实践的更多信息：https://developers.facebook.com/docs/sharing/best-practices）

如果您的 URL 存在客户端逻辑或重定向与爬虫不兼容，理论上这很好，但您需要特殊情况下您的代码在没有重定向的情况下向该 URL 的爬虫返回一致的标记，并提供其他/存在于其他浏览器（但这很容易出错，并且只会为 FB 的爬虫而不是其他服务修复它）

理想情况下，您共享的 URls 应该显示共享的内容（即成为该图像或文章的永久链接），并且您从该页面链接回类别或其他功能，或加载“父”内容（不确定您的确切用例）稍后动态

【讨论】：