如何在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-元的服務。