图片链接的点击目的说明,核心是让用户在点击前知道会去哪里、得到什么。可行的做法只有两类:把说明放在图片自身可感知的位置,或者把说明放在图片周围的文字里。选哪一种,取决于这张图是内容主体还是版式配角,以及用户是否能在不点击的情况下理解去向。
如果图片本身就是用户要看的对象,例如流程图、对比图、截图或信息图,那么图片往往也是链接的载体。此时用户对图片内容已有预期,点击目的说明应当围绕“看完这张图之后还能得到什么”来写,而不是重复图片已经表达的信息。
判断依据可以看三点:用户是否为了这张图而来;图片是否承担了主要信息量;去掉图片后正文是否还成立。三点都偏向“是”,说明图片是内容主体,说明文字应更具体,甚至要指出目标页面的类型,例如完整数据表、可下载版本或分步操作页。
实施动作上,可以在图片下方紧邻位置放一句独立说明,明确点击后进入什么页面、能完成什么动作。做完这一步的直接影响是:用户不必靠悬停或猜测来判断,误点率下降,真正想深入的人更容易做出点击决定。下一步再检查这句说明是否和图片标题重复;如果重复,就删掉重复部分,只保留去向和目的。
当图片用于分隔段落、装饰卡片或充当列表缩略图时,用户通常不是为图而来,点击目的说明应当尽量短,并且优先放在图片附近的可见文字里,而不是塞进图片本身。因为这类图片面积小、信息密度低,长说明会挤压版式,也会让用户误以为图片里有重要内容。
一种常见取舍是:把说明写成目标页面标题的简短变体,而不是完整句子。例如图片是文章缩略图,说明可以只保留“阅读全文”或“查看方法”,前提是目标页面确实提供对应内容。这里的关键条件是目标页面与图片主题一致;如果图片只是配图、目标页面主题更宽,就应把说明改成更准确的页面类型,避免用户预期错位。
动作上,可以先给每张配角图片写一句不超过一行的说明,再统一检查是否出现“点击这里”“更多”这类没有信息量的词。替换成具体去向之后,用户对点击结果的判断会更稳定,下一步就能把精力放在真正需要长说明的内容主体图片上。
图片承载链接时,说明点击目的不能只依赖替代文本。替代文本的主要职责是在图片无法显示时描述图片内容,而不是完整解释点击后的结果。把点击目的全部写进替代文本,会造成两个问题:正常浏览的用户看不到,依赖辅助技术的用户又可能听到一段和图片描述混在一起的长句。
更稳妥的分工是:替代文本描述图片本身,周围文字说明点击目的。例如图片是一张架构图,替代文本写“三层架构示意图”,周围文字写“查看完整架构说明与字段解释”。这样两类用户都能获得各自需要的信息,说明也不会互相污染。
例外情况是图片本身就是唯一的链接入口,周围没有可放文字的位置。此时可以在替代文本里补一句简短去向,但要控制长度,并确保它描述的是页面类型而不是夸张承诺。做完这个调整后,可以分别用图片正常显示和图片被屏蔽两种状态检查:前者看周围文字是否清楚,后者看替代文本是否仍能让人判断要不要点击。哪一边含混,就回到对应位置修改。
假设一个页面有两张图:第一张是数据对比图,第二张是侧栏里的作者头像。两张图都链向同一篇长文。对第一张图,说明可以写成“查看完整数据与口径说明”,因为用户已经看过对比图,需要知道点击后能得到更完整的数据。对第二张图,说明写成“阅读作者其他文章”更合适,因为头像本身不承载正文信息,点击目的偏向浏览更多内容。
如果把两张图的说明互换,用户就会困惑:看完数据图的人被引向作者列表,看头像的人被引向数据长文。这个例子说明,点击目的说明必须跟着图片在页面里的角色走,而不是跟着链接目标走。角色判断错了,说明越详细反而越容易误导。
这套检查不保证任何排名结果,只用于判断说明是否让点击目的变得可预期。真正需要长期维持的条件是:说明与目标页面一致,图片角色与说明分工一致。两者有一项不一致,就优先修正说明,而不是增加更多链接。