我正在搜索一个关于 Angular 2 的 SEO 或元标签的完整工作示例,使用 Angular 通用在服务器端渲染(被 facebook、twiter 和其他元标签识别),但我没有成功。
我找到了多篇文章,但有不完整的(没有所有源代码可用)或最旧的(未使用最新版本编译):
a)blog.devcross.net/2016/04/17/angular-2-universal-seo-friend-website/
注意:带有源代码的优秀帖子,但它不起作用。
b)builtvisible.com/universal-angular-2-server-side-rendering-seo-crawl-friendiness/
注意:非常有用,但没有完整的源代码。
c) https://gist.github.com/kaaboeld/851bc3190eec67f6723c6054751ee2dc https://gist.github.com/kaaboeld/851bc3190eec67f6723c6054751ee2dc
注意:不完全有效的示例。可能是最好的方法..
d) https://github.com/angular/universal/issues/454 https://github.com/angular/universal/issues/454注意:它是 c 选项的变体,有一些修复...
你有完整的工作示例吗?
提前致谢
看看这个通用启动器 https://github.com/angular/universal-starter回购。在其他一些很棒的东西中,您可以找到角度元.ts https://github.com/angular/universal-starter/blob/master/src/angular2-meta.ts处理服务器端所有元标记的服务。您将需要按照中所述进行一些细微的更改这个问题 https://github.com/angular/universal-starter/issues/287为了让 t 工作。我认为这个解决方案仍然需要一些改进(例如,它在尝试更新时添加了另一个重复标签,但我相信可以修复)
可以找到类似的服务here http://blog.devcross.net/2016/03/20/angular-2-seo/,还没有尝试过,但看起来它与之前的概念相同,并且还利用了 Angular 的Title
还可以设置页面标题的服务。
Update
另请检查This https://github.com/matiishyn/vs-seo/blob/master/src/angular2-meta.ts#L68修复 angular2-meta 服务。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)