图片链接：检查四种HTML结构

虚构教学案例。不会抓取页面或图片，也不验证真实链接或排名效果。

没有链接的图片

浏览器可能请求图片文件，但不存在锚点的跳转目标。重复使用图片或从其他服务器加载图片，本身不会产生指向作者页面的可点击外链。

来源页面: https://publisher.example/story
图片文件: https://images.example/atlas.svg

以文本显示的HTML示例

<img src="https://images.example/atlas.svg" alt="打开无障碍交通地图">

用途清楚的图片链接

锚点指向地图说明页。替代文本说明目标用途，而不是描述图片颜色。图片文件地址和链接目标是两个不同的网址。

来源页面: https://publisher.example/story
图片文件: https://images.example/atlas.svg
链接目标: https://target.example/atlas

以文本显示的HTML示例

<a href="https://target.example/atlas"><img src="https://images.example/atlas.svg" alt="打开无障碍交通地图"></a>

没有名称的图片链接

锚点仍然存在，但空alt加上没有链接文字，无法说明用途。应提供有意义的无障碍名称；在文件名里加入关键词并不能修复链接标签。

来源页面: https://publisher.example/story
图片文件: https://images.example/atlas.svg
链接目标: https://target.example/atlas

以文本显示的HTML示例

<a href="https://target.example/atlas"><img src="https://images.example/atlas.svg" alt=""></a>

带有描述文字的图片链接

同一锚点中已有明确文字，因此空alt可以避免重复名称。应检查整个锚点，不能只看alt属性是否为空。

来源页面: https://publisher.example/story
图片文件: https://images.example/atlas.svg
链接目标: https://target.example/atlas

以文本显示的HTML示例

<a href="https://target.example/atlas"><img src="https://images.example/atlas.svg" alt=""> 查看交通地图</a>

原创视觉资源策划

地图策划：使用有日期和来源记录的数据，帮助乘客比较无台阶路线。发布图表时，同时提供文字表格、方法说明、来源注释、版本日期和纠错渠道。提供可复用图片及稳定的说明页面，并明确使用条件。建议的署名应指向说明页面，不应强制使用推广型锚文本。将有效访问或纠错与实际观察到的引用分别衡量，不要编造采用情况或排名成果。