B2C电子商务网站是不是用新窗口打开链接

写在前面
这是参加SEO培训时候和咨询老师争议的问题。
SEO?没错,是SEO培训老师花了相当时间大讲用户体验。
果然是一个全民用户体验的年代了。
大家以前都说“我觉得…”,“我认为…”
现在从经理到前台都会“对用户来说…”“从用户体验的角度来讲…”。

担心的是用户体验发展如同早期被泛滥的用户友好(User Friendly),
那个时候“User Friendly”作为众多软件必备标签印刷在外包装上,以达到用户友好的标准。

先把标题写下,勉励一定在本周完成日志,梳理一些思路。
星期一了,赶紧正题开始。(整理完文档凌晨3:30,实现承诺果然是很辛苦的。)

新开窗口?新开标签?还是新开页面?
新开窗口的描述并不准确,因为不同的浏览量器处理target=”_blank”的方式并不一致。

不支持多标签的早期浏览器,处理target=”_blank”的方式自然是新开一个窗口,如IE6。
多标签浏览器却并非都是新开标签。Firefox及Chrome的处理方式是新开标签。
但是同样是多标签浏览器的IE7、8和Safari面对target=”_blank”的方式是如同IE6一样的新开窗口。

那么浏览器无论是否新窗口,相同点是都会新开一个页面,那么接下来问题转移到是否要使用target=”_blank”或者是否新开页面好了。

一致使用target=”_blank”的不好地方是?
1. 加重浏览器负载。中国网站使用Flash、JS等动态效果很多,不断新开页面对浏览器会加重浏览器负载。
2. 不方便选择/关闭操作,IE6以及IE7、8和Safari这样面对target=”_blank”以新开窗口方式开打的多标签浏览器。无论是否打开类似XP默认”分组相似任务栏按钮”。
3. 无法使用浏览器的前进、后退按钮完成前后跳转。
4. 不能通过 HTML 4.01 Strict XHTML 1.0 Strict 和 XHTML 1.1及以后版本的验证。只能通过 HTML 4.01 Transitional 和 XHTML 1.0 Transitional版本的验证。
5. 无法很好照顾使用屏幕阅读器的用户。

起因和现状
或许国内门户网站一开始带给了大家“更懂中国”的新开页面使用习惯,
Google.cn也迫于本土习惯改成了baidu相同的方式。
看看电子商务网站们都是怎么样的呢?


新蛋很多站外链接都是当前页面跳转,这部分链接会提高网站跳出率(Bounce Rate)。
比较好的处理方式可以参考Amazon.com,通过Icon提前告诉用户链接会新开页面。

\

整理一下原则
1. 是否要新开页面,控制权交给用户。
2. 通过导航设计解决用户迷失的问题,而不是新开窗口。
3. 需要使用target=”_blank”,站外链接、下载链接、打印页面链接。通过视觉设计告知用户这些链接会新开页面。也可以用第二条原则来解释,这些链接打开的页面一般情况都不能通过导航返回。
4. 不需要使用target=”_blank”,导航、筛选、Tab、翻页、有用户输入表单的流程页面链接(注册、支付等等)。
5. 不要使用传统弹出窗口(Popup)。虽然现在相对少了很多。

回答B2C网站是否应当新开窗口?个人角度:
对于Amazon.cn、Newegg.com.cn这类已经长期按国外方式的网站,
为避免改动造访问习惯更改,处理好导航及外部链接标识,延续目前的模式。
对于Dangdang.com、360buy.com这类网站,继续更懂中国的方式好了。

描述中的浏览器版本仅测试IE7、8,Firefox3.5,Safari4,Chrome3.0。
参考及引用资料,可以通过以下链接了解更详细信息。(当然都要用target=”_blank”) ^_^

时间: 2024-10-21 09:17:24

B2C电子商务网站是不是用新窗口打开链接的相关文章

js中不使用blank在新窗口打开链接的方法

思路,在页面载入以后,将rel含有external的a标签,通过js加上target="_blank".下面提供jquery方法,代码如下  代码如下 复制代码 <script type="text/javascript"> <!--//--><![CDATA[//><!--       $(document).ready(function() {         // Find all external links and

