如何在Angular 2中实现SEO (meta标签)(在服务器端使用Angular通用渲染)



我正在寻找一个关于SEO或Metatags的完整工作示例,使用Angular通用在服务器端渲染(以被facebook, twitter和其他元标签识别),但我没有成功…

我找到了多篇文章,但有不完整的(没有所有的源代码可用)或最旧的(不与最新版本编译):

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选项的一个变体,有一些修复…

你有任何完整的工作例子吗??

Thanks in advance

看一下这个通用入门版本。在其他一些很棒的东西中,你可以找到angular-meta。在服务器端处理所有元标记的服务。为了使其工作,您需要遵循本文中描述的一些小更改。我认为这个解决方案仍然需要一些改进(例如,它在尝试更新时添加了另一个重复的标签,但我相信这是可修复的)

可以在这里找到类似的服务,还没有尝试过,但看起来它和之前的概念是一样的,而且还利用了angular的Title服务来设置页面标题。

也检查这个修复angular2-meta服务。

我也遇到了同样的问题,我按照这些文章来让它工作。

首先,在angular中使用文档。io: https://angular.io/guide/universal

- ng add @nguniversal/express-engine
- npm run dev:ssr (and inspect page to view the result)
第二,使用本教程来更好地理解:

https://www.youtube.com/watch?v=In59ucLNr0s& t = 1097年代

最后,应用这个服务方法来保持它的结构化:

https://ultimatecourses.com/blog/dynamic-page-titles-angular-2-router-events

相关内容

  • 没有找到相关文章

最新更新