B2B 首页面向的是网站上最广泛的受众：来自搜索的首次访客、销售通话后回访的潜在客户、寻找登录入口的现有客户、求职者、分析师和合作伙伴。它无法促成任何一方的成交，所以它真正的任务是快速告诉每个人：您来对了地方，以及下一步该去哪里。本合集选取了知名 B2B 软件公司的11个线上首页，逐一拆解它们如何完成这项任务。
我们在2026年10月访问了每个首页，只描述当时页面上的内容。首页经常更改，尤其是首屏文案，所以请把具体细节视为一张快照，把其中的模式视为可借鉴的经验。每个案例都附有线上网站的链接。
我们如何解读每个首页
对每个案例，我们按访客体验的顺序检查了五项内容：
- 首屏标题和副标题：是否说明了产品是什么、适合谁？
- 主 CTA 和次 CTA：它们分别要求访客做什么？是否适合不同的买家阶段？
- 证明材料：logo、客户数量、点名引言、分析机构认可，以及它们所在的位置。
- 分流：页面如何将不同角色、团队或公司规模的访客引导到合适的内容。
- 首屏以下的内容深度：产品板块、价格预告、资源。
如果您想按细分调整这些模式，而不是照搬一个版本，我们的 B2B 首页个性化指南介绍了应该优先修改哪些元素。
1. HubSpot：为两类买家设置两个 CTA
HubSpot 首页以平台定位开篇（“在一个平台上创造需求、赢得交易、取悦客户”），副标题讲的是围绕客户数据协同营销、销售和服务。两个按钮并排：一个用于预约高级版软件的演示，一个用于从免费工具开始使用。这组按钮在页面下方再次出现。首屏之后紧接着是客户数量，然后是每个产品中心的介绍板块。再往下，一个案例研究轮播图设有小型、中型和大型企业的标签页，导航也按团队规模提供了入口。
这组 CTA 恰好对应 HubSpot 的两种获客方式。小企业主自助操作，大公司的市场总监预约演示，谁都不用四处寻找。
我们会测试什么：逐个介绍各 Hub 的版块太长了。我们会在它上方测试一个简短的“您属于哪个团队”选择器，直接跳转到相关的 Hub。
2. Stripe：展示产品实际运行的样子
Stripe 首页开头是“Financial infrastructure to grow your revenue”，副标题从初创公司的第一笔交易一直讲到大公司的第十亿笔交易。首屏有一个“Global GDP running on Stripe”计数器，页面使用产品图形（包括一个模拟结账界面）而不是抽象插图。CTA 是“Get started”和“Sign up with Google”；“Contact sales”放在页眉和靠近底部的一个板块中。
这里的优势在于展示而非描述：页面没有去描述支付功能，而是展示 Stripe 结账界面的样子。开发者或产品经理无需阅读功能列表，就能想象它嵌入自己产品中的效果。
我们会测试什么：首屏提供两个自助按钮，却没有销售路径。我们会测试对识别为大公司的访客，把 Google 注册按钮换成“联系销售”链接。
3. Slack：“开始使用”旁边的套餐选择器
Slack 首页的标题是“All your people and AI agents working together”，下面是两行副标题：“Slack connects your team. Slackbot multiplies what they can do.” CTA 为“Get started”和“Find your plan”。下方是分标签页的产品示例（询问 Slackbot、规划发布、管理项目、与客户沟通、自动化任务）、一个“What's new”动态栏，以及按知识、人员、流程和平台分组的板块。
对于知名度这么高的产品，“找到适合您的套餐”是一个聪明的次要 CTA。工作中已经在用 Slack 的访客，可能只是在决定买哪个套餐，这个按钮直接把他们带过去，而不必看一遍他们并不需要的推介。
我们会测试的内容：“新功能”模块在页面上的位置很靠前。它很好地服务了现有用户，但对于新的商务访客，我们会测试将其替换为来自其所在行业的客户故事。
4. Notion：以使用场景作为链接，以具名领导者作为证明
Notion 首页以“Where teams and agents think together”开场（动词单独设置样式，可能会轮换），并配有两个 CTA：“Get Notion free”和“Request a demo”。接下来是三个简短模块：沉淀知识、查找答案和自动处理琐碎事务。随后以链接形式列出一组具体使用场景（“Triage product feedback”“Resolve support tickets in Slack”“Automate weekly reporting”）。证明部分使用了 Cursor、Faire 和 Ramp 等公司点名负责人的引言及其职位，另有一排采用情况说明，例如 G2 排名和财富100强企业的使用情况。
我们欣赏的地方：用例链接是按任务而不是按功能来写的。支持团队负责人会点击“在 Slack 中解决支持工单”，因为这描述的正是他们每周的工作。
我们会测试什么：用例链接对所有访客都是通用的。一旦知道访客是谁，这里就是按行业或部门进行个性化的天然位置。
5. Linear：产品本身就是主角
Linear 首页的标题是“面向团队和智能体的产品开发系统”，副标题是“专为规划和构建产品而打造，为 AI 时代而设计。”主视觉是产品的演示画面：一个从 Slack 创建的问题，被 AI 打上标签，由智能体接手并移至“进行中”，旁边是一个等待审核的拉取请求草稿。页面随后分阶段介绍工作流程：需求收集与集成、规划与监控、AI 与自动化、构建与审核，接着是更新日志预览、客户引语和结尾的注册板块。
对于技术型受众，真实的产品界面比任何宣传都更有说服力。演示流程按照买家自己的业务流程排列，从接收到发货。
我们会测试什么：页面上几乎没有面向 COO 或财务负责人等非技术审批人的内容。加一个关于安全、管理和定价模式的简短板块，会对采购委员会中的第二个人有所帮助。
6. Gong：轮播成果关键词，再展示具名客户的成果
Gong 首页的首屏将品类定位（“#1 AI OS for Revenue Teams”）与一句轮换文案搭配：“Revenue AI built to”后接各种成果，如更快成交、预测管道风险、自动化交接和预测流失。CTA 是“Book a demo”和“See Gong in action”。紧接着下方是客户数量，然后是一个具名客户故事，附有生产力数据和该客户赋能负责人的引语。再往下的板块介绍平台、一整面具名客户评价、点评网站评分和分析机构认可。
轮播的成果描述让一个首屏同时面向销售负责人、RevOps 和客户成功团队，无需三个独立页面。具名客户成果在一屏滚动内就会出现，所以在访客提出疑问之前，论断就已经有了支撑。
我们会测试什么：轮播文字可能被错过，或者在切换途中被读到。我们会改为针对每个细分测试一个静态标题，根据访客的角色或公司类型来选择。
7. Atlassian：首屏只放一款产品，下方是产品集合
我们访问时，Atlassian 首页的主视觉是一个轮播图。产品那一屏写着“Unleash your teams and their agents”，聚焦于单一产品，配有“Get started with Jira”和“Contact us”；其他几屏则用“Watch now”按钮推广其 Team Europe 活动。往下，页面介绍了按工作类型分组的应用合集：团队协作、战略、服务、软件和产品。导航提供按使用场景、团队、公司规模和行业划分的路径。
拥有多款产品的公司应该在首屏选择一个切入点，而不是全部罗列，Atlassian 在其产品轮播中就是这样做的。下方的产品集合板块则承接为其他产品而来的访客。
我们会测试的内容：来自 IT 服务团队的访客可能不想在首屏看到 Jira，首次访问者可能会落在一张对产品只字未提的活动幻灯片上。我们会测试一个固定的产品首屏，根据来源或行业选择展示的产品，默认展示 Jira。
8. Intercom：首屏放注册，首页放价格
Intercom 首页以“A complete system for AI and human customer service”开篇，配有一句关于五星评价数量的说明，首屏中直接放置了邮箱输入框和开始按钮。页面随后介绍了其两款产品：客服平台和 Fin AI 客服，展示了“Works with the tools you already use”版块，并在首页上直接加入了“Transparent pricing”版块。
在首页设置价格模块，回答了许多 B2B 访客带着来的问题，也表明供应商不怕被比较。每个产品模块还附有“查看演示”链接，让访客在留下邮箱之前就能看到产品。
我们会测试什么：主视觉中的邮箱输入框适合小团队。对于大型企业访客，我们会测试将其替换为演示 CTA。
9. monday.com：首屏上方的部门标签
monday.com 首页的标题是“People and agents working as one team”（人与智能体协同如一个团队），副标题是“The AI workspace where people and agents drive business results together”（人与智能体共同推动业务成果的 AI 工作空间）。下方是一排部门选项（市场、运营、产品、销售、PMO）和一个“Get Started”按钮，随后是一行关于财富 500 强采用情况的说明。页面接着用相同的部门标签展示智能体使用场景，访客选择自己的团队后，内容随之变化。
部门选项行让访客在首屏自我识别，后续板块则根据这一选择做出响应。这是访客细分自动完成之事的手动版本。
我们会测试的：根据已知访客数据预先选中部门标签页，让营销团队无需点击就能看到营销相关的示例。
10. Snowflake：活动横幅，导航中兼顾两条路径
Snowflake 首页顶部是即将举办的免费线上活动横幅。导航中同时放置了“Contact sales”和自助开始按钮，旁边是语言选择器。首屏推广新的 AI 产品，随后是带有“Why Snowflake”和“View pricing”链接的平台版块，再往下是客户故事和合作伙伴生态。
在常驻导航中同时保留销售路径和自助路径，意味着无论滚动到哪里都能看到，而不仅仅是在主视觉区。
我们会测试什么：首屏宣传的是产品发布，服务的是现有客户和分析师。新访客可能需要一句更直白的话说明 Snowflake 是什么。我们会测试按新访客与回访访客分流。
11. Zendesk：首屏放带同意文本的邮箱输入框
Zendesk 首页的标题是“AI-powered customer service platform”，副标题围绕其 AI 智能体的自动化能力展开。首屏有一个工作邮箱字段和一个开始按钮，下方紧接着是营销信息订阅勾选项和隐私声明链接。随后是一排使用数据，然后是独立 AI 智能体、一份分析师报告、“Built for businesses of all sizes”（附客户故事）、集成、资源和价格等板块。
邮箱字段旁边的订阅说明如实告知了邮箱地址的用途，这对欧盟等同意规则严格的市场中的买家很重要。底部附近的价格模块，则能接住那些滚动浏览了整个页面寻找价格信息的访客。
我们会测试的内容：首屏主张是一个醒目的“高达”自动化比例。客服负责人了解自己的工单构成，所以我们会测试补充一句简短说明，指出它指的是哪类交互，并观察来自较大团队的演示和注册点击是否有变化。
这些 B2B 网站案例中的共同规律
- 两个 CTA 对应两种购买方式。HubSpot、Notion 和 Atlassian 把自助操作和销售操作配对，Gong 则把演示和产品导览配对。这对 CTA 就相当于首页上的分流。
- 在页面顶部附近让访客自我识别：monday.com 的部门选项卡、Notion 的使用场景链接和 Atlassian 的产品集合，都在早期就问访客“您是哪一类？”
- 滚动一屏内就有证明。在大多数示例中，客户数量、具名成果和 logo 紧跟在首屏之后。
- Stripe 和 Linear 直接展示产品而不是描述产品，在页面顶部附近放置真实的产品界面。
- 价格没有被隐藏。Intercom 和 Zendesk 在首页上就有价格版块；Slack 和 Snowflake 在首屏或导航中链接到价格页。
- 所有人看同一个页面。除了手动切换的标签页，这些首页都没有明显根据来访公司做调整。初创公司和大型企业看到的主视觉、证明材料和 CTA 完全相同。
最后一点正是机会所在。这些公司让访客手动选择的元素（部门、产品、公司规模），恰恰是您在知道访客是谁时可以预先选好的。我们关于落地页与首页的文章解释了哪些流量本就该落在首页，而面向采购委员会的 B2B 网站设计一文介绍了这些选择背后的页面结构。
B2B 网站首页检查清单
- 标题点明品类或要完成的任务，而不只是一句口号。
- 副标题说明产品适合谁。
- 主要和次要 CTA 对应您的两条主要采购路径（自助和销售，或演示和资源）。
- 证明材料在滚动一屏之内出现，并与受众匹配（来自同类公司的 logo、点名的成果）。
- 页面上有显眼的方式让访客按角色、团队、行业或公司规模自我标识。
- 以真实状态展示产品，而不仅仅是抽象插图。
- 首屏或导航中有价格页面的链接。
- 安全、集成和管理相关内容，采购委员会的第二位成员一键即可找到。
- 回访的客户无需滚动就能找到登录和支持入口。
- 每个版块都必须对首次访问者有存在的理由，否则就往下移。
其他页面类型，请参见我们的配套案例集：SaaS 价格页案例和演示申请页案例，以及按页面类型划分的 B2B 落地页案例。如果您想看到首页如何根据来访公司自动调整，我们的使用场景页面展示了 Markettailor 是如何做到的。
常见问题
B2B 首页应该包含哪些内容？
一个点明品类或任务的标题，一个说明面向谁的副标题，两个与您的购买路径相匹配的 CTA，一屏之内就能看到的证明，让访客按角色或公司类型自我识别的方式，真实的产品画面，以及通往价格、安全和集成页面的链接。上面的案例展示了每一项的实际做法。
B2B 首页与 B2C 首页有何不同？
B2B 首页要面向采购委员会中的多个人，以及处于不同阶段的买家，所以它的分流作用大于销售作用。它通常在自助通道之外提供一条销售通道，展示面向公司而非个人的证明，并链接到技术和财务审批人需要的内容。
B2B 首页应该放一个 CTA 还是两个？
大多数情况下是两个。一个面向准备自行行动的访客（注册、开始使用、查看价格），一个面向需要沟通的访客（预约演示、联系销售）。HubSpot、Notion 和 Atlassian 都采用自助加销售的组合。只有当您只有一种采购方式时，单一 CTA 才适用。
有哪些优秀的 B2B 网站示例？
HubSpot、Stripe、Slack、Notion、Linear、Gong、Atlassian、Intercom、monday.com、Snowflake 和 Zendesk 都是很有参考价值的例子，因为它们各自很好地解决了一个具体问题：双重购买路径、展示产品、自我识别、证明的摆放位置或价格透明度。要研究每个页面背后的决策，而不是照抄它的外观。
首页应该多久更新一次？
当您的定位或主要受众发生变化时，修改首屏和证明内容；较小的改动则持续测试。没有假设的大规模改版会让您难以知道什么有效。衡量首页时要看通往关键路径（价格、演示、产品页面）的点击，而不只是表单提交。