结论先说:当图片本身就是可点击的链接时,说明点击目的最稳妥的做法,是让图片的替代文本和它周围的可见文字共同回答“点下去会到哪里、看到什么”,而不是只写一句“点击了解更多”。这个做法在单张封面图、按钮图上通常成立,但一旦规模化到图集、缩略图列表或同一页面多图跳转,它就会失效,因为屏幕阅读器和搜索引擎无法从重复的替代文本里区分每张图各自通向哪里。
假设一张文章配图整块被 <a> 包住,读者看到的只有图,没有任何可见文字。此时图片的替代文本承担了链接锚文本的角色。如果写成“点击查看”,读者在点击前无法预判目标,辅助技术使用者听到的也只是“链接 点击查看”。改成“点击查看产品参数对比表”,点击目的就明确了:目标是一张表,内容是参数对比。
这里的关键不是把“点击”两个字删掉,而是把动作和结果一起说清。动作是“查看”,结果是“产品参数对比表”。只要目标唯一、页面只有这一张可点图,这种写法就足够。
反例出现在一个页面上有多张可点图时,比如视频列表页的缩略图墙。每张缩略图都指向不同视频,但如果替代文本统一写成“点击播放视频”,读者和爬虫拿到的是一串完全相同的链接说明。它们无法判断哪张图对应哪支视频,也无法判断这些链接是不是重复内容。
失效的边界可以这样判断:
只要满足其中一条,单图场景的写法就不能直接照搬。此时需要给每张图补充能区分目标的说明,比如把替代文本写成“播放《视频标题》”,或在图片下方放一段可见文字作为链接说明。
一个实用的分工原则是:替代文本描述图片内容,周围可见文字描述点击结果。如果图片是视频封面,替代文本写“某视频的封面画面”,链接锚文本或图下文字写“播放该视频”。两者合起来,读者既知道图是什么,也知道点下去发生什么。
当图片必须独自承担链接说明时,替代文本可以兼顾两者,但要控制长度并保留区分度。可以按这个顺序组织:
做完这一步,下一步不是继续加词,而是检查同一页面里所有可点图的说明是否互相重复。如果重复,说明区分度不够,需要回到目标对象本身去找差异。
假设某视频栏目页有 12 张缩略图,每张都链到一支视频。第一版把所有替代文本写成“点击播放视频”。此时用文本浏览器或关闭图片加载的方式查看页面,会发现 12 个链接的说明完全一样,无法判断顺序和目标。第二版改成“播放:视频标题关键词”,每个链接说明都不同,读者在图片未加载时也能按标题选择。这个对比不依赖任何平台数据,只靠页面自身的可读性就能验证。
这个例子的前提是缩略图确实各自指向独立视频。如果 12 张图其实都指向同一个播放页,那区分说明就没有必要,反而会造成重复。所以动作之前要先确认链接目标是否真的不同。
如果发现无论怎么调整替代文本,图片链接的点击目的仍然说不清,通常不是文案问题,而是结构问题:图片被当成了唯一的链接载体,缺少可见文字。此时更有效的动作是把链接从图片上移到旁边的标题文字上,让图片只负责展示,文字负责说明点击目的。这样做之后,可点区域的说明天然具备区分度,也更容易被辅助技术正确朗读。
判断是否该改结构的信号很简单:同一页面里,你能用一句不重复的话说清每张图的点击结果吗?能,就改文案;不能,就改结构。这个判断做完,再决定是继续优化图片链接,还是把链接责任交给文字。