angularjs - 使用 Grunt 为 AngularJS 生成 HTML 文件

标签 angularjs seo gruntjs

我们正在使用 AngularJS 开发一个网站,并希望为搜索引擎的每个 AngularJS 页面提供静态 HTML 文件。

该网站很小,而且是静态的,大约有 10-20 个页面。

grunt中有没有可以基于Angular app生成HTML文件的task?例如。它为 Angular 应用程序的/#about 页面生成/static/about.html。

我看到了像 PhantomJS 这样的服务和脚本,但对于我们的案例来说它们看起来太复杂了。由于网站是静态的,我们可以在每次要发布任何更改时运行该任务。

最佳答案

PhantomJS 确实是要走的路。但是,现有工具基本上可以满足您的需求。

这是一个很好的例子:

https://github.com/cburgdorf/grunt-html-snapshot

这将通过您网站的页面运行 PhantomJS 并生成它的 HTML 版本。它可以通过 Grunt 实现自动化。

唯一需要注意的是,您必须在配置中手动输入需要索引的所有页面。

是否满足您的需求?

编辑:这也是一篇关于 SEO 友好的 Angular 应用程序的非常有趣且完整的文章:http://www.ng-newsletter.com/posts/serious-angular-seo.html

他们根据您的需要提供了一些替代方案

关于angularjs - 使用 Grunt 为 AngularJS 生成 HTML 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21579723/

相关文章:

javascript - 如何在同一个大括号 ({{ }}) 内动态渲染 javascript 数据和 html?

javascript - angularjs 未捕获错误 : Unknown provider:

angularjs - 使用 Angular-cli 创建新项目时出错

search - Google 如何确定将页面编入索引作为讨论页面?

node.js - Grunt + Compass 不创建 CSS 文件

node.js - 如何解决 npm install 中的 peerinvalid 错误?

javascript - Angularjs 项目中注入(inject)未知提供者

seo - 从 Joomla URL 中删除日期

indexing - 多商店的 SEO 优化

node.js - MoSTLy 静态 Express 应用程序,具有一个服务器端路由