Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了angularjs – 最新的2015方法,使您的Angular项目SEO友好大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我建立了一个大型的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/

大佬总结

以上是大佬教程为你收集整理的angularjs – 最新的2015方法,使您的Angular项目SEO友好全部内容,希望文章能够帮你解决angularjs – 最新的2015方法,使您的Angular项目SEO友好所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。