网站内容规划网页设计( ToB的官网有两个方面作用：业务展示、增加外链做内容优化获客)

　　网站内容规划网页设计(

ToB的官网有两个方面作用：业务展示、增加外链做内容优化获客)

　　

　　“ToB官网有两个功能：业务展示、增加内容优化外链和获客。”

　　无论是PC端还是移动端，公司官网都可以说是“一家公司的商店”。

　　可能有人会想，移动互联网时代谁还在用网站？现在不都是移动体验吗？然后你就可以理解偏差了。对于ToB业务，尤其是SCRM和SAAS，大部分后端还是设计在PC端。

　　因为PC的开发成本比较低，对于SAAS或者SCRM产品，迭代周期比较快；如果做一个像TOC这样的APP来控制的话，比较费力，成本也比较高。

　　当用户对公司和品牌一无所知时，官网和自媒体是向用户传递信息的重要方式之一。从某种角度来说，可以说自媒体和官网内容的传播影响了用户对这个公司和产品的认知度和信任度。

　　如果一家公司的官网结构不清晰、图形陈旧、布局凌乱、配色俗气，用户很容易怀疑该公司的“正规”和“实力”。

　　当然，也有人会认为，现在信息大爆炸，做网站不能带客户，做也没用。

　　对于ToB来说，官网不仅仅是一个显示面板；因为涉及到后台登录，他优化了内容搜索引擎，外链的布局也起到了非常重要的作用。

　　一、宗旨、定位和风格

　　官网的定位、呈现方式、功能的介绍，决定了对客户心智的影响。从ToB的角度来看，网站的设计不一定和同行一样；但所传达的主要价值观、核心文化理念、情感和底层事物应该是一致的。

　　在风格和设计层面，呈现的内容主要还是要有“用户思维”；我们面对的客户是谁，可以解决什么样的问题，提供什么样的客户价值。

　　逻辑必须有“商业思维”。网站本身离不开业务。我们必须关注行业趋势、市场格局和商业模式三个板块。核心是思考“如何通过网站获取客户”。

　　1. 明确主要目的，找好定位

　　不同的商业模式面对不同的客户群体，呈现的内容也不同；因此，我们必须明确定位，使网站成为什么形式。

　　比如某SCRM公司的微信客户管理官网，核心一定是“客户使用这个软件，告诉客户这个软件的好处和核心卖点”，通常这类软件强调“增长”、“用户画像” 、数据分析”等问题。

　　做好基础定位，从目标用户的角度分析，在搭建的时候就可以直接提炼出“卖点”。

　　对于ToB成长中的公司来说，重要的一定是“获取客户”。如果“品牌也被推广”和“内容被搜索引擎收录搜索”通过每个网页会更好。事情。

　　所以，网站的设计初衷决定了“风格和展示内容”。我们必须以目标用户为中心进行规划，最终让用户信任“这家公司”，成为目标客户。

　　即使在我们的实际业务中，获取客户的方式有很多，但最终“用户”绕不开“官网后台注册使用，甚至免费体验”这个环节；在本质层面，网站 的 UI 和后台体验也会对转化产生影响。”

　　目前客户虽然可以通过各种渠道找到相关软件的“自媒体”，但实际上用户更愿意去官网了解；因为客户一般都会访问公司官网，他们基本上都有一定的需求，或者想通过官网找到解决方案。

　　经过大量调查，相信在用户进入官网时，有的用户更愿意留下*敏*感*词*，有的用户直接“注册体验”，这也意味着我们必须考虑“引导路径问题” ”当我们制作官方网站时。

　　由此分析，无论是哪个渠道来，官网带来的线索都会集中在产品的使用上，主动性更强，转化率更高；在建设初期必须明确核心目的。找到一个好的商业定位也很重要。

　　2. 风格设计和整体结构

