网页设计对seo的影响

- 编辑:admin -

引子
曾经为一家日用品电商公司做过外包的网站设计,那家电商公司的老板有一个绰号,叫做“十屏大师”。他最喜欢的设计就是那种超过十屏的超长网页,尤其喜欢各种产品展示疯狂的无脑堆砌。我们总感觉他为了希望少付钱(我们与他是按照页面数量结算的)而竭尽全力把所有的产品堆在一个页面上。

 
当然,对于这样的设计理念,他有他的理论:电商网站就和大卖场一样。人们都喜欢去逛东西很多的大卖场,东西堆得多,就感觉选择多,让人感觉这个大卖场有规模而且看起来热闹。至于货架空空的大卖场,就让人感觉空空如也,一点也不热闹,购买欲望瞬间就没了。所以网页做的越长,产品堆得越多,人们越容易产生购买欲望。(本文来源:深圳邓煌生seo培训)

 
虽然不能说他的观点完全是错的,但至少他忽略了一个基本事实:网页不同于其他的媒体。他有显示器和浏览器的限制。无论设计再多屏的产品,但是用户在一屏看到的产品就这么多。不会因为你设计了超过十屏就感觉东西多,反而会觉得内容太多太杂,直观的阅读体验不好而产生流失。这种不利于用户体验的网页对seo优化排名也是有害无益的。


 
网页设计的载体是电脑和互联网,而我们浏览网页时使用最多的就是显示器和鼠标,这两样电脑设备无形中影响着用户的浏览习惯,这些浏览习惯又影响着网页设计本身。了解这些由于设备技术局限而产生的用户浏览习惯,对于网页设计师而言非常重要,这些直接影响到网站的排名优化——这也是本文我们探讨的主要话题。

 
网页设计与seo
 
邓煌生曾经给学员提到过平面排版设计与网页设计的传承关系,但是网页设计作为一个依托于电脑与互联网的设计行业,依然有着自己的特性。由于网页最终呈现是在电脑的显示器上,并且框取在浏览器的显示范围内,所以网页在浏览的时候就存在着“截取”的特性。这就要求网页设计师设计的作品,不仅仅是整体看起来一气呵成,具有设计的完整性,更需要在“截取”和“滚动”的状态下保持局部的完整性。
 
经常会有这样的情况,设计师的设计稿件看起来非常完美:细节到位,整体美观,各种看起来都很好。但是实际制作成HTML放到浏览器里看就会发现各种比例失调、各种隐藏的问题都会暴露出来。有些是无论什么分辨率看都觉得奇怪,有些是在某几个分辨率下看表现差强人意。

 
归根结底,这些问题的出现,都是设计师在设计过程中,没有按照实际浏览的情况进行检查,或者检查得不够仔细。
seo与网页设计的关系
放大到100%检查设计,这是很多新人最初入行的时候,老设计都会提醒的诀窍。很多设计师也的确会在Photoshop里放到100%去检查,但依然会出问题。因为Photoshop毕竟不是浏览器,浏览器分辨率又标准繁多,很难在一个显示器上模拟所有分辨率下的显示效果,此时比较容易实现的校验办法是拉首屏辅助线。
 
上图是一些常用尺寸,拉首屏辅助线的一些参数。大部分设计师都会在设计之初拉上首屏辅助线,但是高度的首屏辅助线往往是会遗漏的。而且随着制作的深入,辅助线拉得较多的时候,最初的那几根分辨率的辅助线往往会淹没在辅助线的海洋里再也起不了作用。所以,更好更直观的办法是,拉好首屏辅助线之后,按照辅助线的边界,单独建立图层组,根据不同的分辨率建立安全线框图层,如下图所示。
seo对网页设计的影响