动态提供社交预览卡的元数据

如何解决动态提供社交预览卡的元数据

我目前正在开发自定义 URL 缩短器，并试图弄清楚如何为每个页面动态“注入”我自己的社交预览元数据。 （例如，对于 Twitter Cards）我最初计划以与实际重定向大致相同的方式执行此操作，使用 JavaScript fetch API 获取数据。阅读更多内容后，虽然这种方法似乎行不通since it doesn't look like the twitter (and other social media web crawlers) run JS when looking for the metadata.

这是正确的吗？

如果是这样，有没有一种方法可以从动态源加载元数据，而不必为每次重定向都创建一个新的 html 文件？

看起来我可能可以做些什么，至少对于基于 this link 测试（使用 https://source.unsplash.com/random 作为图像）到 the twitter card validator 的图像。但是，做类似事情的最佳方法是什么？我能想到的一切都会使用 JS。

解决方法

我在生产中有类似的页面。

您需要使用服务器端语言（如 PHP 或 node.js）为您的推特卡片设置元标记，并使用 javascript 重定向页面。