alt属性不提升通用搜索排名，但决定图片能否被图片搜索引擎收录；未设置、为空或无效alt会导致图片在图搜中“不存在”，正确写法需准确描述图像内容与用途并匹配上下文。
直接说结论：alt 属性本身不提升图片在通用搜索（如百度、Google 主搜）中的页面排名，但它决定这张图能不能被 Google Images、百度图片等图片搜索引擎收录和展示——没写、写错、乱写，等于这张图在图搜里“不存在”。
alt 是爬虫看图的唯一文字依据
搜索引擎不会分析像素，只读 HTML 文本。alt 就是它判断“这张图是什么”的第一且主要信号：
- 没写 alt 属性 → 爬虫跳过该图，不索引
- alt=""（空字符串）→ 明确告诉爬虫“这是装饰图，不用理解”，合规且安全
- alt="图片"、alt="product image"、alt=" "（空格）→ 等同于未设置，直接忽略
- alt="{{desc}}" 或后端未渲染的变量 → 爬虫看到的是字面量，无语义，无效
怎么写 alt 才真正起作用
核心原则：用一句话回答“图里有什么”+“为什么放这儿”，自然带出用户可能搜索的关键词组合：
- 产品图：包含颜色、型号、状态、场景，例如 alt="AirPods Pro 第二代深空灰色款佩戴特写，耳塞入耳角度清晰，背景为白色木纹桌面"
- 截图类：说明界面功能+关键数据+操作位置，例如 alt="微信公众号后台数据看板截图，显示6月新增粉丝12,480人，右上角可见‘导出Excel’按钮"
- 链接中的图：alt 要说明点击目的，不是只描述图，例如 alt="点击进入黑色真皮双肩包详情页，含尺寸参数与7天无理由退换说明"
- 含文字的图：alt 必须完整写出图中所有可读文字，一个字都不能少
容易被忽视但致命的细节
很多网站写了 alt 却没效果，问题常出在技术实现或上下文不一致：
立即学习“前端免费学习笔记（深入）”；
- 同一页面多张图用了完全相同的 alt（如轮播图全写 alt="首页Banner"）→ 爬虫视为冗余，只保留第一个
或 里漏掉最外层 的 alt → srcset 再丰富也没用，alt 只属于
标签本身
- 文件名是第一眼线索：用 red-wireless-headphones.jpg 比 IMG_5678.jpg 优先级高得多，搜索引擎先看文件名再读 alt
- 周围正文、figcaption、标题要和 alt 语义一致；冲突时会降权
别踩这些坑
看似优化，实则失效甚至触发惩罚：
- 关键词堆砌：alt="无线耳机 蓝牙耳机 降噪耳机 便宜耳机" → 垃圾信号，读屏器无法理解，SEO 无效
- 重复 title：alt="iPhone 15" + title="iPhone 15" → title 对图片 SEO 零贡献，还造成读屏冗余
- 给
加 role="img" →
本身已有语义，加了反而干扰辅助技术
- 用 background-image 放关键图 → 爬虫完全看不见，必须改用
标签
