01 打开一个页面先别评价配色，数一屏里能点的地方有几个
拿到一个自己觉得「不够讲究」的页面，先别动配色，数一屏里能用鼠标点到的地方有几个。
导航条、搜索框、三个轮播按钮、两个活动挂件、侧边客服、上下两个悬浮条。
数完会发现，十来个。
把这一屏截图打印出来，用笔圈一遍，视觉重心落在哪里、有没有落点，一眼就看得出来。
我们改过一批这样的页面，问题几乎都不是颜色土，是每屏要塞的东西太多。
02 「加点动效、换个配色就体面了」这句话站不住
动效和配色能提升观感，但它们是在信息量已经合适的前提下才起作用。
信息块挤在一屏里的时候，再好的配色也只是把拥挤装饰了一遍。
访客停留的时间是按秒算的，头 3 秒里他不会读完十来个选项，只会挑一个最显眼的点进去，或者直接退出。
谷歌那边看的也是同一件事的另一面，页面主题不集中的时候，它在搜索结果里不容易判断该把这个页面排在哪个词下面。
体面感的来源是判断得清，不是装饰得多。
03 判据：首屏可点击元素超过 7 个，重心就散
可用的判据是这样：首屏内可点击元素控制在 7 个以内，其中 1 个是主行动按钮。
超过这个数，访客的注意力就被摊平了，没有一个元素能拿到足够的注视。
具体怎么看，把浏览器窗口调到常见笔记本的显示尺寸，用 Chrome 截一张首屏图，在那张图上数。
不要在设计稿上数。设计稿的显示尺寸和访客的实际屏幕对不上，这是最容易出现的偏差。
一屏里最该被点的地方只能有一个，超过一个就没有重点。
这个数比「好不好看」好判断，同事之间也不用争。
还有一个更省事的办法，把首屏那张图发给 3 个没看过这个站的人，问他们第二眼落在哪里。答案对不上，说明重心确实散了。
3 张图就能说明问题。
04 首页的信息块配额
首页的作用是分流，不是把所有内容都摆出来。首屏留 5 个以内的入口，全页导航项控制在 7 到 9 个。
我们改过的一个企业站首页，栏目从 11 个减到 6 个，首页总长度缩短了约 40%。
减完之后跳出率下降了约三成，平均停留时长反而变长。
少放东西不等于少给信息，把重复表达的两块合并，访客理解的成本就下来了。
首页每一屏只回答一个问题，回答完就往下走。谷歌抓取首页时看到的结构也更清楚，主题不会互相稀释。
改之前先用 Google Search Console 看一遍首页的曝光词。一个页面同时对应十来个互不相关的词，说明它在替好几个页面干活。这类页面在我们复盘过的站里出现得很多，删掉多余入口之后，曝光词的集中度会明显提高。
一页只干一件事。
05 产品页：把参数表的位置往上提
产品页的信息密度问题常反过来，不是太多，是排序不对。
主图和参数表要排在首屏，使用场景和公司介绍往后放。
我们观察过几十个产品页，把参数表从第 3 屏提到首屏右侧的那一批，询盘按钮的点击率提高了约 25%。
参数用表格写，一行一项，别写成一段话。表格既能被访客扫读，也方便谷歌理解页面讲的是什么产品。
页面上离询盘按钮最近的 1 屏里，别放无关的推荐位。
用 PageSpeed Insights 测一遍加载，首屏内容过多会拖慢渲染，谷歌的评分里这一项占比不低。
竞品的产品页可以先摸一遍底。用 Ahrefs 看对方排在哪些词下面、哪些页面拿到的曝光多，比凭感觉改要省事。谷歌给页面的权重是按页算的，对着数据改，方向不容易错。
06 案例页：一屏一块，别拼盘
案例页最容易犯的错是把六七个案例挤成一张拼盘。
每屏放 1 个案例，配 1 张成品图和 2 到 3 行结果说明，一屏一块往下翻。
我们复盘过服务的站，案例页改成单屏单案例之后，从案例页跳到产品页的比例明显上升。
案例是拿来替客户做判断的，不是拿来展示数量的。数量写在页首的一句话里就够，比如交付过多少家。
谷歌对案例页的期待是内容具体，有产品名、有行业、有可核对的细节，拼盘式的图集在这几点上都给不出来。
案例的数量可以放在页首，用一句话写清交付过多少家、集中在哪几个行业。访客真正翻的是具体那一个案例，他要看的是和自己像不像。我们统计过 20 多个案例页，单屏单案例的版本平均阅读深度更深。
像不像，比好不好看重要。
07 顺序，先合并同层级再删无关模块
减量有先后，顺序反了会把有用的信息也删掉。
- 先把同一层级的信息合并，比如把「公司介绍」和「关于我们」并成一个栏目。
- 再删掉与当前页面目标无关的模块，首页里的招聘入口、企业新闻列表都属于这一类。
- 然后看剩下的信息块能不能用更少的字说清楚，一段话能说完的别拆成两段。
- 收尾再调视觉，配色的活儿放到这一步做，前面几步会改变配色能起作用的位置。
顺序对了，一个首页的信息块能从 12 个左右压到 5 到 6 个。
先减内容，再调外观。
08 哪几类页面不能减
产品参数页和规格对照页不能减，访客就是来查数据的，少一行就要发邮件问你。
需要说明合规、认证、资质信息的页面也不能减，这类内容是给对方采购部门看的。
文档下载页和帮助中心同理，信息密度高是它的功能，不是缺点。
这几类页面要处理的是排版，不是删减。把长页面切成有清晰小标题的分段，比删掉内容更有效。
该密的密，该疏的疏。
09 两个容易漏的细节
移动端的首屏比电脑端短得多，同样的 7 个元素在手机上会被挤到 2 屏。改完电脑端要再用手机看一遍。
改版时把旧页面留一份访问入口，或用 301 指向新地址。我们遇到过直接删页面的案例，谷歌下一次抓取时老地址报了 404，那部分权重白丢。
细节不复杂，漏了就要重来一遍。
把页面上的信息块列成清单，标上「必须留」「可合并」「可删」，存成 1 份文件，下一次改版接着用。讨论时照着单子过，比逐屏争要快得多。
能复用的才是资产。
常见问题
Q1、页面内容少了会不会影响谷歌排名？
不会因为「少」而掉，会因为「不相关」而掉。把无关模块删掉之后，页面主题反而更集中，谷歌更容易判断该排在哪类词下面。
Q2、信息块少了，客户查不到想要的怎么办？
把详细内容放到二级页，首页只留入口。查得到的路径是清楚的，堆在首页反而找不到。
Q3、首屏放几个入口比较合适？
5 个以内，其中 1 个是主行动按钮。剩下的入口放导航条，导航项控制在 9 个以内。
Q4、改版后多久能看出效果？
用 Google Analytics 4 看跳出率和停留时长，改动后 1 到 2 周就有参考值。谷歌那边的抓取与排名变化要 2 到 4 周。
关于作者与参考来源
张凯文，山东支点网络科技有限公司，长期做外贸网站建设与谷歌 SEO。
页面排版上有拿不准的地方，可以在站内联系我们。
Google Search Central（developers.google.com/search/docs）
PageSpeed Insights（pagespeed.web.dev）