官网设计思考

1 官网定位

做一个产品，首先要从上层确定产品的定位是什么，官网也是一样。先回答“官网三连问”：

l 谁会看官网？为什么会看？

l 在什么场景/渠道下看？

l 我希望他看完之后怎么样？

根据这些问题答案的不同，官网大致可以分为以下几种类型

Ø 信息展示型

此类官网多用做品牌形象展示，是企业信息集中展示的入口，多结合品宣、活动推广一起运营。

所有企业的官网都有企业信息展示型属性，力求在用户看到官网后，就可以了解到企业的品牌等信息，直接促进进一步的沟通交易等延伸场景。所以品牌信息在此类官网中可以说是“多多益善，形式多样”。

Ø PPT型

此类官网一般是b端企业偏多，定位官网是“老板的PPT”，在没有讲解之前是不能准确了解信息详情，比如行业资讯、企业发展成果、企业专属称谓等等。

此类官网一般是和线下推广渠道结合在一起，推广人员当面讲解隐藏信息，直接推动业务。

Ø 综合型

此类官网包含交易模型，附属信息展示属性，PPT属性，是企业信息宣传、业务承载的综合体。“此官网非彼官网”，更像是在公司主产品内，加入几个单独的信息展示模块，附带传统官网能力。

随着web技术的不断完善，更多的公司重新选择B/S结构作为主产品架构，进而更多的官网属性和主交易产品被设计在一个入口下，综合型官网是目前的主流选择。

从企业产品矩阵角度看官网，能为官网定位更多的产品属性，比如连接业务产品、线索入口、加盟入口等，可以说“没有业务的官网都是内耗资源”。官网定位是一个前台产品直连用户，这决定了官网可以承担增加用户粘性，辅助业务交互体验的角色。

2 信息准备

官网定位清晰后，就可以准备官网的信息，这里面包含两个环节：

1) 信息汇总

2) 信息展示

2.1 信息汇总

直观印象官网的信息大部分来自企业内部，这完全是个误解。好的官网是在所属行内有影响力，做行业信息输出。如果没有那么高的段位，至少做到由行业出发，结合本企业做个性化调整。所以准备官网信息，首选需要置身行业，整理行业的信息，站在“面”得角度看，可以提升官网的深度。

收集企业内部信息的时候，需要基于需求出发，或者基于需求做信息处理。每个部门角色对官网的期待不同，也就是需求不同，整合需求和信息的对照表，结合企业阶段目标，做信息有效性和优先级排序处理，进而确定官网信息展示优先级，以指导后期的版本规划及页面优先级排列。

2.2 信息展示

考虑信息展示，首先确定官网想给谁看，谁会看。想给谁看对应着推广渠道，不同的渠道受众不同；谁会看对应着用户的划分，包含种类、等级、分布等等层面。对不同角色要展示的信息以及信息的模块是有很大差别，即便是c端产品也不要奢求让所有人能看懂每一个信息。

第二部分决定信息展示的是场景，不同用户在什么时间，什么场合，什么需求背景下会看官网，进而决定了官网的展现形式，如pc还是m，图片还是视频，一步展示还是分步展示等。

很多官网会自成产品矩阵，比如延伸活动页面矩阵、嵌套多个前置广告页面，开通多个子官网，信息属性和产品玩法结合思考，同步推进。

3 产品小套路

产品展现层的内容，是根据以上的信息分析处理的决定的，官网的基本形式已经趋同就不再赘述，这里只说一些小套路。

1) 能动就不要静，能用图就不用字

根据对注意点的研究结果，显示人对运动物体的注意力强于静止物体，对图的注意力强于文字。基于这个理论，官网里面的重要信息最好采用图片或者动态的方式展示，设计用户的注意力的走向。

2) 内容有限，交互来凑

当展示内容有限的时候，可以通过增加交互的方式“骗”用户。

把功能大致的划分为实际功能和页面功能，实际功能就是真实的数据流转，页面功能是在前端操作但不影响数据的动作。页面的一些交互设置，可以增加用户使用的沉浸感，让用户感觉做了多个操作，实际后台没有数据流转。最常见的就是增加转场动画、设置可以无限点击的“快感小按钮”比如多次点赞等等。

交互方面，不要有交互的死胡同，能点进去但退不出来的体验非常不好。

3) 页面间可以来回跳转

观察很多官网，页面数量其实很少，但给用户的感觉是页面非常多，简单的说就是“在没几个页面间跳来跳去”，这个我们戏称“耍流氓式的产品设计”。页面设置多个互相跳转的入口，但背后相同的跳转逻辑。

这样的方式可以使用，但注意产品的纵向跳转深度最好不要超过5层，有数据显示5层过后的体验会骤降，页面流失率会成倍增加。

跳转可以跳级，这也是个小技巧，一步一动和一步多动结合使用。常见的比如交易前需登录的网站，未登录状态下在交易页面点击下单，会弹出登录页面，操作登录后，是跳转首页呢？还是停留在当前交易页面？

4 SEO优化

无论什么类型的官网，无论给什么类型用户准备的内容，多一点人看总是好的，让目标用户能在百度搜到官网是基础，所以说官网一定要做搜索引擎优化，也就是SEO。

直观顺序是先设计官网，上线后再做搜索优化，常规顺序没有问题。更好的方式是在官网设计的过程中，就要有搜索优化的意识，做搜索优化的准备。

百度的小蜘蛛来抓取信息，收录词条，提升排名的规则非常复杂而且持续更新，不是专业做搜索相关的公司对其大的方向保持了解跟进即可，对一些产品内提升搜索优化的方式要持续积累。这里罗列一些产品产品层面的优化方式：

• 各页面的TDK必须完整；品牌词、核心业务词需要多次展现；图片最好有alt、title属性；
  
• 不要出现单一url，主要针对前端VUE框架，把连接都封装在一个url里的方式对搜索优化非常不友好；
  
• 不能存在低质量或空白页面，减少相似页面出现的概率；
  
• 面包屑尽量完整，最好有单独的site map页面；
  
• 404、302页面必须存在；
  
• 网站导航栏位置要主次分明，蜘蛛抓取习惯为从左向右，因此越重要的栏目靠前，关于我们、联系我们等不作为排名的栏目靠后；
  
• 产品列表页最佳展示8-10条/页；产品详情页最好有产品推荐；
  
• 内容资讯模块最好有，这部分占权重比较大，每篇内容中出现5-8次关键词为最佳
  

官网在产品经理心中的地位比较复杂，说大可大，说小可小，大到是公司的核心门面产品，小到可能无聊的只是几个静态页面间跳转。

但可以确定的是，官网是需要随着企业发展，持续调整价值导向、能力加持。