在当今电子商务形式下,SEO(搜索引擎优化)为网站之间的竞争提供了可观的前景,而替代传统的Web交 互模式的Ajax技术,以无刷新页面的高效率交互方式同样为网站的营运带来了效益,但是SEO与Ajax技术之间不友好性的问题也逐渐浮出水面。本文主要 从基于Ajax技术的Web站点对SEO可见度的影响这一问题展开探讨,并且提出了解决此问题的一系列方案。
1 引言
随着互联网的快速发展,各大网站的迅速崛起,SEO(搜索引擎优化)这样一种网络营销方式应运而生。这种方式通过对网站结构、网页文字语言和站点间的互动 外交策略等进行合理规划部署来发掘网站的最大潜力而使其在搜索引擎中具有较强的自然排名竞争优势,从而对促进企业在线销售和强化网络品牌起到作用。
与此同时,替代传统的Web交互模式的Ajax技术,同样为网站的营运带来了以无刷新页面的高效率交互方式,但是SEO与Ajax技术之间不友好性的问题 也逐渐浮出水面。2006年12月4日在芝加哥搜索引擎战略大会上,各路搜索引擎优化专家针对时下热门的网站Web2.0技术对搜索引擎可见度的影响发表 了自己的看法,提出了Ajax是“搜索引擎杀手”这样一种说法。但是,如今随着IT行业的飞速发展,通过改良Ajax代码、部分嵌入、第三方软件的使用等 方法,Ajax与SEO已经逐步能够和睦相处。
2 Ajax技术简介
1)传统的WEB开发模式
传统WEB开发模式采用同步交互过程,用户必须等待每个请求,当一个请求完成后才能获得结果,在使用完这些结果后才会发出新的请求。HTTP的设计是传回 整个新的画面,所以在浏览器上必须重载整个页面来显示新的页面。完全是一种请求—>刷新—>响应的模型,用户只有等请求完成后才能进行用 户**作,**作完成后才能提交下一个请求,考|试/大用户行为和服务器行为是一种同步的关系。
2)AJAX技术及特点
图1 工作流程图
AJAX全称为Asynchronous JavaScript and XML(异步JavaScript和XML),是一种设计交互式网页应用的网页开发技术[1],它包括: XHTML+CSS(表示信息)、 JavaScript(**作DOM(Document Object Model)进行动态显示及交互)、 XML和XSLT(进行数据交换及相关**作)、 XMLHttpRequest对象(与Web服务器进行异步通信),使用JavaScript绑定一切。
AJAX技术的核心是XMLHttpRequest[2],通过HTTP在浏览器和Web服务器之间收发XML或其他数据。XMLHttpRequest 最大的好处在于可以动态地更新网页,它无需重新从服务器读取整个网页,也不需要安装额外的外挂程序。图1是利用AJAX技术的WEB工作流程图[3]。
3 Ajax技术给SEO带来的问题
随着网站的日益增多,SEO(搜索引擎优化)这样一种互联网技术已经在竞争的大环境愈现优势,作为提升Web站点知名度的重任,它与Ajax技术应并驾齐 驱。但是任何事物都有其两面性,强强联手难度系数也显而易见。基于Ajax技术的Web站点,对于SEO的不友好性主要就表现在Ajax对于SEO可见度 的影响。
1)SEO
SEO(搜索引擎优化)的主要工作是通过了解各类搜索引擎如何抓取互联网页面、如何进行索引以及如何确定其对某一特定关键词的搜索结果排名等技术,来对网 页内容进行相关的优化,使其符合用户浏览习惯,在不损害用户体验的情况下提高搜索引擎排名,从而提高网站访问量,最终提升网站的销售能力或宣传能力的技 术。
2)Ajax技术给SEO带来的问题
通过上面的阐述,我们了解到SEO的主要功能是抓取页面、关键字以达到网站页面收录的目的,从而提高网站知名度,同时,搜索引擎在抓取页面的时候会屏蔽掉 所有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=""#"" onClick="orz6()">繁体字,火星文</a>
<div id="orz6.com">
</html>
代码分析:从上面的代码中,可以看到href的指向是“#”,这样在搜索引擎中是无法抓取到文章的具体内容。
------------- 兼顾搜索引擎的方案.htm -------------
<html>
<head>
<script>
function orz6()
{
document.getElementById("orz6.com").innerHTML="大家好,欢迎来到 http://www.socut.com!(假设文章比较长,此处省略掉2000个字)";
}
</script>
</head>
<a href="http://www.orz6.com/fantizi.aspx" onClick="orz6();return false;">繁体字,火星文</a>
<div id="orz6.com">
</html>
代码分析:经过改良后,href直接指向一个存在的页面,主要来用显示文章的具体内容。当然,这个页面需要专门做出来,主要是为了方便搜索引擎的收录。细 心的话,你就会发现onClick事件后面,多了一句 return false ,这样是为了用户在使用AJAX功能时防止页面转换[4]。
使用第二个方案既能完整的发挥Ajax的魅力,也可以完全兼顾到搜索引擎的抓取,尽可能避免访客的流失。
2)Hijax理念
在 Bulletproof Ajax 这本书中,作者提出了一个叫 Hijax 的理念 ,不是极端的完全采用 Ajax 数据与表现分离的做法,而是稍微对传统页面增强一下,javascript 仅仅作为局部刷新的桥梁,所有逻辑仍然放在服务器上, 相对于传统做法,Hijax 将页面进一步划分为分离的模块,对每个模块用相应的处理页面表示,总的页面由各个分离的模块页面include 所组成[5]。
3)嵌入AJAX技术的部分内容
在页面代码的设计过程中,可以在HTML网页中嵌入需要使用AJAX技术的部分内容[5],不必要刷新的信息采用HTML静态形式。例如股价查询的页面, 只对股价变化部分采用AJAX更新,股价本身不被搜索引擎索引,但页面的其它内容全部为静态化文字信息,不影响搜索引擎索引。
4)第三方软件
有一种交互式的Orca论坛软件和即将研发出来的产品——Directory、Wiki、Blog中,都将广泛的使用AJAX技术,并解决上述问题[6]。
Orca百分之百使用AJAX技术,是一个论坛软件,它已经有一个可**作后退按钮,永久连接,友好的搜索引擎结构和标签页面。
5 结论
尽早关注AJAX技术的搜索引擎优化问题是必要的,尽可能避免曾经发生的、大量网站盲目采用Ajax技术而影响网站搜索引擎优化的历史重演,同时不断地深 入挖掘它们之间的联系,这样相信为技术创新也能带来很高的效益,因为随着Gmail、Google-maps的应用和各种浏览器的支持,AJAX正逐渐吸 引全世界的眼球,再加之SEO的支持,强强联合必定能使网站在电子商务全球化的今天大放异彩
转自:http://zy116494718.iteye.com/blog/1685776
分享到:
相关推荐
SEO4Ajax伙伴允许在浏览器中直接测试谷歌Ajax方案实现。 如何使用扩展名-打开实现Google Ajax Scheme规范的任何网站的URL。 -该扩展程序检查网站是否遵守规范,并在URL后面附加查询参数_escaped_fragment_ =。 -该...
seo4ajax伴侣允许直接在浏览器中测试Google Ajax方案实现 如何使用扩展 - 打开实现Google Ajax方案规范的任何网站的URL。 - 扩展检查网站尊重规范,并将查询参数_ESCAPED_FRAGMENT_ = _ = incate。 - 扩展禁用...
[工具查询](PHP+Ajax)网站SEO查询工具_php_ajax_seo_tool.zip
SEO详解SEO详解SEO详解SEO详解SEO详解SEO详解SEO详解SEO详解SEO详解SEO详解SEO详解SEO详解SEO详解SEO详解
SEO工具SEO工具SEO工具SEO工具SEO工具SEO工具SEO工具SEO工具SEO工具SEO工具
seo工具seo工具seo工具seo工具seo工具seo工具seo工具
SEO经典资料 SEO优化 SEO教程 价值5000元SEO宝典 SEO一贴笔记 SEO运营研究 SEO提高搜索排名 SEO赚钱的秘密 SEO搜索技巧 SEO经典案例 SEOrobots.txt SEO速成笔记 SEO实操手册 SEO引擎排名秘笈 SEO网站推广方法 SEO...
具有增强的UX的Ajax SEO可爬网应用程序框架。 演示 as { // Readable API // Active link DOM Element activeElement: a.active, // Google Analytics ID (optional) analytics: "UA-XXXX-Y", // Respect user...
可查询Alexa排名、ChinaRank排名、Google PageRank、搜狗Rank以及各大搜索引擎收录和反向链接个数.
XML Sitemap支持–将您的站点地图提交给Google和Bing并改善您的SEO 图像XML网站地图已提交给Google和必应,以改善您的图像SEO RSS网站地图 Google AMP支持(加速的移动页面) Google Analytics(分析)支持 Schema....
SEO助理SEO助理SEO助理SEO助理SEO助理
很好的seo分词技术 seo seo优化 seo分词技术
你听说过Platinum SEO Pack这款插件没,这个插件包含了All in One SEO的所有功能,而且,和All in One SEO插件相比,它还具有更多的功能,该插件的主要功能: •针对搜索引擎优化页面和文章标题 •自动生成SEO相关...
基于PHP的Ajax网站SEO查询工具.zip
Sogou站群推送工具-支持搜狗wap和pc提交 百度查封关键词v1.0 百度单一推送(查额度比较好用) 百度排名优化专家2.0ip更新 百度死链接提交工具 百度推送模拟打开(配合新上线的JS推送) 采集关键词快照(用于批量K站) ...
最新SEO外链一键优化网站源码 SEO超级外链工具
一个SEO成长的经历和SEO面临的挑战一个SEO成长的经历和SEO面临的挑战
seo软件,seo软件下载
SEO技术 SEO基本术语 SEO技巧SEO基本术语 SEO技巧
seo实操手册seo实操手册seo实操手册seo实操手册seo实操手册seo实操手册seo实操手册seo实操手册seo实操手册seo实操手册seo实操手册seo实操手册seo实操手册seo实操手册