　　做ToB网站的时候，不建议100%做原创；从UI层面或者结构上，你可以参考你的竞争对手甚至顶级品牌的一些做法。然后创新并融入您自己的互动中。

　　设计主要包括两个核心内容：网站的整体风格和结构。

　　我以SCRM和SAAS为例。在某个垂直品类中，我们可以看穿大量的竞品；虽然大部分的展示风格不同，但是网站的结构基本是一样的。

　　比如一个SCRM企业微信管理软件，顶部导航栏的一般属性是：首页+产品服务+定价+案例+学院+渠道合作+关于我们+后台入口，最常见的首页也是大屏+核心功能。

　　那么当产品或品牌部门在做原型时，可以参考主要结构。核心是如何根据业务的具体发展阶段“调整形式和产品方案”。

　　当主框架可用时，我们就可以在下一步中“找到每个网页的框架”。

　　以 SCRM 主页为例。它们中的大多数被分成一个大屏幕横幅旋转木马和几个不同的豆腐块。核心是表达“帮助客户解决任何问题”，加上互动动作展示业务，最后加入合作客户和案例见证。顶杆和底杆固定；其实仔细观察，大部分官网都有类似的方法论。

　　风格层面的设计需要遵循自身的品牌调性和价值主张。有的公司有专门的VI设计师和完整的品牌设计体系。

　　也许对于初创企业，甚至是发展“品牌”，都没有时间规划 VI 资产。

　　这时，建议使用“LOGO”作为主调，或者公司喜欢的主题风格，并设置主色；如果可能，你也可以制作一些二维视频，甚至互动。

　　由于ToB多是针对小微企业，甚至是大企业，从行业整体来看，蓝色、红色、商务高端黑色居多，给用户一种更大气的感觉。

　　因此，在设计网页时，除了有规律的互动外，还必须融入一些“情感元素”——简单来说，活泼而严肃，简单而不杂乱；让用户体验“在获取信息的同时”品牌带来的情感关怀。

　　二、内容设计

　　对于ToB类网站来说，除了架构、交互、视觉之外，还有一个很重要的点就是“内容设计”；内容直接决定了“用户是否了解产品”，产品能解决我什么痛点。

　　当用户使用网站时，本质就像用户在和你说话。当对话变成混蛋时，用户会发疯；然后他们可能会生气地离开。我看过很多网站都说他们“很好”，但他们没有展示具体的核心。

　　1. 从用户的角度写内容

　　品牌或产品部门在做网站的时候，不要闭门造车，要有“用户思维”；你要想象对面是你的客户，我想对他说的话，让你有情境感，你可以打磨它。基本内容。

　　我以主页为例。当用户进门时，我们是否需要介绍“我们做什么”，以便将我们的“使命、愿景和价值观”告诉客户；其次，我可以为用户提供说什么“服务”，提供什么样的帮助（功能）。

　　如何展现我的优势，我要站在用户的角度去体验，从网站的角度去理解用户；因为用户很忙，短时间内找不到我想要的，他可能会离开。这将白白失去。

　　其次，有些事情是不需要“说太多”的。网站 本身就是“带给你自己”。说的太多，用户会觉得有压力；所以一定要细化功能甚至服务关键词，简单就直白点。

　　记录用户想法时，尽量使用原词，了解用户描述需求时使用的语言；这样，在写内容的时候，当然可以知道用户平时喜欢听什么样的词汇。适当添加一些“专业语言”，尤其是在描述“技术产品”时。

　　用户来到网站通常是带着“问题”或完成一项任务，很少是因为“网站看起来不错”；当然，也不排除这种情况（有的设计师为了学习，只是带着视觉维度来参观）。

　　用户最想要的就是在“官网”上搜索他们想要的答案，所以最好的形式是与用户对话，或者让用户直接注册体验；所以本质内容一部分是解决用户的问题，另一部分是“介绍自己的业务”。

