最新的2015方法,使您的Angular项目SEO友好

moa*_*ing 5 seo prerender angularjs

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

{{ 'TITLE' | translate }}
Run Code Online (Sandbox Code Playgroud)

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

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

我很高兴依赖像prerender.io这样的第三方

什么是让你的Angular项目SEO友好的最新方法.还有localhost解决方案吗?Grunt可以预渲染我的所有页面,以便我可以在构建脚本中实现它吗?

Sli*_*k86 4

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

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

<meta name="fragment" content="!" />
Run Code Online (Sandbox Code Playgroud)

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

以下是完整的详细信息:

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