欢迎来到上海园丁鸟网络科技有限公司|企业网站建设企业建站企业官网建设企业官网
咨询热线:18017747315当前位置: 首页 > 新闻动态 >
联系我们
企业网站建设 建站咨询
电话咨询:18017747315
E-mail:2355555999@qq.com
QQ:2355555999

AJAX技术对于SEO的影响

作者/整理:http://www.voez.net/ 来源:http://www.voez.net/ 日期:2018-10-18

 在当今电子商务形式下,SEO (搜索引擎优化)为网站之间的竞争提供了可观的前景,而替代传统的Web交 互模式的Ajax技术,以无刷新页面的高效率交互方式同样为网站的营运带来了效益,但是SEO与Ajax技术之间不友好性的 问题也逐渐浮出水面。本文主要从基于Ajax技术的Web站点对SEO可见度的影响这一问题展开探讨,并且提出了解决此问 题的一系列方案。
引言
随着互联网的快速发展,各大网站的迅速崛起,SEO (搜 索引擎优化〉这样一种网络营销方式应运而生。这种方式通 过对网站结构、网页文字语言和站点间的互动外交策略等进 行合理规划部署来发掘网站的最大潜力而使其在搜索引擎中 具有较强的自然排名竞争优势,从而对促进企业在线销軎和 强化网络品牌起到作用。
与此同时,替代传统的Web交互模式的Ajax技术,同 样为网站的营运带来了以无刷新页面的高效率交互方式,但 是SEO与Ajax技术之间不友好性的问题也逐渐浮出水面。 2006年12月4日在芝加哥搜索引擎战略大会上,各路搜索 引擎优化专家针对时下热门的网站Web2.0技术对搜索引擎 可见度的影响发表了自己的看法,提出了 Ajax是“搜索引擎 杀手”这样一种说法。但是,如今随着IT行业的飞速发展, 通过改良Ajax代码、部分嵌入、第三方软件的使用等方法, Ajax与SEO已经逐步能够和睡相处。

2.Ajax技术简介
1)传统的WEB开发模式
传统WEB开发模式采用同步交互过程,用户必须等待 每个请求,当一个请求完成后才能获得结果,在使用完这些 结果后才会发出新的请求。HTTP的设计是传回整个新的画 面,所以在浏览器上必须重载整个页面来显示新的页面。完 全是一种请求一>刷新一>响应的模型,用户只有等请求完成 后才能进行用户操作,操作完成后才能提交下一个请求,考| 试/大用户行为和服务器行为是一种同步的关系。
2)TAX技术及特点
AJAX全称为Asynchronous JavaScript and XML (异步 JavaScript和XML),是一种设计交互式网页应用的网页开发技术[11,它包括:XHTML+CSS (表示信息)、JavaScript (操 作DOM (Document Object Model)进行动态显示及交互)、 XML和XSLT(进行数据交换及相关操作)、XMLHttpRequest对象(与Web服务器进行异步通信),使用JavaScript绑定一 切。
AJAX技术的核心是XMLHt1pRequestp1,通过HTTP在浏览器和Web服务器之间收发XML或其他数据。 XMLHttpRequest最大的好处在于可以动态地更新网页,它无 需重新从服务器读取整个网页,也不需要安装额外的外挂程 序。图1是利用AJAX技术的WEB工作流程图[31。
3.Ajax技术给SEO带来的问题
随着网站的日益增多,SEO (搜索引擎优化)这样一种 互联网技术已经在竞争的大环境愈现优势,作为提升Web站 点知名度的重任,它与Ajax技术应并驾齐驱。但是任何事物 都有其两面性,强强联手难度系数也显而易见。基于Ajax技 术的Web站点,对于SEO的不友好性主要就表现在Ajax对 于SEO可见度的影响。
1)SEO
SEO (搜索引擎优化〉的主要工作是通过了解各类搜索 引擎如何抓取互联网页面、如何进行索引以及如何确定其对 某一特定关键词的搜索结果排名等技术,来对网页内容进行 相关的优化,使其符合用户浏览习惯,在不损害用户体验的 情况下提高搜索引擎排名,从而提高网站访问量,最终提升 网站的销售能力或宣传能力的技术。
2)Ajax技术给SE+带来的问题
通过上面的阐述,我们了解到SEO的主要功能是抓取页 面、关键字以达到网站页面收录的目的,从而提高网站知名 度,同时,搜索弓I擎在抓取页面的时候会屏蔽掉所有javascript 代码,而基于Ajax技术的Web站点其中所用到的很重要的 一项技术就是javascript代码,那么Ajax载入的内容对于搜 索引擎来说也就是是透明的,这样一来,对于百度、google 等收录页面是十分不利的。
4.解决方案
纵使问题再多,困难再大,但人类的潜能永远是无穷的, Ajax与SEO再怎么相处的不融洽,也有使其友好和睦的方法。
1)改良Ajax代码方案
先来看下边的例子:
传统的Ajax方案.htm
<html>
<head>
<script> function orz6()
{
document.getElementById("orz6.com").innerHTML="大家 好,欢迎来到http://www.orz6.net!(假设文章比较长,此处 省略掉2000个字)”;
}
</script>
</head>
<a href="#" _fcksavedurl=""#"" onClickyorzSO'b繁体字,火星 文 </a>
<divid="orz6.com"></div>
</html>
代码分析:从上面的代码中,可以看到href的指向是“矿, 这样在搜索引擎中是无法抓取到文章的具体内容。
兼顾搜索引擎的方案.htm
<html>
<head>
<script> function orz6()
{
do cumentg etE lementBy Id(" orz6 .com" ).imerHTML="大家 好,欢迎来到ht1p://www. socut.com!(假设文章比较长,此处 省略掉2000个字)”;
</scripl>
</head>
<a href= ” http:/ Avww • orz6 • co m/fantizi. aspx"
onClick=" orz6 ()^etum false;" >繁体字,火星文 </ a>
<div id=" orz6.com"></ div>
</html>
代码分析:经过改良后,href直接指向一个存在的页面, 主要来用显示文章的具体内容。当然,这个页面需要专门做 出来,主要是为了方便搜索引擎的收录。细心的话,你就会 发现onClick事件后面,多了一句return false,这样是为了 用户在使用AJAX功能时防止页面转换[4]。
使用第二个方案既能完整的发挥Ajax的魅力,也可以完 全兼顾到搜索引擎的抓取,尽可能避免访客的流失。
2)Hijax 理念
在Bulletpro of Aj ax这本书中,作者提出了 一个叫Hijax
的理念,不是极端的完全采用Ajax数据与表现分离的做 法,而是稍微对传统页面增强一下,javascript仅仅作为局部 刷新的桥梁,所有逻辑仍然放在服务器上,相对于传统做法,Hijax将页面进一步划分为分离的模块,对每个模块用相应 的处理页面表示,总的页面由各个分离的模块页面include所 组成。
3)嵌入AJAX技术的部分内容
在页面代码的设计过程中,可以在HTML网页中嵌入需 要使用AJAX技术的部分内容,不必要刷新的信息采用 HTML静态形式。例如股价查询的页面,只对股价变化部分 采用AJAX更新,股价本身不被搜索引擎索引,但页面的其 它内容全部为静态化文字信息,不影响搜索引擎索引。
4)第三方软件
有一种交互式的Orca论坛软件和即将研发出来的产品一 —Directory、Wiki、Blog中,都将广泛的使用AJAX技术,并解决上述问题。
Orca百分之百使用AJAX技术,是一个论坛软件,它已 经有一个可操作后退按钮,永久连接,友好的搜索引擎结构和标签页面。
5.结论
尽早关注AJAX技术的搜索引擎优化问题是必要的尽 可能避免曽经发生的、大量网站盲目采用Ajax技术而影响网 站搜索弓I擎优化的历史重演,同时不断地深入挖掘它们之间 的联系,这样相信为技术创新也能带来很高的效益,因为随 着Gmail、Google- maps的应用和各种浏览器的支持,AJAX 正逐渐吸引全世界的眼球,再加之SEO的支持,强强联合必 定能使网站在电子商务全球化的今天大放异彩。