`
zy116494718
  • 浏览: 477754 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

ajax对于seo的影响

阅读更多

在当今电子商务形式下,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的支持,强强联合必定能使网站在电子商务全球化的今天大放异彩
分享到:
评论
1 楼 damoqiongqiu 2014-01-01  
不错,很有帮助,学习了!    

相关推荐

    PHPAjax网站SEO查询工具

    **PHPAjax网站SEO查询工具详解** ...通过以上分析,"PHPAjax网站SEO查询工具"是一个综合性的Web应用,融合了前后端技术、SEO知识以及用户体验设计,对于开发者而言,它是提升技能和理解Web应用全貌的良好实践项目。

    [工具查询](PHP+Ajax)网站SEO查询工具_php_ajax_seo_tool.zip

    【标题】:“PHP+Ajax 网站SEO查询工具”是一个基于PHP和Ajax技术开发的实用工具,旨在帮助用户分析和优化网站的搜索引擎优化(SEO)性能。此工具结合了这两种技术的优势,提供了实时、无需刷新页面的查询功能,使得...

    基于PHP的Ajax网站SEO查询工具.zip

    3. **页面元素检查**:包括检查标题标签、描述标签、H1-H6标签的使用,以及图片Alt属性等,这些都是影响SEO的重要因素。 4. **内部链接结构**:分析网站内部链接的健康状况,确保链接有效且有助于搜索引擎爬虫的...

    基于PHP的Ajax网站SEO查询工具源码.zip

    【标题】"基于PHP的Ajax网站SEO查询工具源码.zip" 涉及的主要知识点是PHP编程语言、Ajax技术以及网站搜索引擎优化(SEO)的概念。这个压缩包文件可能包含了一个用于查询网站SEO信息的源代码实现,让我们逐一解析这些...

    PHP实例开发源码—PHP+Ajax网站SEO查询工具.zip

    在本压缩包“PHP实例开发源码—PHP+Ajax网站SEO查询工具.zip”中,包含了一个基于PHP和Ajax技术的SEO(Search Engine Optimization)查询工具的源代码实例。这个工具旨在帮助网站管理员或SEO专家检查并优化他们的...

    ajax-seo:具有增强的UX的Ajax SEO可爬网应用程序框架

    具有增强的UX的Ajax SEO可爬网应用程序框架。 演示 as { // Readable API // Active link DOM Element activeElement: a.active, // Google Analytics ID (optional) analytics: "UA-XXXX-Y", // Respect user...

    基于ajax相册系统

    可以通过将Ajax内容预先渲染在服务器端,或者使用History API和PushState来模拟页面跳转,改善SEO。 ### 9. 错误处理 在Ajax应用中,错误处理同样重要。可以设置XMLHttpRequest对象的onerror和ontimeout事件,以便...

    四天学会ajax_ajax教程.pdf

    同时,也会探讨Ajax的局限性,如浏览器兼容性问题、SEO挑战以及如何通过Ajax实现更好的用户体验设计。通过这四天的学习,你将能够熟练掌握Ajax,将其应用到前端开发中,提升Web应用的互动性和效率。

    [工具查询](PHP+Ajax)网站SEO查询工具_php_ajax_seo_tool.rar

    对于有一定基础或热衷于研究的人来说,可以在这些基础代码上进行修改和扩展,实现其他功能。【沟通交流】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。鼓励下载和使用,并欢迎大家互相学习,共同进步...

    Ajax学习资料 Ajax

    2. **SEO问题**:搜索引擎爬虫可能无法抓取通过Ajax加载的内容。 3. **前进/后退按钮**:如果处理不当,用户可能无法正确使用浏览器的历史记录功能。 在实际应用中,为了简化Ajax的开发,我们可以使用jQuery、axios...

    A0整站ajax的WordPress主题

    4. **改善SEO**:虽然Ajax对SEO的影响因搜索引擎的爬虫能力而异,但现代搜索引擎已经能够更好地处理动态内容,合理使用Ajax不会明显影响搜索引擎的抓取和排名。 **主题开发与集成** 在WordPress中,开发一个A0整站...

    Ajax_基于J2EE的Ajax宝典.rar

    3. **非阻塞操作**: 页面其他功能不受Ajax请求影响,用户可以继续操作。 挑战: 1. **浏览器兼容性**: 不同浏览器对Ajax的支持程度不同,需要编写跨浏览器的代码。 2. **SEO问题**: 因为搜索引擎爬虫可能无法执行...

    四天学会ajax_ajax教程

    ### 四天学会AJAX:理解AJAX的核心与实践 #### 深入解析AJAX:重新定义Web应用 ...总之,掌握AJAX对于现代Web开发者而言,是不可或缺的技能,它将继续推动Web应用向着更加智能、高效的方向发展。

    ajax 分页 ajax分页

    1. **SEO优化**:由于Ajax分页是异步加载的,对于搜索引擎爬虫来说,可能无法抓取到分页内容。可以使用服务器端渲染或Prerendering技术解决这个问题。 2. **浏览器兼容性**:虽然现代浏览器都支持XMLHttpRequest,但...

    Ajax技术地图 ajax 简介,ajax 架构

    然而,Ajax技术也带来了新的挑战,比如浏览器兼容性问题、安全性问题(跨域请求限制)、SEO难题(搜索引擎爬虫难以解析动态加载的内容)等。因此,开发者需要在实现高性能交互的同时,考虑这些问题并寻找合适的解决...

    Ajax实战——深入理解AJAX

    尽管Ajax带来了诸多优势,但它也面临一些挑战,比如浏览器兼容性问题、安全性考虑(跨域请求限制)、SEO优化难度增加等。为了克服这些问题,开发者需要采用兼容性良好的库(如jQuery)和遵循最佳实践,确保应用在...

    AJAX-2.rar

    由于AJAX加载的内容在初始页面加载时不被爬虫抓取,可能会影响搜索引擎优化(SEO)。为了解决这个问题,可以使用服务器端渲染(SSR)或渐进式Web应用(PWA)技术。 **9. 用户体验:** 虽然AJAX提供了更好的用户体验...

    Ajax 入门经典 (Ajax 核心 技术)

    - SEO问题:搜索引擎爬虫可能无法抓取通过Ajax加载的内容。 - 前进/后退功能:不正确处理可能导致历史记录失效,影响用户导航。 ### 8. 响应式设计与Ajax 随着移动设备的普及,响应式设计成为网页开发的必备技能。...

    Ajax开源代码(适合于ajax初学者)

    对于Ajax初学者,可以参考以下资源: 1. W3School的Ajax教程(https://www.w3school.com.cn/ajax/) 2. MDN Web文档的XMLHttpRequest(https://developer.mozilla.org/zh-CN/docs/Web/API/XMLHttpRequest) 3. 实战...

Global site tag (gtag.js) - Google Analytics