网站是一个企业的互联网形象窗口,很多人因此很关注网页设计,小编碰到多很多老板对网站的要求就是"高大上",我不知道在他们眼中"高大上" 究竟是个什么标准(有人说是完美),但是我认为网站建设制作更重要的是实用、美观以及良好的用户体验。
一、 页面响应速度
网站打开慢导致访客等不及直接关闭,这是我们大家都不愿意看到的 ,同时也会直接导致网站的跳出率大大增加,这对seo同样不利,我们可以采用以下方法来解决这个问题(这里是说服务器运行正常、带宽足够)。
1、js、css合并压缩以及代码优化、图片压缩
js 和css 可以用在线工具直接压缩,jq的一些常用类库可以使用百度 cdn公共库或者使用官方给的cnd公共库;图片压缩以不影响图片美观为主,压缩不易太过分,针对网站内部的小图片,可以使用css sprite 技术,这样做的好处不仅仅减小了图片整个的体积,而且减少了服务器对图片的响应次数(css sprite 使用对象是页面中的小图,不是说将所有图整成一个大的这样就好,这种观点是错误滴)。对于多个js,如果没有非常特别的原因,建议合并到一起,并用代码屏 蔽报错(这样做的好处是避免在ie中弹出报错信息,js、css代码优化这个直接找技术就可以了。
2、图片预加载
目前常用的是web lazyload技术,简单点说就是当网页页面滚动到相应的地方,对应位置的内容才进行加载显示,这样能明显减少了服务器的压力和流量,也能够减小浏览器的负担。这样前台显示的内容就会相对减少,从而提升了网页的加载速度。
3、没有必要的情况下尽量少用响应式布局
虽然目前网站的终端有多个,兼容多个终端也是网页设计的趋势,但是由于很多时候网站并不是做的网格式布局,这样就会在页面中增加N多的代码,想想这个加载速度吧,如果没有特别的必要,建议不要做响应式。
二、 用户体验
1、 css3、html5的运用
css3、 html5等技术确实可以让页面有更加丰富的页面效果,同时也可以大大增强用户体验,但是考虑到国内很多用户的ie版本都还在ie8甚至是更低的版本,因此,在使用这些技术的同时,我们是不是应该考虑到这部分用户呢?因此阴影、画板、过渡等等一系列特效,如果一定要实现的话就用js或者是jq。
2、移动网站、社交化是趋势
越来越多的用户开始使用手机上网,越来越多的人喜欢在社交网站上分享,移动网站、社交化是互联网未来的趋势。如果你没有移动站点、或者是网站不支持移动页面浏览,你可以尝试使用百度的移动app ,如果需要客户端可以使用无觅;另外网站中的分享按钮也是非常重要的,这不仅可以免费给你带来外链,还可以免费帮你做网站推广。
三、关于seo
1、seo相关元素能用标签、文字的尽量少用图片、flash、框架、js
原因很简单,因为图片、flash、框架、js搜索引擎蜘蛛无法抓取到其中的内容,这都是老生常谈的问题了,就不重复。
2、页面标签书写、不相关
A、用nofollow
B、strong 、h1-h6等大家都知道,这里不重复。