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

发布时间：2020-12-17 08:47:52 所属栏目：安全来源：网络整理

导读：我正在寻找一个关于SEO或Metatags与Angular 2的完整工作示例,使用Angular universal在服务器端渲染(由facebook,twiter和其他元标记识别)但我没有成功.. 我发现了多篇文章,但有不完整的(没有所有源代码可用)或最旧的(不能使用最新版本编译)： a)blog.devcross

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

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服务.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!