ExtJs和Sencha Touch搜索引擎优化

Question

我已经开始学习 ExtJS 4 和 Sencha Touch 2，非常喜欢它们。

Sencha 产品和 jQuery(& others) 的主要区别在于，Sencha 不是增强现有的 HTML，而是基于 JavaScript 创建的对象生成自己的 DOM。

像这样开发的应用程序对于内部网络应用程序非常有用，但你能使用 Sencha 创建面向消费者的网站吗？（例如在线商店）

我看到在 ExtJS 或 Sencha Touch 中不写任何 HTML 代码，所以我想知道如何使完全生成的 Javascript 页面被 Google 等搜索引擎索引。据我所知，Google Bot 只能看到纯 HTML 代码。

是否有办法为 Sencha WebApp 进行 SEO？

祝好，

Dan Cearnau

- Dan Cearnau

Answer 1

什么都不是不可能的。你只需要做一些工作。 1. 使用PHP或其他方式生成标准静态页面。页面应该看起来像你的ExtJS应用程序的页面。但所有链接必须在URL中具有GET参数。此外，PHP应该聚合输入的GET参数。 2. 将你的ExtJS应用程序添加到页面中。在应用程序中，你必须考虑GET参数并进行适当的请求。 2a. 如果真正的用户打开你的页面：PHP生成输出，然后ExtJS应用程序启动并隐藏静态页面并生成动态输出。 2b. 如果爬虫打开你的页面，因此JS被禁用，PHP根据GET参数聚合请求并生成输出。

你可以在点击链接时在URL中添加参数，如#param1＆param2＆param3，这样真正的用户将能够分享他们的链接。只需学习PHP端的路由器以理解这样的URL。

使用JavaScript无法制作SEO友好的页面。

- 4orever

---

这篇文章已经有10年了。我在想自那时以来是否有任何变化。 - Sap1234

Answer 2

由于Sencha应用程序是动态构建的，因此无法从中获得任何类型的SEO。即使您在Sencha Touch中使用历史记录支持，也是动态完成的，对SEO没有影响。

对于面向消费者的网站，Sencha不是答案。但对于后端（例如管理购物车），情况就不同了。

- andyjv

Answer 3

使用完整的应用程序进行SEO几乎是不可能的。它们太过动态了。搜索引擎通过索引页面来工作。他们可以通过支持带有#的页面来处理一些Ajax内容，但想象一下一个完全功能的应用程序将会有多少个页面。每个视图都有数百个选项，这些选项构成了一个新页面，该页面也有数百个选项。所有这些虚拟页面很可能只是与其他页面略有不同的轻微变化。不同的排序方式、不同的过滤器、移动面板、搜索选项。

如果您使用ExtJs来增强网站，就像经常使用jQuery一样，那么情况就不同了。您将拥有供蜘蛛阅读的HTML，然后通过JavaScript增强内容的工作方式（请参见渐进式增强）。

- Tony McCreath

Answer 4

实际上，在Touch 2中，您可以定义路径并使用历史记录支持。这将把您的应用程序部分视为浏览器中的实际页面，具有标准功能，例如在浏览器中返回等等... 当处理移动SEO时，这将是您最好的选择。

- Jeff Wooden

---

Sencha Touch的历史没有JavaScript，那行得通吗？ - Gabriel Hautclocq