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

发布时间：2020-12-17 07:17:09 所属栏目：安全来源：网络整理

导读：我建立了一个大型的angularJS网站,并通过部分加载json文件使其成为多语言. 我的网站上满是这些字符串： {{ 'TITLE' | translate }} 我不知道如何让他们对SEO友好. 我在互联网上找到了很多解决方案,但也有很多人表示不再需要它,因为Google和Bing可以扫描角度

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

{{ 'TITLE' | translate }}

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

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

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

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

解决方法

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

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

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

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

以下是完整的详细信息：

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!