谈网页新窗口打开和当前窗口打开的优缺点

2019-04-04    来源:ttjsjzl.com

容器云强势上线!快速搭建集群,上万Linux镜像随意使用

网页到底是用新窗口打开好,还是用当前页打开比较好呢,这个恐怕是仁者见仁,智者见智了,接下来就粗浅的谈谈自己的看法。

先看这两种打开方式的利弊:

新窗口打开:

优点:

1)用户可以同时浏览多个页面,很方便,而且如果浏览同类页面,那么用户会自行对比,有利于提升转化率。

2)用新窗口打开,用户一般也不会立刻关闭之前的页面,新窗口和旧窗口都将会有流量,提升了网站的PV值,同时减少了跳出率,这将提升我们网站的权重。

缺点:

1)用户要是打开的窗口过多,必须要手动一个窗口一个窗口关闭,会产生厌倦和疲劳感。

2)因为我们大多数网站都是挂在虚拟空间上,而虚拟空间都默认限制了IIS连接数,一个网页打开就默认占用一个IIS连接数,除非关闭才会释放,如果网站全部采用新窗口打开,那么用户很可能会打开10几个,甚至是20几个,如果不及时关闭,会造成IIS连接数达到峰值,那么之后的浏览者将无法进入网站,造成网站暂时瘫痪。

当前窗口打开:

优点:

1)只采用一个窗口打开,将极大的减少我们网站服务器的开销,不会出现网站打不开的情况,除非在线人数过多,但如果流量真的这么大的话,用虚拟空间恐怕就不合适了,这个时候要用VPS或者是直接租用服务器。

2)采用一个默认窗口,用户会感觉很清爽,而且占用用户计算机的资源也少,也不会点击关闭按钮点到手抽筋。

缺点:

1)用户默认只能浏览一个网页,除非用户右键选择用新窗口打开,但相信只有经常上网的人才知道这样的操作(类似的还有按住shift,点击也是用新窗口打开,两者一个意思,不过知道的人就更少了),用户可能看完一个,还想看另外一个,还得后退,不方便。

2)用户浏览完一篇文章后随手关闭网页会将整个网站关闭,造成跳出率上升。

那么比较之后,我们会发现,用新窗口打开感觉要好一点,难怪大多数人都喜欢,看来不是没有道理的,这也就是所说的用户体验。

虽然,用新窗口打开比较好,但是介于它的缺点,还是不建议所有的窗口都用新窗口打开,为什么,请听我们细细道来。

先看看那些大的权威性网站是怎么做的,它们都是经过千锤百炼的,自然不会错。

首先是百度。

这是百度默认首页截图。

这是打开百度新闻之后的浏览器截图。

大家看到了吗,浏览器标签还是一个,只不过标题变成了百度新闻页,这说明了什么,对,导航采用当前页面打开,再看。

我又打开了百度新闻下方的导航。

可以看到,百度默认导航栏全部当前页打开,连二级域名的导航都是这么处理的,而下面的列表项目,默认是采用新窗口打开。

再看新浪。

首先是新浪的首页截图。

然后是打开新浪基金首页。

和百度一样,导航栏当前页打开,列表项目和内容页新窗口打开,这里面有一个面包屑导航,新浪也是默认当前页打开。

再看搜狐。

首先是搜狐首页截图。

接下来是搜狐军事页面截图。

和新浪,百度一模一样,导航栏和面包屑导航当前页打开,列表项目和内容页新窗口打开。

相信大家已经得出结论了吧,这些门户站都是最符合用户体验的,事实证明,这样的处理方式也是最好的,于是我们得出了如下结论:

网页主体以新窗口打开为主,当前页打开为辅,具体说来实施如下:

1)介于用新窗口打开的情况比较多,而且在每一个连接后面写target=_blank也略显繁琐,造成代码冗余,这里推荐一种写法,在“<head></head>”之间加入一行代码“<base target="_blank">”,这句话的作用是网站默认所有链接以新窗口的形式打开,也许您会说,那么我想要实现部分链接当前窗口打开怎么办,别急,我们这就说,在您需要实现当前页跳转的地方也就是a标记中添加这句“<target="_self">”,强制这个标记用当前页面打开,怎么样,是不是很方便呢。

2)要实现当前页打开的典型的有导航栏(这里的导航包括主导航,也包括次导航),文章列表分页,还有面包屑导航,其实还有一个,就是返回首页的logo标记这4个都需要重写a标记。

3)剩下的基本上都是新窗口打开了,具体包括文章内容页面,文章相关阅读,延伸阅读,大家看到了,这些基本上都是内容页,而且目录都很深,而且优化的都是长尾关键词,这些长尾词给网站带来的流量是不可小觑的,甚至会超过主关键词,所以,对于这些,一定要用新窗口打开,提升网站权重,增加PV啊,减少跳出啊,全靠它们了。

本文来源于天津脚手架租赁http://www.ttjsjzl.com/,转载请注明,多谢!

标签: 网页新窗 

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点!
本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。

上一篇:如何打造合格的内部链接结构

下一篇:Wordpress新手Robots.txt文件规范写法