Angular 6.x Meta标签OG:说明不适用于FB

时间:2019-01-07 20:31:03

标签: angular facebook angular-universal prerender

我有一个Angular 6.x应用程序,并且正在使用Meta Service更改组件中的Meta标签。我的目标是使每条路线具有不同的图像和描述,以便它们可以正确地在facebook中呈现预览。我验证了meta标签实际上正在更改,但是FB没有看到它们。我使用FB https://developers.facebook.com/tools/debug/sharing/验证了我的网站,如果我将meta标签放在index.html中,它可以正常工作,但是当我在组件中使用Meta服务时,它看不到它们。我可以假设这是因为单页应用程序的性质吗?而且FB没有看到metatag的变化,我将不得不使用Angular Universal预先渲染它们吗?由于服务器不为他们服务?我对Angular Universal感到困惑,似乎使用它已使客户端无法渲染页面,因此我应该在Angular之外使用一些东西。 prerender.io还能为我解决这个问题吗?

1 个答案:

答案 0 :(得分:0)

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

FB verify

github sample