　　大多数B端用户很少来“仔细阅读产品内容”。客户利用网页浏览信息快速“过滤掉无关内容”；因此，在规划首页甚至子页面的内容时，要减少词的堆砌。

　　网站 大段的出现会让用户看起来很伤心，没有注意力。一段描述写好后，一定要从用户的角度仔细阅读和删除，尽量呈现出来，重点是避免使用废话来占用网站空间。

　　2. 字幕和空格

　　在不同页面写内容时，尤其是产品介绍，可以尽量用图片来展示。”如果需要图片加文字，最好把大的内容分成几部分，标注不同的副标题。

　　这样，用户在阅读的时候，会先看“主标题”，再了解细节。用户不必浪费大量时间阅读不需要的“章节”；章节副标题的意思是“概述一段文字”。因此，标题需要慎重考虑，不得随意用一句话作为主语。

　　副标题和内容比其他信息更接近。当标题和上下文字间距相同时，标题会在两端文字之间浮动，容易让用户不知所措。

　　标题和正文的布局应采用“紧凑原则”，以便用户能够准确地知道要概括标题的核心内容的哪一部分。

　　留白也是一个非常重要的部分。从网站原型到“内容设计”，网页分为“无意留白和有意留白”；有些人可能认为，一定要有更多的内容才能展示官网业务，其实这是一种“错误的理解方式”。

　　不经意的留白和交互可以给界面“呼吸空间”。段落中的留白让网页更加通透，来访的客户不会被大量的“文字信息”淹没。

　　在原型中，部分内容也可以用“图标”代替，但基本的PRD原型应该告知设计者。

　　如果使用图形和文字，则需要仔细考虑图像的大小。品牌形象的布局和布局可以根据网页设计的大小。图像尽量不要占据整个屏幕；因为用户可能会看到满屏的大图像。你不会关注其他的，你可能会因为一张图片忘记向下滚动而错过其他方面的核心内容。

　　3. 内容写作的“差异化”

　　要知道，在一个行业中，我们有很多竞争对手，每个竞争对手“切入”的用户群体也不一样；但在产品的主方向定位完成后，在内容差异化方面，我们也必须区别于“其他竞争对手”，避免直线竞争。

　　内容差异化主要表现在“产品”、“服务”、“形象”三个板块。

　　起草官网内容的同事要了解业务，与产品和运营对接和打磨，细化自己的产品或者去其他产品，更有优势；我们有没有竞争对手没有的功能，我们产品的核心卖点是什么？这样提炼出来的内容是有区别的。

　　服务视角的差异主要体现在“自己与竞争对手的比较”上。我们可以展示我们的竞争对手没有或更好的公司，甚至我们提供了哪些公司提供了哪些服务。

　　在某些层面上，选择我们的*敏*感*词*用户在某些方面代表了“对我们服务的认可”。

　　比如帮助客户提供运营方案，陪客户一起规划活动。这些都可以成为“详细背书”；目前，大多数主流市场只提供“SOP”，不提供深度。

　　图像的具体差异主要在“UI”性能层面。如果产品和服务与竞争对手非常相似，那么可以从形象维度拉开差距，直接影响用户的视觉体验，起到强化作用。

　　无论是标题、结构、内容还是留白，这些不同的差异本质上都是“为用户传递价值信息”；信息是获得用户认可、增加情感和信任的一种方式，最终由用户“决策”来服务，所以还是“付费”驱动着这一切。

　　三、指导注册版块设计

　　ToB的网站不只是为了展示，核心是获取客户；那么，在ToB的网页中，一定要有网页注册和免费体验流程设计；所以基于这个特性，我们必须对内容和路径进行有针对性的优化。

　　注册可以放置在单独的“部分”甚至图标中。

　　当然，一般的SAAS和SCRM都会放在“产品解决方案”下或者定价部分，甚至穿插在任何可视化的角落里，引导用户使用。当用户注册时，就意味着他们获得了“销售线索”。

