# 一个网站的首页，到底应该解决什么问题？

URL: https://caijiao.org/posts/71
Source: docs/posts/71.md
Description: 工具站的绝大部分流量是从搜索直接落到内页的，首页往往不是入口。它真正要解决的问题是：一个用完工具、或者从别处听说这个站的人，能不能在十秒内知道这里还有什么、值不值得记住。

做网站的人通常会在首页上花最多时间。但对工具站来说，这个投入的回报率并不高——而且很多人没意识到原因。

## 首页可能根本不是入口

先看一个事实：工具站的流量绝大部分落在**内页**上。

用户搜"png to jpg"，进的是转换页；搜"mortgage calculator"，进的是计算器页。他不经过首页，也不需要知道这个站是干什么的——页面上的输入框就是全部答案。

TinyWow 月访问近 200 万，但它的流量结构里约 47% 是直接访问，也就是说有相当一部分人是直接敲域名进来的。这些人进的是首页。剩下的搜索流量则分散落在 250 多个工具页上。

![TinyWow 工具站首页截图](/images/2026-09/tinywow.com.png)

*TinyWow 首页底部四项数据里，500k PDFs Created 排在最后一位。*

这意味着首页服务的其实是两类人：**直接访问的老用户**，和**第一次来、想看看这里有什么的人**。它不承担"吸引新用户"的任务，那是搜索和内容页在干的事。

搞清楚这一点，首页该做成什么样就清楚了。

## 首页的三个真实任务

**第一，让人在十秒内知道这里有多少东西。**

10015.io 的首页是一屏工具图标，按文字、图片、CSS、编码、颜色、社媒分类。就这一屏，你看完就知道"这里大概有五十个工具，覆盖了我日常会用到的大部分"。

这比任何一句 slogan 都有效。用户判断一个工具站值不值得收藏，依据是**覆盖面**，不是"我们致力于提供最优质的在线工具体验"这种话。

TinyWow 的首页同理，直接铺工具列表。Omni Calculator 的首页是分类目录——数学、金融、健康、日常。形式不同，逻辑一致：把库存摊开给人看。

**第二，让人能立刻找到他要的那个。**

工具一多，首页就必须有搜索。10015.io 除了做网页，还专门做了浏览器扩展，就是为了省掉"打开网站再找工具"这一步。

搜索框的位置、分类的粒度、排序的依据（按使用频率还是按字母），这些看起来是细节，但它们决定了用户第二次来的时候能不能快速找到东西。用 [JavaScript](/javascript/) 做前端即时过滤是很划算的优化——工具名是有限集合，索引全部放在前端也就几十 KB，输两个字就能出结果。

**第三，让人产生"下次还来"的判断。**

这是最难的一件事，也是首页唯一承担"说服"任务的地方。

促成这个判断的通常不是设计，是几个很具体的信号：工具数量够多（意味着下次的需求这里大概也有）、不用注册（意味着现在就能用）、加载够快（意味着不烦）。这三样都可以在首页上被直接感知到。

## 首页不该做什么

**不该讲品牌故事。** 用户不关心你是谁、为什么做这个。About 页面可以放，首页放就是浪费首屏。

**不该做长篇介绍。** "我们提供专业的在线文件处理服务，支持 PDF、图片、视频……"——这句话里没有一个字是用户在找的。他要看的是具体工具名。

**不该追求视觉冲击力。** 前面说过，工具站的性能约束很紧。首页放一个巨大的 hero 图或者动画背景，代价是首屏时间，换来的对任务完成没有任何帮助。

**不该把首页当成流量入口来优化。** 我见过有人在首页堆关键词、写大段文字，希望能排上某个大类词。这个思路在工具站上基本不成立——大类词的搜索意图是模糊的，即便排上去了，来的人也不知道该干什么，跳出率会非常高。

## 那首页该占多少精力

我的排序是这样的：**先做工具页，再做分类页，最后才是首页。**

工具页是真正的入口，它们的数量和质量决定了流量；分类页（比如"所有图片工具"）承担了次级入口和内链枢纽的作用，对爬虫理解站点结构也很重要；首页排在最后，它的边际收益最低。

很多人的顺序是反的——花了两周打磨首页，工具只有三个。这个投入分配，在流量来源以搜索为主的前提下，是错配的。

一个实用的判断标准：**如果你的首页是站内访问量最大的页面，说明你的工具页还不够多、或者覆盖的关键词还不够。** 对成熟的工具站来说，首页访问量通常只占全站的一小部分，尽管它的绝对量看起来不小。

想让首页真正发挥作用，把工具数量做上去比把它设计漂亮更有效——这一点在[在线工具](/tool/)集合这类形态上尤其明显。

---