B2B 首页设计：内容线框表与审阅清单

先明确首页的职责

B2B 首页应帮助访客看懂业务、判断是否适合自己、找到可信的支持材料，并选择有用的下一站。它介绍公司的业务范围；服务细节、产品规格和询盘准备要求，应交给各自负责这些问题的页面。

这篇指南适合正在准备首页简报的企业负责人和营销团队。先用下方的内容线框表和审阅记录决定页面放什么，再选择视觉表现。建议顺序只是待验证的起点：如果研究表明另一项问题更紧迫，就调整顺序。

Nielsen Norman Group 的首页设计原则强调说明组织用途、展示有用内容，并支持继续导航。访客也可能先进入内页，再回到首页寻找方向。因此，首页既要服务首次进入的人，也要接住从内页返回的人。

先写首页简报，再写首屏

先写明业务类别、优先受众、内容要帮助对方理解的价值，以及下一站。“一体化卓越解决方案”这类内部表达，会把解释工作留给读者。具体业务类别让读者知道自己在评估哪类公司；适用条件进一步说明哪些需求值得继续了解。

• 业务：公司实际提供什么？
• 适配：处于什么情境的买家应当觉得相关？
• 证据：哪些获准使用的材料支持这段描述？
• 路径：读者去哪里查看细节，或提出相关问题？

简报要对应真实业务。如果业务范围或受众还没确定，先由负责人解决。首页文案的任务是表达已经确认的定位，不能为了让标题有力而创造新能力。上游决定尚不明确时，可先使用B2B 网站设计策略框架。

B2B 首页设计内容线框表

用这张表把简报转成页面区块。它规定需要回答的问题和准备的材料，而不规定卡片数量或视觉风格。回答同一问题的区块可以合并；没有有用内容的区块可以省略。

让证据靠近它要回答的问题

通用的资质展示条，不能替代关键主张附近的支持材料。首页介绍某项技术能力时，应在附近放置获准使用的产品图解、规格片段或方法说明，并提供完整材料的入口。一个标志本身无法解释合作范围或实际做过的工作。

为每项候选证据记录：要支持的说法、支持材料、使用许可、适用范围、负责人和复核日期。材料不足时，缩小说法或删除主张。不要用虚构评价、借来的成果或暗示性的认证填满证据区。

按图片传递的信息选择素材。流程图可以解释顺序，产品照片可以展示相关特征。W3C 的图片替代文本决策树区分信息性、装饰性和功能性图片。先确定图片用途，再写替代文本，并让重要含义也能通过真实页面内容获取。

帮助不同买家分流，不必复制整个菜单

菜单提供持续可用的全站入口；首页正文可以进一步解释为什么值得去某个目的地。公司有多项业务时，用简短且有区别的说明，让买家不必逐页打开就能比较路径。不要让不同卡片都叫“了解更多”，又指向相同页面。

按买家能识别的差异组织入口，例如产品系列、应用或问题。只有当读者理解角色名称，而且目的地确实不同时，才适合按角色分流。技术评估人员和采购人员可能需要同一产品的不同证据，但这并不总意味着必须拆成两页。

链接应指向已有的规范内容归属页。Google 的链接指导推荐带 href 的标准链接元素，以及有描述性的锚文本。先在简报中写清目的地名称，再核对渲染后的链接。菜单结构和路径测试可继续参考网站导航任务映射指南。

示例：一家虚构的技术供应商

假设一家虚构供应商提供工业设备用零部件。它的首页初稿在说明零部件适用场景之前，就放了完整目录、很长的公司历史和联系表单。需要调查的问题是：买家能否找到相关产品系列及其支持信息。

新的内容方案可以先在首屏说明零部件类别和目标应用，再展示具有区分条件的主要产品系列，让各系列链接到规格详情，并提供用途明确的技术询问入口。公司背景仍可通过内页查看。这是需要测试的内容顺序提案，不是已经观察到的业务结果。

给潜在买家一个真实任务：“找到你在询问是否适用之前需要查看的零部件信息。”记录对方选择哪个入口、预期看到什么，以及哪些表达造成疑惑。修改不清楚的区块后，再做一轮任务。一次成功走查不能转成转化率预测。

验收可操作的首页，而不只看效果图

使用实际文案、媒体和目的地，在移动端及桌面端审阅。短占位文案可能掩盖换行问题，也可能遮住信息不清的问题。检查阅读顺序、标题、图片含义、键盘操作、可见焦点，以及从内页返回的路径。W3C 的页面结构教程解释了有意义的区域和标题如何支持导航。

用下面的记录把观察与决定分开：

• 区块与任务：访客当时想理解什么，或到达哪里？
• 测试情境：使用了哪个页面、语言、视口和输入方式？
• 观察：实际发生了什么，包括意外目的地或缺失信息？
• 决定：保留、修改或继续调查；写明负责人，以及下一次检查所需证据。

完成设计验收，不等于业务表现已经得到验证。上线后，将相关的首页到详情页路径、以及独立确认的询盘，与网站自己的基线比较。不能因为访客看过首页，就把所有询盘都归功于首页。

B2B 首页常见问题

B2B 首页应该有多长？

以足够说明适配条件、展示有用证据和明确后续路径为准。深入评估材料交给负责该问题的内页。一个区块如果只是重复信息，却不帮助决定，就合并或删除。测试读者能否找到所需内容，比规定统一字数更有用。

首页只能有一个行动按钮吗？

首页应有清楚的主要下一步，同时保留给需要更多细节或已经使用产品的访客的有用入口。让入口名称和用途有区别。服务多个受众的首页，与聚焦单次活动的落地页承担不同职责。

首页可以替代服务页吗？

不能。首页介绍业务范围并帮助选择。独立服务页说明具体业务的适用条件、输入、输出和支持证据。首页应让这些深入信息容易被发现，而不是完整复制服务页。

更多配套工具见B2B 网站策略集群。如果首页简报仍有未解决的问题，可以向 CHCZ 提供买家问题和当前页面。