如何在Angular 2中实现SEO(元标记)(在服务器端使用Angular通用进行渲染)？

Question

我正在寻找一个关于SEO或Metatags与Angular 2的完整工作示例,使用Angular universal在服务器端渲染(由facebook,twiter和其他元标记识别)但我没有成功..

我发现了多篇文章,但有不完整的(没有所有源代码可用)或最旧的(不能使用最新版本编译):

a)blog.devcross.net/2016/04/17/angular--universal-seo-friendly-website/注意:包含源代码的优秀帖子,但它不起作用.

b)builtvisible.com/universal-angular-2-server-side-rendering-seo-crawl-friendliness/注意:非常有用但没有源代码完整源代码..

注意:不完整的工作示例.可能是最好的方法..

d)https://github.com/angular/universal/issues/454 注意:它是c选项的变体,有一些修复......

你有完整的工作实例吗？

提前致谢

Answer 1

看看这个通用启动器存储库。在其他一些很棒的东西中，您可以找到angular-meta.ts服务，它可以处理服务器端的所有元标记。您需要按照本期所述进行一些细微的更改才能使其正常工作。我认为这个解决方案仍然需要一些改进（例如，它在尝试更新时添加了另一个重复标签，但我相信可以修复）

类似的服务可以在这里找到，还没有尝试过，但看起来与之前的概念相同，并且还利用了 Angular 的TitleService 来设置页面标题。

更新

另请检查Angular2-meta 服务的此修复。