个人网站结构图

打开浏览器，个人敲下自己的网站域名，第一眼看到的结构那个页面，就是个人你的门面。别急着堆功能，网站先想清楚一件事：访客进来是结构为了什么。我见过太多个人网站，个人首页恨不得把十年经历全塞进去，网站结果滚动三屏还没找到联系方式——这不是结构网站，是个人迷宫。

我的网站结构很简单，五个区块，结构像抽屉一样各归其位。个人顶部导航只放四个链接：首页、网站作品、结构关于、联系。别加第七八个，人脑记不住超过五个的选项。底部放版权和社交图标，灰色小字，不抢戏。中间是内容区，但这里有个反直觉的设计：首页不展示全部作品，只放三件最近的。为什么？因为多数访客不是来考古的，他们只想快速判断你值不值得继续关注。

作品页才是重头戏。我按时间倒序排列，每件作品配一张大图、一句说明、一个链接。别用轮播图，那是给摄影师的，不是给作品集的。用户拖动鼠标的速度远比你自动播放快，他们没耐心等第三张。有个细节：每件作品下面标了完成日期和所用工具。这不起眼的两行字，能省下你回复邮件里80%的"这个用什么做的"。

关于页最容易被忽视，但恰恰是转化率最高的地方。我写了一段三百字的自我介绍，开头第一句是"我白天写代码，晚上写诗"。别写"资深全栈工程师，拥有五年经验"——那种话谁信？放一张生活照，不是精修的职业照，是你在咖啡馆改bug被抓拍的那种。然后列出三件具体的事：做过最大的项目、拿过最意外的奖、最近在学的东西。最后留一个表单，就两个字段：邮箱和你想说的话。别问"需求预算"，那是商务网站干的事。

联系页其实可以合并到关于页里，但如果你很在意访客能不能找到你，就单独放一页。我只留一个邮箱链接，点开直接唤起邮件客户端。表单反而有门槛——万一人家只是想说句"你的文章写得不错"呢？给他一个零成本的入口。

对了，还有404页。别让它空着，放一句"你找的东西跑丢了，但可以看看这些"——然后列出三篇最受欢迎的文章。这招能把迷路的访客重新拉回内容流里，我实测过，404页的点击转化率有12%。

结构图不是死的。我最初版本有六个栏目，后来砍掉一个"博客"入口，因为那半年只写了三篇。现在我把博客融进作品页，每篇文章也当作一件作品来展示。网站是活物，它该跟着你的产出节奏呼吸。你一个月更新一次，就别设计成日更的样子；你专注做设计，就别放一堆前端代码的教程。

最后说个反常识的：别在导航栏放"首页"链接。因为logo本身就是返回首页的约定俗成，多放一个纯属浪费空间。我测试过，去掉"首页"两个字后，用户点击logo的比例反而提高了。他们不是找不到路，是路标太多反而犹豫。

结构清晰不是为了美观，是为了让访客在十秒内回答三个问题：你是谁，你做什么，我怎么联系你。答完这三点，剩下的都是噪音。