角度 6.x 元标记 OG:描述不适用于 FB



我有一个 Angular 6.x 应用程序,我正在使用元服务更改组件中的元标记。我的目标是使每条路线都有不同的图像和描述,以便它们在Facebook中正确呈现预览。我验证了元标记实际上正在更改,但FB看不到它们。我使用 FB https://developers.facebook.com/tools/debug/sharing/来验证我的网站,如果我将元标记放在我的索引.html中,它可以正常工作,但是当我在组件中使用元服务时,它看不到它们。我可以假设这是因为单页应用程序的性质吗?而且FB没有看到元标签的变化,我将不得不以某种方式使用Angular Universal预先渲染它们? 由于服务器不为他们服务?我对 Angular Universal 感到困惑,似乎使用它会破坏客户端渲染页面的观点,我应该在 Angular 旁边使用一些东西。prerender.io 也会为我解决这个问题吗?

我将 @ngx-meta 用于通用和 OG 标签 - 并且一切正常。

FB验证

GitHub 示例

最新更新