SEO中正确使用AJAX技术提高网站排名的注意事项

王 光卫
王 光卫
王 光卫
324
文章
40
评论
2020年4月11日00:16:17 9 2,402 1388字阅读4分37秒

许多网站站长发现了利用AJAX改善其网站的用户体验的优势,它可以创建动态网页作为强大的网络应用。但是就像Flash一样,如果没有正确使用该技术,AJAX会使搜索引擎难以将网站编入索引库,让搜索用户找到。

SEO中正确使用AJAX技术提高网站排名的注意事项

什么是Ajax

Ajax(Asynchronous JavaScript and XML的缩写)是一种异步请求数据的web开发技术,对于改善用户的体验和页面性能很有帮助。简单地说,在不需要重新刷新页面的情况下,Ajax通过异步请求加载后台数据,并在网页上呈现出来。常见运用场景有表单验证是否登入成功、百度搜索下拉框提示和快递单号查询等等。

Ajax目的:提高用户体验,较少网络数据的传输量

SEO中正确使用AJAX技术提高网站排名的注意事项

Ajax原理是什么

在解释Ajax原理之前,我们不妨先举个“领导想找小张汇报一下工作”例子,领导想找小张问点事,就委托秘书去叫小张,自己就接着做其他事情,直到秘书告诉他小张已经到了,最后小张跟领导汇报工作。Ajax请求数据流程与“领导想找小张汇报一下工作”类似。其中最核心的依赖是浏览器提供的XMLHttpRequest对象,它扮演的角色相当于秘书,使得浏览器可以发出HTTP请求与接收HTTP响应。浏览器接着做其他事情,等收到XHR返回来的数据再渲染页面。

尽管搜索引擎bot能理解HTML链接的结构,但是它在使用JavaScript进行导航的网站中还是会遇到寻找路径方面的问题,所以最好还是提供指向内容的HTML链接。

SEO中正确使用AJAX技术提高网站排名的注意事项

以用户为向导的设计

搜索引擎鼓励网站站长针对用户(而不仅仅针对搜索引擎)创建网页。我们在设计AJAX网站时要考虑用户的需求,包括那些使用不支持JavaScript功能的浏览器的用户(例如使用屏幕阅读器或移动设备的用户)。测试网站可访问性的其中一种最简单的方法是:在停用JavaScript后通过浏览器预览网站,或在纯文本浏览器(例如Lynx)中查看网站。以纯文本形式查看网站还可帮助你找出搜索引擎bot难以看到的其他内容,例如图片或Flash中嵌入的文字。

SEO中正确使用AJAX技术提高网站排名的注意事项

避免使用iframe或分别指向其内容的链接

其实这个框架方法我们已经很少使用了,通过iframe显示的内容可能不会被编入索引,也不会在搜索引擎的搜索结果中显示。如果你的网站中使用了iframe,请务必额外提供基于文本的链接以指向iframe所显示的内容,以便搜索引擎bot能够抓取这些内容并将其编入索引。

SEO中正确使用AJAX技术提高网站排名的注意事项

以渐进增强的方式进行开发

如果是从头开始,那么仅使用HTML构建网站结构和导航是一个不错的方法。然后,在网站的网页、链接和内容就绪后,使用AJAX对外观和界面进行修饰。搜索引擎bot可以很轻松地查看HTML,而使用新式浏览器的用户也可以享受AJAX的优势。

创建一定格式的链接,以便它们既能提供静态链接又能调用JavaScript功能。通过这种方法,你的JavaScrip用户可以使用AJAX功能,而你的非JavaScrip用户可以忽略此脚本并点击此链接。

SEO中正确使用AJAX技术提高网站排名的注意事项

遵从搜索引擎优化指南

其实,除了上面提到的技巧之外,我建议开发者查看搜索引擎官方提供的网站站长指南,以详细了解如何使网站便于搜索引擎和用户访问。要遵从的通用原则是:尽管可以根据用户的能力为用户提供不同体验,但是内容应该相同。

最后,较好的实施方法是:无论是否启用JavaScript,都应该显示相同的文字内容;最佳方案是:为非JavaScript用户提供HTML版本。

  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 我的微信公众号
  • 我的微信公众号扫一扫
  • weinxin
王 光卫
SEO资深运营都在用的3大类免费工具 营销工具

SEO资深运营都在用的3大类免费工具

我从事SEO工作的这些年一直使用第三方平台提供的各种工具,包括关键词挖掘、网站排名、网站统计等,正所谓"工欲善其事,必先利其器"。如果我们想做好seo优化工作,那么下面几个工具我们务必要很好的掌握。这...
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

评论:9   其中:访客  8   博主  1
    • wys wys 3

      Ajax还没了解过,上学时接触过html,后来自学asp没毅力,掌握一门语言不容易——估计兴趣不够。

      • wordpress建站吧 wordpress建站吧 2

        阿贾克斯还能帮助seo?

        • 阿南 阿南 0

          这个解释很接地气

          • 霭客溪主 霭客溪主 1

            技术型文章,只是能拜读了。

            • Echer Echer 1

              百度搜索就是Ajax请求吧好像

              • 吹梦到西洲 吹梦到西洲 1

                少年我来了

                • 小陆花 小陆花 1

                  一个多月没更新了~我以为我的rss站点坏掉了。博主应该是开工了吧。没时间更新。

                  • 牧羊人 牧羊人 2

                    留言支持一下~~现在已经没搞这些了