我经常被web发布者和内容管理系统(CMS)公司要求为他们的网站提供编码最佳实践。今天，我很高兴地与我们分享了与AJAX有关的前一种编码最佳实践的基本改进。
AJAX的url
在过去的几年中，AJAX(异步JavaScript和XML的简写)已经变得非常流行，web开发人员希望通过与web服务器交换少量数据来创建更动态和响应性的体验。经常使用AJAX创建交互式web应用程序的技术,但比以往更多的人在使用AJAX香料他们所有的网站:曾经仅限于一些地区只有少数网站已经成为许多网站和内容管理系统的标准。
异步交换数据需要在特定页面事件发生时执行脚本。在解释或执行此类代码时，搜索引擎面临着挑战。因此，在启用了ajax的页面或控件中包含的内容通常是不可访问的，也不是索引的，除非您在跟踪搜索引擎优化的最佳实践，这是一种过于复杂的技术或协议。
对于AJAX url的新建议的SEO最佳实践
包括Internet Explorer 10在内的现代浏览器支持一个名为“pushState”的HTML 5 JavaScript函数。这个pushState函数允许web开发人员更改整个显示URL——除了域、端口和scheme(http://)部分——使用JavaScript。它还允许web开发人员修改页面标题和会话历史信息。这种能力是AJAX SEO的游戏规则改变者。
互联网的一些伟大的例子网页展示pushState的使用,如https://www.nb-seo.cn/****/****.html和https://www.nb-seo.cn/*/*/*/*/*/*/*.aspx是一个很好的编码最佳实践包括跨浏览器的问题。
在现代浏览器支持这个pushState函数之前，JavaScript只允许更改URL片段，即“#”符号后面的任何内容。AJAX应用程序使用这个片段来保存和恢复其应用程序的状态。由于#从未被浏览器发送到服务器的URL信息，开发人员不得不依赖于过于复杂的协议，比如“爬行AJAX”，它使用# !(“散列爆炸”)签名。这本来是为了让AJAX开发更容易，但实际上它对搜索引擎和网站管理员来说都很复杂，他们试图实现、维护和调试AJAX驱动的web页面和应用程序。
使用pushShate，我们可以完全忽略“漂亮”AJAX url和“丑陋”静态url之间转换的复杂性。搜索引擎将抓取并索引您的客户使用的相同URL。我们又回到了像往常一样的搜索引擎优化，包括漂亮的SEO理解的url模式https://www.nb-seo.cn/*/file? name=value_parameters。这可以帮助您专注于通常的SEO活动(链接、页面内容等)，而不必担心复杂的页面转换。
使用pushState链接策略
使用pushState，您可以在浏览器的地址栏中生成您想要的任何URL。然而，拥有如此强大的力量，随之而来的是巨大的责任。当你行使这一权力时，以下是一些需要记住的事情:
避免坏链接
pushState一个常见的错误是,你可以创建一个链接在地址栏,请记住,人会书签,分享链接链接也由pushState任何URL由pushState应该直接工作,也刷新整个浏览器的URL由pushState验证是否存在该URL。一个编码最佳实践，以避免创建带有pushState的url的链接，这是为了限制对url查询参数值的更改。
搜索引擎发现这个链接应该能够看到同样的内容。
避免重复内容
使用pushState，很容易创建新的url。事实上，很简单，一个受推的web站点可能会开始生成太多的url。记住，越少对站点越好，url越少越好。另一个建议是使用pushState将所有有用的、重要的参数放在问号前面，至少从搜索引擎的角度来看——在URL的片段部分之后(即在#之后)，“无用”的参数。
例如,如果你有一个音乐播放器的web应用程序,并提供能够暂停歌曲和书签,它是高度比链接到一个URL,如https://www.nb-seo.cn/*.aspx?歌= TheCanadaSong # pausedAt = 42代替https://www.nb-seo.cn/*.aspx?song=TheCanadaSong&pausedAt=42。后一种方法可能导致许多重复的内容url。网站管理员工具中的忽略URL参数工具可以帮助减轻，但是预防更好。
不支持pushState的浏览器或爬行器呢?
因为不是所有的浏览器或者爬虫都支持pushState，所以你应该确保两者都有良好的体验:
•对于不支持pushState的浏览器和爬行器，您应该继续提供链接，允许直接导航到给定页面状态的URL。
•对于支持pushState的现代浏览器的客户，您可以刷新web页面的部分内容并更新URL。
结论
正如我们的博客文章所涉及的，为所有平台优化的网站建设，我们的目标是我们的搜索引擎优化指南易于采用和在未来几年保持有效。我们认为您不需要成为一个专家来创建web页面，这些网页是搜索引擎友好的，并且希望避免技术上过于复杂的解决方案。AJAX和pushState的结合使这成为可能。