Skip to main content
 Web开发网 » 站长学院 » 浏览器插件

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

2021年11月26日5880百度已收录

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

SEO中正确使用AJAX技术提高网站排名的注意事项  ajax开发技巧 第1张

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

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

Ajax原理是什么?SEO中正确使用AJAX技术提高网站排名的注意事项  ajax开发技巧 第2张

在解释Ajax原理之前,我们不妨先举个“领导想找小张汇报一下工作”例子,领导想找小张问点事,就委托秘书去叫小张,自己就接着做其他事情,直到秘书告诉他小张已经到了,最后小张跟领导汇报工作。Ajax请求数据流程与“领导想找小张汇报一下工作”类似。其中最核心的依赖是浏览器提供的XML返回来的数据再渲染页面。

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

以用户为向导的设计SEO中正确使用AJAX技术提高网站排名的注意事项  ajax开发技巧 第3张

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

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

SEO中正确使用AJAX技术提高网站排名的注意事项  ajax开发技巧 第4张

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

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

SEO中正确使用AJAX技术提高网站排名的注意事项  ajax开发技巧 第5张

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

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

遵从搜索引擎优化指南

SEO中正确使用AJAX技术提高网站排名的注意事项  ajax开发技巧 第6张

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

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

评论列表暂无评论
发表评论
微信