Alt属性：别让这个看不见的代码，吃掉你20%的流量
我打赌你根本没看过这张图——哪怕它就在你眼前去年秋天，我闲得无聊，拿一个权重还行的站点做了个小实验。挑出300篇带图的文章，把其中三分之一的alt属性完全清空，三分之一胡乱塞满关键词，剩下的认认真真写描述。然后？然后我就看着流量统计发了一个礼拜呆。怎么说呢，那群被我“放生”的图片——对，就是alt为空的那一组——图片搜索量断崖式下跌，连带远房亲戚似的自然排序也哆嗦了一下。这玩意儿，真的，比你想象的阴险多了。
https://obgeo.oss-cn-beijing.aliyuncs.com/pvc-articles/cf57ddee-96ea-4daa-b656-7a61b1be75ef.jpg
图片搜索引擎结果页对比图 模糊的图片alt属性影响展示
你可能会说，不就是给图片加个说明嘛，至于？至于。咱们现在叨叨的，可不是2003年的互联网。谷歌的Multisearch，屏幕阅读器泛滥的移动端，还有那个把页面理解成视觉地图的RankBrain……alt属性早就不是“备用文字”了。它是无障碍体验的通行证。是图像搜索排名的命根子。甚至，是你整体内容相关性评分里的一个暗箱参数。可偏偏大多数站长——包括过去某段时间的我——都拿它当累赘。有空就填，没空就当没这字段。对吧？
那个被误解得最深的属性：你以为的“替代”并非我以为的“替代”
先劈开一个烂大街的误解：alt属性绝不是给你耍心眼堆关键词的地方。我见过太多人把这里当垃圾场，什么“上海搬家公司便宜又好又正规搬家公司哪家好”一股脑塞进去。说实话，看到这种代码，我是搜索引擎我也降权。太侮辱算法智商了。那它应该是什么？是一种等价的信息投射。把视觉信息翻译成文本，让不能“看”的人——或者机器——能“读”懂这张图在表达什么。就这么简单。
举个例子。一张产品主图：左边是旧款黑色保温杯，右边是写着“316不锈钢内胆”的标签。糟糕的alt：“保温杯”。更好的alt：“对比图显示新款保温杯采用316不锈钢内胆，右侧标签强调材质升级”。注意，我没有用“图片显示...”——这纯属废话。屏幕阅读器会自己喊“图片”。我就直接给信息。干净利落。当然，有些特别纯粹的装饰图，比如背景花纹，用空alt（alt=''）反而更友好，因为读屏软件会跳过它，不打扰用户。你看，一个小小的属性，分寸感这么微妙。
https://obgeo.oss-cn-beijing.aliyuncs.com/pvc-articles/9d79b8f8-380c-4193-afd3-b430c85ab970.jpg
电商产品详情页alt属性正确填写对比示意图 提升图片SEO
不过话说回来，这分寸感背后是血泪教训。几年前我刚接触无障碍设计时，觉得要把所有细节都写进alt，恨不得把图片的 RGB 值都描述出来。结果呢？一个盲人用户通过邮件骂了我——他用的词是“听觉垃圾”。一百多个字的alt，听到第五十秒还没进入正文，那种绝望我隔着屏幕都能感受到。从那以后我就懂了：精准，而且克制。这是写alt属性的第一准则。
麻烦就麻烦在“场景”这两个字上
所有跟内容有关的东西，逃不开上下文。同一张图，在新闻报道里和幽默段子里，alt写法截然不同。比如一张猫打翻花瓶的图。在宠物行为分析文章里，alt可能是：“一只橘猫用前爪推倒桌上花瓶，碎片四溅，猫呈现好奇表情”。但在一个网络笑话合集里，你写：“经典的‘不是我干的’猫星人甩锅现场”。后者显然更适合。为什么？因为alt必须服务于内容目的，而不是机械地描述像素点。搜索引擎越来越聪明，它会结合周围文字判断这张图到底在充当什么角色。如果你的alt跟上下文驴唇不对马嘴？那这权重还不如不给。
还有个棘手的东西——信息图。一大张图里塞满数据、流程、箭头。这类alt怎么写？全盘照搬不行，太长；简单一句“销售流程图”又太亏。我现在的习惯是：在alt里提供一个简洁的整体描述，然后用longdesc属性或在其下方用文字再复述一遍核心数据。对，这可能超出纯alt属性范围，但SEO从来不是单打独斗。你同时解决了可访问性，搜索引擎会奖励你的，尤其在B2B领域，信息图的点击率非常高。噢，差点忘了提——如果信息图里有关键文本（比如数据标签），务必让这些文本出现在页面可见文字中，否则Google可能觉得你在隐藏内容。别问我是怎么知道这个隐形雷的。
你以为你写了，其实你没写；你以为你没写，反而写了
来，上点硬核的坑。CMS时代，编辑器自动帮你填alt是个甜蜜的陷阱。WordPress 5.5之后强制要求添加，不少懒人直接把标题原样复制过去。错！标题（title属性，当然现在用得不多了）和alt功能根本不同。alt是内容缺失时的替代品；title是鼠标悬停的补充说明。如果你混用，屏幕阅读器可能重复朗读，造成干扰。还有更隐蔽的——图片文件名本身也是弱化版的alt信号。你把相机生成的“DSC_10086.jpg”直接上传，然后alt写“日落海滩”，谷歌会犹豫。文件名改成“sunset-beach-golden-hour.jpg”，配合准确的alt，一致性才是信号强度。
突然想起来一个变态案例。有个电商站，所有产品图alt都写“product image 1”、“product image 2”……排名居然还不错？仔细一查，人家品牌词覆盖极强，整体权威性扛住了。但这不代表普通站点能模仿。对中小网站来说，每一点细节都可能成为木桶最短的板。而且现在Google Lens那么普及，视觉搜索对alt的依赖只会更重。你家产品被拍张照就识别出竞品，靠什么？靠的可不是运气。
还有啊，SVG里的title和desc标签，算不算alt？从可访问性角度，算。但搜索引擎爬虫解析矢量图形的能力参差不齐。我的建议是，如果SVG内含关键内容，老老实实在其周围提供文本版，别赌。总之，alt属性并非孤岛——它和文件名、上下文、结构化数据、页面语义标签一起组成了你的图片SEO拼图。少一块，就漏风。
给你一套能直接偷走的实战心法
别嫌我啰嗦，下面这些真金白银换来的规矩，你照着做，三个月没效果回来找我——虽然你也找不到我。
- 先判断图片类型：是传达信息的信息型图片？还是纯装饰？前者必须写alt，后者用空alt。如果图片上有文字，那文字信息必须出现在alt里，除非附近已有相同文字。
- 控制长度：125个字符以内。不是谷歌硬限制，而是屏幕阅读器通常在这个长度断句。超过的话，用longdesc。
- 不要用“图片”、“照片”这类词。纯属重复。
- 关键词融入要自然。如果你卖手工皮鞋，alt可以是“棕色布洛克雕花手工皮鞋侧视图，展示皮质纹理”，而不是“皮鞋 手工皮鞋 男鞋”。后者是斯帕姆，等着被罚吧。
- 按钮、图标等功能性图片：alt描述动作或功能，比如“搜索按钮”、“下载PDF图标”，而不是“蓝色放大镜”。
- 定期审计：用Screaming Frog爬一遍全站，筛选出alt缺失或者alt过长、短至一两个字的图片。这个习惯救过我一个差点被算法误判垃圾的站。
https://obgeo.oss-cn-beijing.aliyuncs.com/pvc-articles/b02cc55d-5646-4d0f-a38a-9c1208980114.jpg
SEO爬虫工具扫描网站alt属性缺失报告示意图
你看，说起来都不复杂。但执行起来？十有八九的团队在赶工时会先把alt要求扔掉。跟产品经理催版时的那种仓皇一样。只能靠流程卡：内容上线前，把“图片alt检查”写到Checklist第一行。对，第一行。让它比错别字还优先。别等到发现流量跌了才后悔——这种时差，有些站点根本熬不过。
最后说个邪门的。我有个朋友，纯粹玩票做了个菜谱博客，每道菜步骤图alt写得像诗一样美，什么“金黄蛋液温柔包裹粒粒分明的隔夜米饭”。结果居然靠图片搜索攒了日访客两万。他自己都觉得离谱。这说明什么？在没有人认真对待的领域，你稍微用点心，上帝都往你碗里扔流量。alt属性就是这么个便宜。捡不捡，随你。 楼主考虑得很全面，不仅讲了方法，还提到了注意事项，非常贴心。 这样的优质帖子越多越好，希望论坛能多一些这样真诚的交流。 感谢楼主带来这么好的内容，在论坛里能学到东西真的很开心。 支持楼主继续更新，这么好的内容值得让更多人看到和学习。 希望楼主常来发帖，持续输出优质内容，我们都会一直支持你。 说得很客观中立，没有偏激言论，理性讨论就该是这个样子。 对新手特别友好，解释得很细致，就算零基础也能看懂大半。 这样用心的帖子不多见，必须顶上去让更多人看到优质内容。 楼主的经历很有参考价值，给了我很多新的思考方向，非常感谢。
页:
[1]