ExtJs 和 Sencha Touch 搜索引擎优化答案

【问题标题】：ExtJs and Sencha Touch Search Engine OptimizationExtJs 和 Sencha Touch 搜索引擎优化
【发布时间】：2012-02-01 18:02:20
【问题描述】：

我已经开始学习 ExtJS 4 和 Sencha Touch 2，我真的很喜欢。

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

像这样开发的应用程序作为内网应用程序非常棒，但是您可以使用 Sencha 创建一个面向消费者的网站吗？（如在线商店）

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

是否有SEO Sencha WebApp？

亲切的问候，

丹·塞尔瑙

【问题讨论】：

标签： html extjs seo sencha-touch-2

【解决方案1】：

没有什么是不可能的。您只需要做一些工作。

1. 使用 PHP 或其他方法生成标准静态页面。该页面应该看起来像您的 ExtJS 应用程序的页面。但所有链接都必须在 URL 中有 GET 参数。 PHP 还应聚合输入 GET 参数。

2. 将您的 ExtJS 应用程序添加到页面。在应用程序中，您必须考虑 GET 参数并发出正确的请求。

2a. 如果真实用户打开您的页面：PHP 会生成输出，然后 ExtJS 应用启动并隐藏静态页面并生成动态输出。

2b. 如果爬虫打开您的页面，因此 JS 被禁用， PHP 根据 GET 参数聚合请求并生成输出。

点击链接时，您可以在 ExtJS 中将参数添加到 URL 中，例如 #param1&param2&param3，以便真实用户能够共享他们的链接。只需学习 PHP 端的路由器即可理解这样的 URL。

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

【讨论】：

这篇文章已有 10 年历史了。我想知道从那以后是否有任何变化。

【解决方案2】：

使用成熟的应用程序几乎不可能进行 SEO。他们太有活力了。搜索引擎索引页面的工作。他们可以通过支持带有#s 的页面来处理一些Ajax 的东西，但是想象一下一个功能齐全的应用程序会有多少页面。您拥有的每个视图都有 100 个选项，这些选项将构成一个新页面，该页面也有 100 个选项。所有这些虚拟页面很可能只是与其他页面的轻微变化。不同的排序顺序、不同的过滤器、移动的面板、搜索选项。

如果您使用 ExtJs 来增强像 jQuery 这样经常使用的网站，那就另当别论了。您将拥有 html 供蜘蛛阅读，然后通过 javascript 增强内容的工作方式（请参阅渐进增强）。

【讨论】：

【解决方案3】：

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

【讨论】：

Sencha Touch 的历史记录将无法在没有 Javascript 的情况下运行，或者会不会？

【解决方案4】：

从 Sencha 应用程序中获取任何类型的 SEO 是不可能的，因为它可以即时构建所有内容。即使您使用 Sencha Touch 中的历史记录支持，这也是即时完成的，对 SEO 没有影响。

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

【讨论】：