Angular 2 SEO 与 Pre-Render.io
Angular 2 SEO with Pre-Render.io
基本上我想为我的 Angular 2 应用程序使用 Pre-Render.io 并且我是新手,我已经完成了 Pre-[=15= 的 Doc ] 但我只能让这个 Pre-Render.io 与 Angular 一起工作 1,我无法让它与 Angular 一起工作 2,我也没有收到任何错误消息。如果我得到关于如何使用 Pre-Render.io 和 Angular 2.
的任何其他文档或视频教程或示例,这将非常有帮助
这并不是一个真正的 angular 问题,因为您无需对 angular 应用程序进行任何操作即可使其正常工作。只需要将一个简单的元标记添加到索引文件中。
按照以下步骤操作:
- 第 1 步
将此添加到您的 angular 应用:
<meta name="fragment" content="!">
- 第 2 步
运行 npm install prerender-node --save
在您的节点项目中(或您正在使用的任何项目)
- 步骤 3
将此添加到您的服务器(如果您不使用节点,则添加等效内容):
app.use(require('prerender-node'));
- 第 4 步
配置 nginx 或任何您用来将爬虫重定向到您分散的站点的工具。但是,这超出了我的知识库范围,因此如果您不确定如何操作,有关此的任何问题都应作为一个新问题提出。
基本上我想为我的 Angular 2 应用程序使用 Pre-Render.io 并且我是新手,我已经完成了 Pre-[=15= 的 Doc ] 但我只能让这个 Pre-Render.io 与 Angular 一起工作 1,我无法让它与 Angular 一起工作 2,我也没有收到任何错误消息。如果我得到关于如何使用 Pre-Render.io 和 Angular 2.
的任何其他文档或视频教程或示例,这将非常有帮助这并不是一个真正的 angular 问题,因为您无需对 angular 应用程序进行任何操作即可使其正常工作。只需要将一个简单的元标记添加到索引文件中。
按照以下步骤操作:
- 第 1 步
将此添加到您的 angular 应用:
<meta name="fragment" content="!">
- 第 2 步
运行 npm install prerender-node --save
在您的节点项目中(或您正在使用的任何项目)
- 步骤 3
将此添加到您的服务器(如果您不使用节点,则添加等效内容):
app.use(require('prerender-node'));
- 第 4 步
配置 nginx 或任何您用来将爬虫重定向到您分散的站点的工具。但是,这超出了我的知识库范围,因此如果您不确定如何操作,有关此的任何问题都应作为一个新问题提出。