📍 WDQWDWQD987AAAAA:216.73.216.72
📱 Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)
🔗 /19e9cc6e651d.html
📄

alt标签：开始前需要哪些网站资料

给已有页面补 alt 标签，开始前至少需要四类资料：页面 URL 清单、每张图片的用途说明、图片与正文的对应关系、以及当前 alt 文本的导出结果。缺少其中任何一类，都会让后续工作变成凭感觉猜内容，而不是有依据地改。

先分清 alt 标签要解决的是哪类问题

alt 标签是图片的替代文本。它主要服务两类对象：一是看不到图片的用户，屏幕阅读器会把 alt 读出来；二是搜索引擎，用来理解图片与页面主题的关系。它不负责提升图片本身的排名，也不会因为堆词就让页面获得更好位置。抓取、索引、排名是不同环节，alt 属于页面内容理解层面的事。

因此开始前的资料准备，目标不是收集越多越好，而是能回答三个问题：这张图在页面上承担什么作用，它和哪段正文相关，现在的写法哪里不对。

必须准备的资料清单

• 页面 URL 清单：列出要处理的页面地址，并标注页面类型，例如产品页、文章页、分类页。范围不清会导致改到一半发现漏页或重复。
• 图片位置信息：每张图所在页面、在页面中的位置（首屏、正文中、页脚）、以及图片文件名。文件名和 alt 是两回事，但文件名能帮助判断图片内容。
• 图片用途说明：这张图是说明性图片、装饰性图片、功能按钮还是广告图。用途不同，alt 的写法完全不同。
• 正文对应关系：图片附近的标题和段落文字。alt 要和上下文一致，不能脱离正文单独编。
• 当前 alt 导出结果：把现有页面的 img 标签及 alt 值导出成表格，才能对比改前改后。

如果页面数量少，手工整理即可；如果图片数量大，优先导出为表格再处理。导出时至少保留页面 URL、图片地址、现有 alt 三列。

不同资料条件下，怎么选处理方式

资料完整度决定你能做到什么程度，而不是决定要不要做。

• 资料齐全：可以逐张判断用途并写出准确 alt，装饰图留空，说明图写清内容。
• 只有 URL 和图片，没有用途说明：先按页面类型分批，再结合正文判断。判断不了的图先标记待确认，不硬写。
• 图片量很大且历史久：优先处理首屏图、产品主图和正文说明图，装饰图和重复图先跳过。

这里的取舍标准是：一张图的 alt 写错，比暂时留空影响更小。装饰性图片写一堆关键词，反而会干扰屏幕阅读器用户。

一个可执行的判断例子

假设某产品页正文写着“这款背包采用防泼水面料”，旁边有一张背包淋雨的图。这张图属于说明性图片，alt 可以写成“背包表面水珠滑落，展示防泼水面料效果”。如果同一页页脚有一个纯装饰的分隔线图片，alt 应为空，即 alt=""。

判断结果分三种：能对应正文的写具体描述；纯装饰的留空；暂时判断不了的标记待确认。适用条件是图片确实在传达信息，而不是只起排版作用。

开始前的检查项

1. URL 清单是否覆盖了本次要改的全部页面。
2. 每张待处理图片是否都有位置和用途记录。
3. 现有 alt 是否已导出，方便后续对比。
4. 是否明确了装饰图的处理规则，避免全部硬写。
5. 是否安排了改完后的抽查方式，例如按页面类型抽几张核对。

下一步：先导出当前页面的图片与 alt 对照表，按页面类型分组，再从首屏图和正文说明图开始逐张判断用途，装饰图统一留空。