如何在Angular 2中实现SEO（Metatags）（在服务器端渲染时使用Angular Universal）？

Question

我在寻找关于使用角万能呈现在服务器端的搜索引擎优化或元标记与角2完全工作示例（将被Facebook，twiter，和其他元标签识别），但我没有成功..

我发现多篇文章，但有不完整的（没有所有的源代码可用）或最旧的（不用最新版本编译）：

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

B）builtvisible.com/universal-angular-2-server-side-rendering-seo-crawl-friendliness/ 注：非常有用，但没有源完整的源代码..

C）https://gist.github.com/kaaboeld/851bc3190eec67f6723c6054751ee2dc

注意：没有完整的工作示例。可能是最好的办法..

d）https://github.com/angular/universal/issues/454 注：这是c选项的变体，具有一定的修复...

有没有遇到什么全工作示例？

在此先感谢

Answer 1

看看这个Universal-starter回购。在其他一些优秀的东西中，您可以找到angular-meta.ts服务来处理服务器端的所有元标记。您需要按照this issue中的描述进行一些小的更改才能完成工作。我认为这个解决方案仍然需要一些改进（例如它在尝试更新时增加了另一个重复标签，但我相信可以修复）

类似的服务可以找到here，还没有尝试过，但看起来像它的与之前相同的概念，并利用角度的Title服务来设置页面标题。

更新

同时检查This修复的angular2-元的服务。