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

我正在寻找一个关于SEOMetatags与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/
注意:非常有用,但没有源完整的源代码..

c)https://gist.github.com/kaaboeld/851bc3190eec67f6723c6054751ee2dc

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

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

你有完整的工作实例吗?

提前致谢

看看这个 Universal-starter回购.在其他一些很棒的东西中,您可以找到处理服务器端所有元标记angular-meta.ts服务.您需要按照 this issue中的描述进行一些小的更改才能生效.我认为这个解决方案仍然需要一些改进(例如,它在尝试更新时添加了另一个重复标记,但我相信可以修复)

类似的服务可以在here找到,尚未尝试过,但看起来与之前的概念相同,并且还利用了角度的标题服务来设置页面标题.

更新

另请检查This修复angular2-Meta服务.

相关文章

ANGULAR.JS:NG-SELECTANDNG-OPTIONSPS:其实看英文文档比看中...
AngularJS中使用Chart.js制折线图与饼图实例  Chart.js 是...
IE浏览器兼容性后续前言 继续尝试解决IE浏览器兼容性问题,...
Angular实现下拉菜单多选写这篇文章时,引用文章地址如下:h...
在AngularJS应用中集成科大讯飞语音输入功能前言 根据项目...
Angular数据更新不及时问题探讨前言 在修复控制角标正确变...