　　1. 为什么需要引导注册行为

　　ToB产品的销售环节与TOC不同，对注册体验影响很大。ToB获客一般基于内容营销、案例营销、搜索引擎投放等策略，即“两跳逻辑”。

　　用户接收到的第一条信息的本质是“一个登陆页面，一个PDF，一个文章，甚至一个广告”，我们可以称之为“内容获取载体”。

　　运营商绝对不是正规的官网。相对来说，它是“内容更丰富、更吸引人，甚至是名气大、流量大的地方”。

　　至于它的官网网站，通常知名度不高，流量也不大。流量主要来自“内容获取的载体，甚至是交付的载体”。

　　从用户的使用场景来分析，注册绝对不是用户的第一需求，他一定是为了一个兴趣点，即使是在获取“操作手册”和“解决方案”填写的信息之后。

　　因此，在这种情况下，用户必须强制完成注册，然后填写“申请文件下载，甚至申请产品体验”。

　　那么就会有两个核心问题：

　　让我们从要设置的第一个问题开始。用户填写此表单通常基于两个前提：一是“产品真正感兴趣并希望可用”，二是着陆页上的内容。吸引; 我希望通过填写并等待官方审核来获得您想要的信息。

　　我们来看第二个维度，为什么落地页设计需要填写产品试用。某公司的销售KA和业务希望获得这些信息，并通过该信息联系潜在客户。需要注意的是，用户填写试用申请是为了“获取线索”。.

　　填写试用后，如果后台设置人工审核机制，用户可能会不耐烦而放弃；以上是大部分ToB网站的产品路径设计，这个路径本质上并不满足用户的“所见即所得”。

　　所以为了让用户体验和获取业务销售线索，可以在这里优化步骤——用户自己申请、填写信息、跳转学院、下载文件（3-7天的产品体验权限），如果想体验更多，添加业务*敏*感*词*。

　　一个产品设计的每一步都有它的意义，它不是为设计而设计的；我们需要了解用户背后的逻辑，人性尤为重要。

　　2. 引导行为“背后”的最佳路径

　　我们需要“从用户行为全环节的角度思考”，看一个注释，把方法论过来；接收信息，用户注册、登录、填写信息、申请试用、下载文件。

　　那么对于ToB，最优流程应该是：

　　路径一：内容载体登陆页面-点击产品-跳转到描述页面-确定是否登录-已登录产品试用页面-注册登录-跳转到学院下载资料。

　　路径二：内容登陆页面-点击产品描述页面-官网-注册-是否有账号-如果注册登录-直接登录-跳转到文件下载链接（学院）-下载.

　　注册过程中，表单默认直接填写，甚至将“添加好友”链接设置为“注册后”；并且没有强制加好友、商家审核机制，反而会让用户体验更流畅。

　　但是目前针对新用户的ToB网站设计大多是账号+密码或者手机号+验证码的形式。两者都是从一个简单的登录场景来分析的。密码可能会与其他网站库被破解，这也是源于“用户密码设置简单复杂的难点”。

　　验证码的登录可以给用户更好的体验，但是验证码可能会涉及一些额外的维护费用，但是对于ToB产品来说，金额一般不会太大。

　　引导注册是ToB网站设计中非常重要的一步。当然，这肯定是基于“网站形成后更深了一步；虽然是登录入口，但入口也需要大量的“设计集成”。，这也是我的核心原因在官网上强调要成为学院。

　　因为内容是载体，载体上有很多关键词会被搜索引擎抓取，客户抓取后通过自然搜索外链找到“你的官网”，从而注册你的产品并给你带来线索。

　　四、网站 上线获取客户

　　在网站的整体框架、UI、内容、方案设计之后，还要考虑如何利用网站来“获客”策略。

　　网站 与 SEO 兼容。如果只有一个网页，它本质上不是很有用；我们需要将内容与网站进行整合，让技术团队做网站产品的时候还需要梳理出相关的“数据埋点”，尤其是路径下的埋点内容学院。

