用AngularJS渲染静态可索引页面，用于搜索引擎优化

Render static indexable pages with AngularJS for SEO purposes?

本文关键字：用于 搜索引擎 优化 索引 AngularJS 静态      更新时间：2023-09-26

我目前正在使用Angular开发一个社交应用。我希望有一个公共的，搜索引擎可索引的页面来陪伴应用程序，比如一个可索引的主页，关于页面和联系页面。

做这件事最好的方法是什么?我不确定我的后端基础设施将是什么，但它将是以下之一:

  1. nginx/apache服务器通过外部pub/sub服务实时提供所有内容。
  2. 独立的服务为前端和后端- nginx服务器售卖前端内容。独立的节点服务器用于后端套接字。

如果有什么建议就太好了。我很想知道angular是否处理所有的路由，或者我是否单独处理静态路由。这是我第一次使用Angular。

欢呼。

我可能错了，但我认为你的问题不是AngularJS的问题，它比这更基本。

你的问题是一个你正在通过AJAX加载HTML内容。谷歌等如何抓取AJAX加载的内容，如果它不能执行JavaScript?

这可能会有帮助:https://developers.google.com/webmasters/ajax-crawling/

这可能也有帮助，但它是面向。net的:http://gregorypratt.github.com/Ajax-Crawling/

如果你提供了一个解决方案，让AngularJS做路由，但当URL中存在?_escaped_fragment_=时，你仍然能够从服务器提供静态内容，那么你就可以了。你可以获得单页应用程序的好处，同时仍然是可抓取的。

下面是一个示例站点使用AngularJS路由和静态内容为Google等提供服务。

http://artelier.co.uk/!/关于

http://artelier.co.uk/?_escaped_fragment_=/about (关闭JS查看效果)

相关文章：