5

我建立了一个大型 angularJS 网站,并通过部分加载 json 文件使其成为多语言。我的网站充满了这些字符串:

{{ 'TITLE' | translate }}

我不确定如何让他们对 SEO 友好。我在互联网上找到了很多解决方案,但也有很多人表示不再需要它,因为 Google 和 Bing 可以扫描 Angular 项目。

所以我将我的项目设置为 html5 = true,但它创建了一个<base>丢失的错误。所以我实现了一个<base href="/">,但我的项目后来被部署到一个子文件夹 /staging/ 所以所有链接都被破坏了。(我的开发和生活环境有不同的基础)

我不喜欢依赖像 prerender.io 这样的第三方

让您的 Angular 项目 SEO 友好的最新方法是什么。还有一个本地主机解决方案吗?Grunt 是否可以预渲染我的所有页面,以便我可以在构建脚本中实现它?

4

1 回答 1

4

您实际上可以创建自己的服务,类似于 Prerender.io。它依赖于使用 PhantomJs 来呈现页面。

首先,将以下元标记添加到站点的头部:

<meta name="fragment" content="!" />

Jesse Lawson 创建了一个您添加到站点的 SEO 模块,然后您只需要在您的网络服务器上设置 PhantomJs。

以下是完整的详细信息:

http://lawsonry.com/2014/05/diy-angularjs-seo-with-phantomjs-the-easy-way/

于 2015-02-03T19:40:31.873 回答