欢迎访问畅维网络官网,我们将为您提供专业的网站建设服务!
咨询电话:0531-88162305 QQ:点击这里给我发消息
当前位置:首页 > 网站学院 > 网站技术

单页网站建设的优势和劣势

看了这么多漂亮的单页网站,是不是也蠢蠢欲动了?是否你想把自己的博客,或者企业网站也做成单页?

你必须在改变或者新建之前,看看下文:


1.必要的前端技术的支持

HTML5,CSS3,这是单页网站实现的技术前提;

提示:用Jquery可以让单页实现变的非常的简单(后文会提到更多的实现工具和技巧);

如果需要异步提交/加载数据,还需要Ajax技术的支持;


2.浏览器的支持;

如果访问网站的用户,50%以上用的是IE6/7,请谨慎考虑使用单页技术;




3.带宽的支持

单页网站往往在需要加载大背景图,在onLoad会加载所有的内容信息;

愤怒的小鸟为例,单页加载总共下载了3.2Mb的数据,完全加载完毕用时7分81秒(博主带宽为8M电信ADSL);



高质量的透明PNG图片会被大量的使用到,注:本人认为LazyLoad不适合单页;

如果你的服务器出口带宽或目标客户的网络带宽达不到一定的网速,请谨慎使用单页技术;


4.信息的量

从技术角度说,再多的内容,也可以被浏览器加载,但过多的内容不但影响加载速度,还影响用户的阅读体验;

网站内容增加或着更新会更改页面排版和布局的,这样的网站不适合做成单页形式;

如果你的网站信息量过大,且不间断的有内容更新和添加,请谨慎使用单页技术;


5.重要的设计感和交互性

由于单页网站展现的信息内容量不大,所以更需要一些创新的的设计来加深浏览者对信息的记忆;

由于单页网站所有信息都展示在一个页面下,链接功能也就被弱化了,而在这种无链接模式下的网页,单页中的交互作用就显得更重要了;

所以单页网站的建立需要一个非常优秀的网页设计师;


6.更重要的导航

单页网站可以不需要链接,但不能没有导航;

导航按钮在单页中的地位很独特,既要低调,又要高效,还要融入;

低调,不能影响页面中主体内容的展现;

高效,在保证在每个屏幕页中的出现,也要承担交互按钮作用,提升单页的展示效果;

融入,像一条变色龙一样融入在漂亮的单页设计中,还需要根据用户的交互操作而产生对应的变化;


7.单页,不只是一个页面

单页是通过创意的设计呈现,把原先多个页面所展现信息的功能,通过流畅和交互效果,在一个页面内展示;


6.SEO会有影响,但不是问题

一般来说,可以通过锚链接,在单页中实现不同的信息阅读的过渡;

HTML5已经可以通过锚链接(也就是“#”),不刷新浏览器向后台发送数据请求;

所有信息加载在单一页面内,同样可以被搜索引擎收录和查询,但信息权重就成了SEO最大的一个问题;

结论就是:关键字和锚文本/图片锚链接,成为了本地SEO的最重要部分;


写到这里,以后想到再补充!


原文链接:http://www.54575.com/blog/2012/10/30/%e3%80%90%e6%9e%90%e3%80%91-%e5%8d%95%e9%a1%b5%e7%bd%91%e7%ab%99%e4%bc%98%e5%8a%bf%e5%92%8c%e5%8a%a3%e5%8a%bf/

(编辑:济南网站建设、济南网站建设公司:畅维网络)

鲁公网安备 37010502000788号

  • 扫一扫,关注微信公众号