　　1. 网站 开发及在线关注

　　当我们把“PRD”和UI都做得非常成功时，下一步可能涉及到技术的开发和推出；首先，作为官网项目组，确认一个是跟进项目整体进度，另一个是避免上线后出现“BUG”问题。

　　在开发技术时，尽量传达“PC+Mobile”的适配功能。其次，网站的基调和部署也需要注意整体的和谐。

　　色调可以在页面上产生多种效果，使用强烈的对比可以突出页面的核心；或者使用色调的调整，网页也可以达到很好的效果。通常，底部栏的颜色相对较重。

　　这可以抑制页面上的色调。如果不采用这种方法，整个网页可能会显得头重脚轻，页面底部的文字和图片会有一种“浮出”的感觉。

　　另外做好“网站整体分割”，有的用全白来避免这种问题，有的黑白最难掌握。

　　分割实际上是一项非常重要且难以掌握的任务。页面分割不同于杂志分割。杂志细分是有界限的。杂志设计师可以突破界限，营造立体感；然而，页面分割被削弱了。这就解决了边界问题，因为电脑屏幕可以上下左右移动。

　　因此，ToB网站的页面分割更为重要。可以通过不同的颜色、边框、线条进行分割；但切分的素材不能太“抢眼”，以免影响客户对内容的整体浏览。

　　还有“字体配置样式问题”。做 ToB网站 字体配置不要有过多的样式。在操作网页风格的策略时；总觉得字体太多可以让官网看起来不是特别死板，但也不是那样。

　　ToB网站 注重规划，而不是颜色和款式的堆叠。在内容的各种字体样式中要注意颜色的运用，这样才能看出策划者的技术实力和策划功底。

　　一般来说，上网前检查网站，使用不超过3种风格的字体，这样看起来不会特别凌乱；并且用户可以一目了然地看到自己想要的信息，而不用刷出来的“浓妆”没有核心。

　　2. 总则 网站 获得客户的途径有哪些

　　目前很多ToB网站标配了“内容版块”，即内容学院。学院规划了多个板块，如：行业白皮书、事件解决方案、客户成功案例、TOC增长与裂变方法、PPT、PDF参考资料等。

　　这些是后续内容搜索引擎优化中获取销售线索的主要方式。市场头部案例包括钉钉和飞书。他们通过内容形式的输出方法，使许多线下活动的案例“线上化”。

　　事实上，每家公司的获客策略并不是单一的。有的利用优惠活动引导用户注册，有的引导客户在不同的专题页面留下线索。比如阿里云早期使用的云服务器低至几家。十元/年旗帜。

　　所以网站最好的形式就是“内容优化”，着眼于长尾关键词、品牌关键词，甚至痛点程序关键词“布局内容” ”。

　　例如，公司的产品是SCRM，以增长为核心，铺设长尾；用户在搜索引擎中搜索时，可能会发现“网站的内容”，会被官网的一个程序收录。吸引注册。

　　用户的需求等于关键词。无论是信息流（信息找人）还是人找信息，这个IR的逻辑从来没有变过。内容为关键词挖矿；一是搜索引擎下拉框，二是行业词、小词、品牌词、虚词，循环渐进。

　　一个完整的官网建设大概需要这些值得我们关注的核心，即“内容策划”、“整体架构设置”、“UI风格掌握”、“引导注册版块设计”、“后续内容优化”“长尾思维” ”、“上线前测试”等。

　　五、 写在最后

　　网站 网站 的设计不是一个人就能完成的。很多时候，需要产品经理制作原型，设置布局，为品牌策划内容，然后交互，最后设计师设计页面。

　　官网不仅考验审美水平，更考验产品经理对用户的认知和公司品牌经营；只有真正了解品牌和业务，了解目标客户，才能推广产品。