先给结论:如果链接是并列关系,改用整行可点的块级链接,放弃行内小链接;如果链接是补充关系,保留行内链接但拉开垂直间距并加大点击区。判断依据只有一个——用户在移动端是想逐条比较,还是想顺着句子读完再决定点哪个。
链接挤在一起,通常不是字号问题,而是两种关系被混在同一个视觉密度里。
两种关系的正确改法相反。并列关系要牺牲紧凑换可点性;补充关系要牺牲跳转率换阅读流畅。把并列链接做成行内小字,用户会误点;把补充链接做成整行大块,正文会被切碎。
适用条件是条目数量在三条以上、每条都需要独立点击。做法是把行内 <a> 改为块级容器,每个链接占满一行,垂直间距至少留出一个手指宽度。
实施动作:给每条链接加内边距,让可点区域从文字本身扩展到整行。结果是误点率下降,但首屏能看到的条目变少。这个代价需要接受——如果条目太多导致滚动过长,正确做法是分组或折叠,而不是把字号缩回去。
一个假设例子:某材料页原本把六个格式链接塞在一行小字里。改成每行一条、行高加大后,首屏从六条降到三条。此时下一步不是继续压缩,而是把六个格式按用途分成两组,各配一句说明。分组依据来自用户实际会怎么选,而不是链接长短。
适用条件是链接服务于句子理解,用户不点也能读完。做法是保持行内,只调整行高与段间距,让相邻链接不在同一视觉行上互相干扰。
实施动作:把包含链接的段落行高调大,并在段落之间留出明显空隙。结果是阅读节奏恢复,但页面总长度增加。下一步要检查的是:这些链接是否真的都需要出现在正文里。如果某条链接只是重复页面已有的入口,删掉比加大间距更有效。
例外情况:如果补充链接指向的是操作步骤中的下一步,它其实已经变成并列关系,应按块级处理,不要留在句子里。
移动端挤在一起的根因,往往不是文字太小,而是可点区小于手指接触面积。判断方法很简单:把手指想象成一块固定宽度的橡皮,能否在不碰到相邻链接的情况下点中目标。
可区分的原因有三种:
先确认属于哪一种,再动手。三种原因对应三种改法,混用会浪费一次改版机会。
改动的直接结果是点击行为变化,但这个变化不能单独证明改对了。点击量下降有两种合理解释:一是误点减少,二是用户根本没找到入口。区分方法是看用户是否在同一区域继续滚动或返回——如果滚动继续,说明是误点减少;如果快速返回,说明入口被藏住了。
下一步动作:保留改动一到两周,对比同一位置的滚动深度与返回率,再决定是维持块级还是补一个可见的分组标题。不要因为短期点击下降就立刻改回原样。
最后提醒一点:把链接整理得更好点,不构成任何排名保证。链接数量、第三方权重都不等于官方排名承诺,移动端阅读体验的改善只作用于用户是否愿意继续用这个页面。