【问题标题】：What is a good example of a strategy for achieving SEO-friendliness in a javascript-heavy application?在 javascript-heavy 应用程序中实现 SEO 友好性的策略的一个很好的例子是什么？
【发布时间】：2012-02-02 18:12:04
【问题描述】：

简介

我知道以前有人问过这个问题，但我发现的问题要么是具体的，要么是笼统的，以激发我正在寻找的那种答案。我能想象的最佳答案是使用骨干网和尽可能少的服务器端逻辑的示例（那里没有首选语言/框架）。

问题

我正在计划一个实现多面搜索的 javascript/ajax-heavy（主干 + 主要是 json 后端）应用程序。以一个简单的鞋店应用程序的分面搜索为例，该应用程序可让您过滤鞋子的颜色、品牌和类型，并按价格和尺寸或其他任何内容进行排序。

假设我在客户端使用主干或类似框架，并使用 json 服务作为后端。

什么是好的（努力和结果之间的权衡）策略来实现 seo 友好性和简洁的界面？

资源

引起我注意的一个解决方案是通过在服务器端重用客户端模板的 Hijax，如下所述：http://duganchen.ca/single-page-web-app-architecture-done-right

我在没有最终结论的情况下消化的资源

【问题讨论】：

我建议使用您发布的“单页 Web 应用程序架构完成”链接中讨论的设计：首先让您的 Web 应用程序对 Javascript 不友好，然后您就不会遇到这个问题.

标签： javascript ajax seo backbone.js

【解决方案1】：

SEO 友好性的一般要点：它应该可以在没有 JavaScript 的情况下工作。

它对可访问性也有好处，所以你应该这样做，如果用户没有启用 JavaScript（就像搜索引擎那样），它会起作用。

如果他启用了 JavaScript（就像任何理智的人一样），它将与您添加的所有漂亮的 JavaScript 功能一起使用。

作为一个通用的可用性经验法则：如果它可以工作，那么它应该也可以在没有 JavaScript 的情况下工作！

【讨论】：

【解决方案2】：

您的第一个链接的解决方案听起来不错。单页应用程序的主要问题是您必须在后端和前端的两端渲染模板。使用 Mustache 或 google 闭包模板将是很好的解决方案。

与 google+ 使用的解决方案相同，最初将在服务器上呈现端并加载静态 html 页面，之后页面将在客户端呈现但使用与服务器上相同的模板.

【讨论】：

【解决方案3】：

还请记住，搜索引擎关注链接的频率远高于它们（曾经？）完成表单的频率。

这个让爬虫看到你的数据库内容的问题被称为“暗网”、“隐形网”、“深网”或“隐藏网”。 Blog post

所以你的问题陈述：

一个简单的鞋店应用程序的多面搜索，可让您过滤鞋子的颜色、品牌和类型，并按价格和尺寸或其他任何内容进行排序。

我建议您除了通过带有选择字段的表单进行搜索之外，还包括通过链接层次结构进行的搜索。

例如，在二级菜单上将所有不同的品牌作为单独的链接包含在内。然后每个链接都应该指向该品牌销售的产品列表。诀窍是安排事情，以便指向单个鞋子的链接将带您回到第一页（丰富的单页应用程序），但显示特定的鞋子。 -- 并且该页面应该实现您在 OP 中引用的 Google Ajax 抓取建议。

【讨论】：