我后来越来越觉得,很多个人站一到文章多起来,最先露馅的地方不是内容本身,而是列表页。

首页往下翻两页,分类页点进去,标签页再点开,常见画面基本都差不多。有的文章有封面,有的没有;有的卡片高一截,有的矮一截;有的地方留白很顺,有的地方像突然断了一块。读者嘴上不一定会说,但第一感觉很明显,就是这个站像还没收完。尤其做 WordPress 站的人,很容易把这个问题当成“以后再补图”,结果一拖再拖,首页、分类页、标签页就一直带着半成品气质。

我现在碰到这种情况,第一反应已经不是赶紧把所有旧文章都补上封面,而是先把无图卡片收成一个样子。

原因其实很简单。web.dev 讲 CLS 的时候一直在强调一件事,图片如果没有提前留出稳定空间,页面在加载时就容易跳。翻成站长自己的问题,不只是“加载时会不会抖”,还包括列表里每一张卡片到底有没有统一节奏。你如果一部分文章有图,一部分文章没图,主题又没把无图状态收住,归档页看起来就会忽高忽低。前面我写过 个人站首页改版,我现在先盯首屏最大的那一块,那篇讲的是首屏资产;到了列表页,我现在更在意的是卡片资产。卡片一乱,后面的点击心情也会跟着乱。

WordPress 自己对 featured image 的定义也很直接,它本来就是代表这篇内容的图,不只是装饰。问题在于,很多站到了中后期,历史文章不可能一天补完。这个时候你如果只有两个选择,要么放着不管,要么临时乱塞图,最后通常两边都不满意。所以我现在会先做第三种处理:先统一无图卡片的占位,再慢慢回补真正值得补的封面。

这个动作我一般只做三步,而且都不复杂。

第一步,是把归档卡片的图片区域先固定住。哪怕这篇文章没有特色图,也要让它在首页、分页、分类页、标签页里占着和别的卡片差不多的空间。可以是统一底色,也可以是一个很克制的站名字样,关键不是“设计得多花”,而是别让这一张卡片突然塌下去。web.dev 另外一篇关于图片尺寸的文章讲得也很实在,宽高或者 aspect-ratio 先定住,浏览器才知道该给这块留多大位置。对个人站来说,这一步做完,列表页会先稳一大半。

第二步,是让无图状态也承担一点信息责任,而不是只留一块空白。比如我更愿意让占位里保留栏目感、站点名,或者这篇内容大概属于什么方向。因为无图不等于无入口。前几天那篇 做个人站,分类页别只当归档页,先把新读者第一跳接住 讲过,分类页和标签页本来就承担接人的任务。如果无图卡片只是一个发灰的空框,它传递的信号就是“这里还没弄完”;但如果它至少保持统一、可读、能认出是这个站的内容,观感会完全不一样。

第三步,才是慢慢补老图,而且不是全补。我现在会优先补三种页:还在稳定带点击的入口页、已经开始有承接价值的动作页、以及首页和分类页上经常露出的老文章。其他历史内容先不急。因为补特色图这件事,一旦变成“今天补 40 篇”,最后最容易做成机械劳动。前面我写过 WordPress 发文这件事,我现在尽量不把返工留到线上,新文章的特色图和 featured_media_id 我现在都会在发布时卡死;但对老文章,我更在意的是先把最影响入口观感的那批补上,而不是为了追数量把整站又做乱一次。

如果你现在也在维护个人站,我很建议你今天先做一个 10 分钟的小检查。打开首页、/page/2/、你最重要的一个分类页、再加一个常被点开的标签页。别先看字体和配色,先看有没有那种一眼就能看出来“这张卡片没收住”的地方。如果有,不用先焦虑旧文太多,先把无图占位统一掉。等列表页不再像半成品,你后面再补封面、补旧文、补结构,节奏会顺很多。

很多站的问题,不是没内容,也不是主题不够高级,而是每次都想一步到位。我的经验正好相反。列表页先收齐,入口先稳住,老图再慢慢补,整个站会更像在认真经营,而不是在临时拼接。多复盘、多对账、多收款。