Google 索引我的 AngularJS 应用程序
Google indexing of my AngularJS application
google 有一篇博客 post,他们正在为 javascript 个应用程序编制索引。但是,我的 AngularJS 应用程序 www.fore-cite.com 似乎根本没有被索引。为了启用索引并使内容可搜索,我必须做些什么特别的事情吗?
Google 爬网程序确实在其爬网的页面上执行 javascript。使用 AngularJS,您必须采取几个步骤来确保您的应用程序被正确抓取和索引。
HTML5模式
网络服务器设置
为了 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)。
您必须决定权衡取舍是否符合您的要求
google 有一篇博客 post,他们正在为 javascript 个应用程序编制索引。但是,我的 AngularJS 应用程序 www.fore-cite.com 似乎根本没有被索引。为了启用索引并使内容可搜索,我必须做些什么特别的事情吗?
Google 爬网程序确实在其爬网的页面上执行 javascript。使用 AngularJS,您必须采取几个步骤来确保您的应用程序被正确抓取和索引。
HTML5模式
网络服务器设置
为了 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)。
您必须决定权衡取舍是否符合您的要求