锚文本策略：图片承载链接时怎样说明点击目的
📱 Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)
🔗 /f8f08e18cb40.html
📄
锚文本策略：图片承载链接时怎样说明点击目的
图片链接的锚文本说明，取决于一个前提：图片本身是否已经把点击目的说清楚。如果图片是带文字的横幅、按钮或信息图，alt 和周边文案通常足以承担说明职责；如果图片是纯图标、缩略图或装饰性配图，就需要在图片之外补一层可读文本，否则点击目的只能靠猜。判断标准不是“有没有 alt”，而是“用户在不看图片的情况下，能否知道点进去会得到什么”。
先判断图片是否自解释，再决定说明写在哪里
把图片分两类处理，决策会清晰很多。
第一类：图片自带文字且文字表达了去向。例如一张写着“下载产品规格书”的横幅、一张标注“查看门店分布”的按钮图。此时图片内的文字已经在视觉上说明了点击目的，说明工作的重点是让这段文字也能被非视觉方式获取，而不是另起一段重复描述。
第二类：图片不自解释。纯图标、无文字缩略图、只传达氛围的配图都属于这一类。用户看到图片能感知内容，但不知道点击后会发生什么。此时必须在图片之外补一段可读文本，明确“点击后到达哪里、能做什么”。
两类图片的差别不在技术实现，而在信息缺口的位置：第一类的缺口在可访问性层，第二类的缺口在意图层。先定位缺口，再决定动作，能避免把两件事混在一起做。
图片自解释时：把图片文字转成可读的链接说明
当图片内文字已经写明去向，实施动作是让这段文字成为链接的可读名称，而不是用 alt 去复述图片外观。
具体做法：如果图片是链接的唯一内容，alt 应写图片内表达去向的那句话，例如“下载产品规格书”，而不是“规格书封面图”。如果图片旁边已有可见文字，且这段文字本身就是链接的一部分，那么 alt 可以留空或简短描述，避免同一去向被读两遍。
这个动作的结果会直接影响下一步：当 alt 与可见文字一致时，链接对辅助技术和普通用户表达的是同一个目的，后续不需要再补额外说明；当 alt 与可见文字冲突时，比如图里写“立即咨询”而 alt 写“客服图标”，用户听到的点击目的就变得模糊，需要回头统一措辞。
一个假设例子：某业务把首页横幅图改为链接，图中文字是“预约演示”。若 alt 写“预约演示”，点击目的清楚；若 alt 写“banner01”，则说明缺失。这里的差别不涉及排名，只涉及用户能否判断点击后果。
图片不自解释时：在图片外补一层意图说明
纯图标或缩略图承载链接时，图片本身无法承担说明职责，需要在周边文本里补足。可选动作有三种，按信息完整度递增：
- 在图片旁加一行可见文字，直接写去向，例如“查看完整案例”。
- 用同一链接包裹图片和这行文字，让两者共享一个链接名称。
- 若布局不允许加可见文字，则用 alt 写去向，并确保这段 alt 不描述外观而描述目的。
选择哪一种，取决于页面是否允许增加可见文字。允许增加可见文字时，优先加文字，因为可见文字同时服务所有用户；不允许时，才退回到 alt 承担说明。这个顺序很重要：alt 是补充，不是首选。
例外情况：如果图片链接只是页面内重复出现的导航元素，且同一去向在页面其他位置已有清晰文字说明，那么图片链接的说明可以简化，避免同一目的被反复表述。判断依据是“用户是否已经在别处获得足够信息”，而不是“是否每个图片都写了 alt”。
用周边文本和链接名称交叉验证说明是否到位
写完说明后，做一个可操作的检查：把页面上所有可见文字和图片替代文字连起来读一遍，看每个图片链接的去向是否都能被推断出来。
如果能推断出来，说明点击目的已经表达清楚，下一步是检查同一去向在不同位置的措辞是否一致。如果推断不出来，说明缺口还在，需要回到上一步补文本。
这个检查的结果会影响后续决策：当发现某个图片链接的去向无法从文本推断时，说明这类图片在当前页面结构下不适合单独承载链接，应考虑改为图片加文字的组合，或把链接移到已有文字上。反过来，如果推断顺畅，说明当前分工成立，不需要为每个图片额外加说明。
需要说明的是，链接数量、图片数量或某类统计归零，都不能单独证明说明方式正确。说明是否到位，只能通过“用户能否判断点击目的”来验证，而不是通过某个数字的变化来推断。
什么情况下需要重新审视整套说明方式
当业务的关键前提发生变化时，原有的说明方式可能不再成立。典型变化包括：图片从装饰性配图变为主要入口、页面从图文混排变为以图为主、同一图片链接被复制到多个不同语境的页面。
变化前，图片可能只是辅助元素，说明可以简略；变化后，图片成为用户判断去向的主要依据，说明就必须完整。判断是否需要调整，看的是图片在页面中承担的角色是否改变，而不是看图片数量是否增加。
调整动作：先列出所有承载链接的图片，逐张标注它属于自解释还是不自解释；再对不自解释的图片补可见文字或改写 alt；最后用上文的交叉验证读一遍。这个顺序能保证先定位缺口、再补说明，而不是先改代码再回头找问题。
