网站优化不能忽略的SEO页面视觉美学

关于技术以及案例类别的文章看多了，相信各位SEOer多多少少有些“视觉疲劳”，我一直在想，应该怎么去呈现出自己不一样的地方并以此来扩展。前段时间，也就是我的网站刚开的不长时间，我每天都是纠结这样的问题“我的LOGO应该如 […]

关于技术以及案例类别的文章看多了，相信各位SEOer多多少少有些“视觉疲劳”，我一直在想，应该怎么去呈现出自己不一样的地方并以此来扩展。前段时间，也就是我的网站刚开的不长时间，我每天都是纠结这样的问题“我的LOGO应该如何去设计”“页面以什么是色调为主色”“导航界面应该呈半透明还是全透明”“还需要插入什么功能代码”等等。我每天也不停把略修改的页面模板发给亲朋好友看，来汲取他们的看法以及建议，希望做出来的页面更符合大众的口味。很多人都在问我，最重要的内容建设以及业内布局你反而你不着重去想，整天想这些不搭嘎的因素。其实不然，我也很重视这些东西，但是在我看来，我希望不单单是从内容去吸引客户，我更希望我的页面能给浏览页面的用户起码留下个“还好”的印象。其实在这其间，我也不停的去参考不同类型的页面，有部分让我一登陆进去就感觉到不舒服，例如“文字与主题颜色不搭配”“插图都是六毛钱特效”“排版很乱”等等问题。用户体验已经逐渐成为我们需考虑的首要因素，因此我希望今天分享SEO页面视觉美学，让各位SEOer有不一样的体会。

最直接的来看，我们所做页面设计的主要目的便是能呈现并且传达给用户。你要明白，在所属你行业网站的群众来看，什么才是他们最需要的。在语言、观念、网站功能以及表现形式上，你都应该如何去定位？以前我们的页面设计，由于西方文化的快速发展，各方面的因素都备受他们的影响。要明白，用户其实也是从原点出发，他并不需要你的网站有多么的天花乱坠，他们只想要看到他们所需要的东西。因此在页面的颜色选择、功能植入、页面布局等等各方面，只有合理，才是硬道理。

作为一名SEOer，更进一步是作为一名站长。你并不能一味的追求同质化的元素，类似于别人怎么弄的那么好看，我也效仿，然后就形成了人们常讲的“老虎老鼠，傻傻分不清楚”的现象。或许会有很多SEOer疑惑“我压根不懂得设计，你让我往哪下手啊？”我之前在其他文章讲过，这并不需要你懂得设计，很简单的道理，你会有自己的穿衣品味、意向的装修风格、喜爱看的电影等视觉感官因素。网页也如何，你没有基础，但可以积累。把你前期没有思路的情况结合后期的基础承担来形成把控视觉的能力。因此，你在前期的时候可以参考同类的网站，发现他们的页面优点并汲取经验，一旦看得多学的多，从中定位出自己独特的风格，你会发现你内心页面视觉风格会逐渐成型。

1、文字：有力的信息传递方式

作为网页传递信息的首要因素，我们需考虑到是：文字的大小、文字的颜色设定（可结合页面颜色）等。首要考虑的便是浏览用户能否看清文字？字体颜色以及页面的颜色搭配是否和谐？会不会造成浏览用户的视觉疲劳？例如我的页面一般采用的是，表述文字控制在12px到16px，而大方面的主题控制20px，文字采用用户不厌其烦的白底黑字。

2、页面色彩：其实是内心的解读

记得之前看过一些报道，说的是每个人喜爱的颜色不同，所形成的性格也不同。可以说，一个颜色的定义便代表用户的心理信息。就好像红色，色度恰到好处我们较多定义为喜庆、激励等，色度更深一些我们又定义为沉稳以及高贵。如果我们面向的群众较为年轻，他们会更喜欢鲜艳的颜色，而年龄较大的，则反之，一般页面整体布局的颜色我建议是不超过3个颜色。颜色除了代表用户的心理信息，我们也可以把它作为警示用户的暗号，就像我们在撰写软文，我们更希望用户看到我们哪一段的文章或者主要关键词，便可以用不同颜色的问题标示出来，一来能让用户看到，二来可以让页面内容的布局更为清晰。

3、页面布局：让内容以及颜色分配看起来更合理

页面颜色以及页面功能性选定之后，我们需要考虑到的是页面以及插件的布局。从页面布局的分类来看，我觉得适合应用在SEO上面的有：国字型页面、拐角型页面、内容正文标题型，国字型我们较多见到的是常规页面，例如中小企业网站、他们页面的布局能很清晰的让用户看到公司的相关信息。例如相关信息“关于公司”“产品咨询”都会很直观的呈现出来，并且颜色的深浅布局也是从外而内的递减。另外拐角型的页面也很普及，区域模块可分为：导航区、重要信息区、提示信息区以及附加信息区，很多网站随着发展，页面内容会越来越多，这时候就需要利用拐角型的页面布局给用户做引导，也使页面的布局更为清晰，拐角型页面的颜色深浅分布也跟国字型的差不多，区别于有引导的作用。内容正文标题性的页面适合纲要性的网站，这类型的网站并不会太讲究颜色的分配和布局，一般较长采用的是白底黑字、页面采用的颜色一般在2-3个。另外还有框架型、Flash、以及变化型页面，源于搜索引擎算法的改革以及基于用户体验，在这边便不推荐给大家了，如果感兴趣可以自行搜索。