当外链挂在图片上而不是文字上时,点击目的的说明要从“给搜索引擎看”转向“给读者和辅助技术看”。可行做法有两种:把图片本身当作链接时,用图片替代文本说明点击后到达什么内容;把图片放在链接内部时,用链接周围的文字或链接的标题属性说明目的。两种做法在少量样本上都能成立,但一旦规模化发布,边界会立刻出现:图片替代文本承担的是图像描述,不能同时承担链接目的;链接标题属性在移动端和键盘操作中往往不显示,不能作为唯一说明。下面按两种条件展开,并给出可执行动作和例外判断。
如果一张图片被单独包在链接里,例如 <a href="/guide"><img src="cover.jpg" alt="操作指南封面"></a>,此时图片替代文本是读者和读屏软件唯一能获得的信息。它需要同时回答两件事:图是什么,点击后能得到什么。只写“操作指南封面”只完成了第一件事,读者无法判断点击目的。
更稳妥的写法是把目的前置,例如“下载操作指南PDF”或“查看操作指南全文”。动作结果很直接:读屏用户在链接列表里听到的是目的而不是文件名,键盘用户聚焦图片时也能得到同样的提示。这个动作会影响下一步——如果替代文本已经写清目的,就不必再给链接加标题属性,避免两套说明互相冲突。
适用条件是图片确实是链接的唯一内容。例外出现在图片同时承担导航和装饰时:如果同一张图片在页面上重复出现多次且指向不同地址,替代文本必须逐处区分,不能复制同一句。规模化发布时最容易踩的坑正是模板复用,导致几十张图片共用一句“点击查看”,此时说明等于没写。
如果链接里既有图片又有文字,例如 <a href="/guide"><img src="cover.jpg" alt="">查看操作指南</a>,说明点击目的的责任应交给可见文字,图片替代文本可以留空。留空不是偷懒,而是避免读屏软件把“封面”和“查看操作指南”连读成一句冗余信息。
这里的动作是检查链接内所有可读内容的拼接结果。把图片替代文本清空后,链接的可访问名称就只剩“查看操作指南”,目的清晰。如果下一步要给图片加说明,应加在链接外的图注里,而不是塞回替代文本。
例外条件:当链接内文字是“了解更多”“点击这里”这类无指向词时,清空图片替代文本会让链接彻底失去目的。此时要么改写可见文字,要么保留图片替代文本并让它承担目的说明。判断依据不是图片好不好看,而是链接脱离上下文后能否被单独理解。
有些做法依赖 title 属性说明点击目的,例如给链接加 title="点击查看操作指南"。它在桌面端鼠标悬停时可能显示,但触屏设备没有悬停状态,键盘操作也不保证朗读,读屏软件对它的支持并不一致。把它当作唯一说明,等于让一部分读者拿不到目的。
合理的用法是把它当作补充而非替代:可见文字或替代文本已经说明目的,title 只提供额外提示。若发现某批外链只有 title 而没有可见说明,处理动作应是补写替代文本或改写链接文字,而不是继续堆叠标题属性。这个动作的结果会改变验收方式:后续检查重点从“有没有 title”转为“链接脱离上下文能否读懂”。
单张图片链接写对替代文本很容易,批量发布时会出现三类例外。第一类是同一图片指向多个地址,逐处说明必须不同,模板不能复用。第二类是图片本身是信息图,替代文本既要描述图像内容又要说明链接目的,一句话容纳不下时,应把详细描述放在图注,替代文本只保留目的。第三类是图片链接出现在信息流或推荐位,周围没有稳定文字,此时替代文本是唯一可依赖的说明。
可以用一个假设例子比较两种处理:假设某页面有二十张封面图,每张都链接到不同文章。若统一写 alt="封面",读屏用户听到二十次相同提示,无法区分;若逐张写“阅读某主题文章”,听感可区分,但维护成本上升。判断是否值得逐张写,取决于这些图片是否出现在同一页面、是否指向不同地址。指向相同地址的重复图片可以共用一句说明,指向不同地址的必须区分。
还有一个容易被忽略的动作:检查图片链接在关闭图片加载后剩下什么。如果只剩空白或文件名,说明目的说明缺失。这个检查不依赖任何第三方工具,直接反映读者在极端条件下的体验。它带来的下一步是决定补替代文本还是补可见文字,而不是继续增加链接数量。
外链建设里常把注意力放在链接是否被收录、是否被传递权重,但图片承载链接时,说明点击目的属于可访问性和用户体验范畴,不能用链接数量或第三方权重替代。验收动作可以固定为三条:链接脱离上下文能否读懂;读屏朗读时是否出现重复或空白;移动端点击前能否预判去向。三条都通过,说明写法成立;任一条失败,先改说明再谈发布规模。
需要说明的是,链接数量、抓取量或某项统计的变化,不能单独证明说明写法正确。它们可能受内容质量、页面结构、发布渠道等多种因素影响。把说明写清楚是可控动作,效果体现在读者能否理解链接目的,而不是承诺收录或排名结果。下一步该做的是抽样检查已发布图片链接,而不是继续套用同一句替代文本。