一个页面，网站单页一个文件，网站单页一个网址，网站单页打开就是网站单页全部。网站单页（Single Page Website）不是网站单页把网站做“少”了，而是网站单页把信息压进同一条时间线里，让用户不用跳转就能走完全程。网站单页

我第一次认真看单页网站，网站单页是网站单页给一个做手工皮具的朋友帮忙。他原来的网站单页站点有七八个页面，首页、网站单页关于、网站单页产品、网站单页联系，网站单页点来点去，网站单页最后发现大部分人只看了首页就跑了。后来干脆砍成一个页面，顶部是品牌名和一句“手工缝线，不赶工”，下面依次是几张工作台照片、三款包的价格、微信号。没有导航栏，没有下拉菜单，鼠标滚轮一路滑到底。上线两周，微信咨询量翻了一倍。原因不复杂：用户不用做选择，也不用等加载。

单页网站的核心逻辑是线性叙事。它把传统网站那种树状结构——首页分栏目，栏目再分文章——压成一条纵向的带子。你往下滚，信息就一层层铺开。适合什么？产品不多、故事不长、目标单一的场景。比如一个摄影师的个人作品集，二十张照片排下来，比分成“人像”“风光”“商业”三个页面更直接。再比如一个线下活动的报名页，时间、地点、嘉宾、报名按钮，一屏接一屏，看完就填表。

但单页不是万能药。我见过一个做SaaS的团队把整个官网做成单页，功能列表、定价、文档、博客全塞进去。结果页面长度超过两万像素，滚动条细得像根头发。用户想找“API文档”，得先滚过三屏客户logo、两屏功能截图、一屏创始人寄语。这种信息密度下，单页反而成了迷宫。后来他们拆回多页，只保留首页作为概览。所以判断标准很简单：如果用户需要“找”东西，而不是“看”东西，就别用单页。

技术实现上，单页网站通常有两种做法。一种是纯静态的HTML文件，所有内容写在一个index.html里，CSS和JavaScript内联或外链。这种最轻，打开快，适合个人站。另一种是用前端框架（React、Vue）做单页应用（SPA），路由由JavaScript控制，切换视图不刷新页面。但后者容易和“单页网站”混淆——SPA可以有很多“页面”，只是都在一个HTML里动态渲染。真正意义上的单页网站，内容本身是固定的，不依赖路由。

导航怎么解决？常见的是顶部固定一个锚点菜单，点“产品”就平滑滚动到对应区块。或者干脆不要菜单，靠视觉引导。我更喜欢后者。一个全屏的标题区，下面露出下一屏的边角，用户自然知道可以滚。加一个“回到顶部”的悬浮按钮就够了。移动端上，单页体验反而更好，手指一滑到底，比在小屏幕上点汉堡菜单再点二级菜单顺畅得多。

加载速度是单页的隐形优势。传统多页网站，每次点击都要向服务器请求新HTML、新CSS、新图片。单页只加载一次，后续滚动全是本地渲染。对于网络条件一般的用户，这种“一次痛，后面爽”的体验很实在。但代价是首屏可能变重——如果图片没压缩、字体没优化，第一屏就要等好几秒。所以单页网站对资源优化的要求更高，不能把“页面少”当成“可以随便塞”的借口。

最后说一个容易忽略的点：单页网站的SEO。传统观点认为单页内容少、关键词密度低，不利于搜索排名。但实际测试下来，只要结构清晰、语义化标签用对、文字量足够，单页照样能排上去。我那个皮具朋友的站，搜“手工皮具 定制”在本地结果里排第三。关键在于内容本身有没有回答用户的问题，而不是页面数量。当然，如果你要做内容型网站，比如博客、新闻，那还是老老实实多页。

单页网站像一张长图海报。它不负责承载整个图书馆，只负责把一件事说透。用对了场景，它比多页更直接、更轻、更让人愿意看完。