JQuery实现的在新窗口打开链接的方法小结_jquery

第一种:下面的代码是针对jb51这个样式下的a都是在新窗口打开 复制代码 代码如下: <script type="text/javascript"> jQuery(document).ready(function($) { $('.jb51 a').attr({target: "_blank"}); }); </script> 第二种: 复制代码 代码如下: <script src="http://code.jquery.co

在新窗口打开链接的jquery代码

script type="text/javascript教程"> jQuery(document).ready(function($) { $('.111cn.net a').attr({target: "_blank"}); }); </script> 第二种: 代码如下: <script src="http://code.jquery.com/jquery-latest.js"></script> &

Javascript控制网站链接是否新窗口打开

不过在w3c的验证标准中,target="_blank" 这个属性是不被验证通过的 原因是那些砖家认为不经过用户同意就打开一个新窗口,这样的行为属于强X了用户的思想.是不友好,不礼貌的行为.所以标准提出的是用 rel="external"来声明,配合一个external.js来实现.在这里贴一下这个js文件的代码,需要的朋友拿走.  代码如下 复制代码 function externallinks() { if (!document.getElementsByTag

交互设计探讨:为什么需要在新窗口打开网页

关于强制在新窗口打开链接的讨论 先看一下我们现有规则总结 在以下几种情况下,强制在新窗口打开链接是比较合适:1.链接指向一个本域名之外的网站:如友情链接一 般使用新窗口,新的网站新的窗口,基本上是可预料的.2.提供帮助类的链接:如一个购物页面上对支付方式的帮助说明可以新开窗口,如果内容不多的话使用弹出层比新窗口更好.3.页面跳转有可能打断一个正在进行的进程:如.关于网站的调查表单.在注册页面上指向免责条款.版权声明等页面的链接,页面跳转会导致用户正在填写的注册信息丢失.4.链接指向一个非HTML

jquery简单实现外部链接用新窗口打开的方法_jquery

本文实例讲述了jquery实现外部链接用新窗口打开的方法.分享给大家供大家参考.具体实现方法如下: $("a[href^='http://']").click(function(){ this.target = "_blank"; }); 或者使用下面这个 $(function(){ $("a[href^='http://']").attr({'target':'_blank'}) }) 希望本文所述对大家的jQuery程序设计有所帮助. 以上是

企业网络营销之路:运营B2C电子商务网站的策略

中介交易 SEO诊断 淘宝客 云主机 技术大厅 看到凡客.麦包包.乐淘等B2C电子商务网站的成功案例,现如今大多数企业正在试水B2C电子商务运营,都希望通过网络开辟新的产品销售渠道.企业开展B2C电子商务,一方面促进了企业的信息化建设,打开了企业网络营销之路,提高了企业的销售业绩和企业的竞争力,使企业发展越来越好;一方面增加了网站建设的需求,增加了网站运营.网络推广的就业需求,促进了网络产业的进一步发展.下面结合目前B2C电子商务发展的状况,来谈谈开展B2C电子商务的策略: 一.在开展运营B2C

网页是选择新窗口打开还是原窗口打开?

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 我本人挺喜欢原窗口打开的,如果需要打开新窗口一般是ctrl+鼠标左键,原本以为这个快捷键大家都会用呢,不过这一看法在上周改变.如果你还在纠结,可以看看本文. (主流浏览器都默认ctrl+点击=开新窗口) 一天一位好友加我说到,希望卢松松博客的文章能在新窗口打开,说我已经习惯了网站弹出新窗口,这样不用一次次的点后退,8630.html"

用户体验:符合中国国情的网页链接新窗口打开

引子许多可用性专家一直把链接新窗口打开(target="_blank")认为是大忌.在他们看来,新窗口打开的问题在于: 1.用户将无法控制它在本页打开还是新窗口打开.这是不尊重用户的选择. 2.新窗口打开使任务栏更加地拥挤. 3.用户更加期望新页面在当页载入. 4.新窗口打开是"后退"按钮变得不可用. 实际上,在Neil Turner的文章中提到,以下情况可以打开新窗口: 1.链接指向一个文档(PDF,Word文档等) 2.链接指向一个大图片,需要一定时间来下载.