Google 索引我的 AngularJS 应用程序

Google indexing of my AngularJS application

google 有一篇博客 post,他们正在为 javascript 个应用程序编制索引。但是,我的 AngularJS 应用程序 www.fore-cite.com 似乎根本没有被索引。为了启用索引并使内容可搜索,我必须做些什么特别的事情吗?

Google 爬网程序确实在其爬网的页面上执行 javascript。使用 AngularJS,您必须采取几个步骤来确保您的应用程序被正确抓取和索引。

HTML5模式

You must use html5 mode.

网络服务器设置

为了 html5 模式正常工作,您必须配置您的网络服务器,以便对不存在的目录的请求被重写为 index.html。

站点地图

Google 尚未正确跟踪 angularjs 应用程序中的链接,因此您必须为所有路线创建站点地图。这听起来很痛苦,但是,通过适当的构建过程,这可以是一个非常自动化的过程。 (gulp、咕噜声等)

缺点

这当然只适用于google爬虫。 Bing 等其他搜索爬虫可能还不支持 javascript 应用程序,但如果这种情况在未来一两年内发生变化(如果还没有的话)我也不会感到惊讶。)

其他注意事项

索引 angular 应用程序时经常遗漏的一个问题是分页和单击按钮后显示的内容。如果这些操作不更改 url,google 将不会抓取它。例如,假设您有一个页面 table 使用分页并且它有 3 页。 Google 只会抓取第一页,除非每个页面都有不同的 url 路由,例如 /table/page/1 /table/page/2 /table/page/3

如今,AngularJS 无法获得良好的 SEO。

首先要抓取您的网页。请参阅 this 简单的 JS 索引实验。

要诊断您的网站,您可以使用 Chrome Googlebot 使用的 41 索引 JS 页面。参见 this

您可能想使用 Angular 通用。它失去了在客户端呈现 angular 应用程序的好处,但是它将允许正确的搜索引擎索引(不仅是 google)。

您必须决定权衡取舍是否符合您的要求

Angular Universal Official Website