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

前端之家收集整理的这篇文章主要介绍了如何在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服务.

原文链接:https://www.f2er.com/angularjs/141167.html

猜你在找的Angularjs相关文章