Alt属性：被90%站长忽视的SEO金矿，你真的用对了吗？
那天我一查流量来源，手抖了一下。图片搜索带来的点击，占了整站流量的23%——要知道半年前这个数字还是个位数。怎么做到的？只是把所有产品的Alt属性重新写了一遍。是的，就是那个藏在img标签里，很多人都懒得填的小框框。说实话，多数人对Alt属性的理解还停留在“给图片加个备注”的层面。错得离谱。它远不止一个备注，它是无障碍的基石，是搜索引擎的第三只眼，搞不好还能让你吃官司。
Alt属性到底是什么？别被名字忽悠了
本质上，它就是一段文字，当图片因为各种原因无法显示时，站出来顶替的位置。你肯定见过网页上裂开的图片框里那几行灰字，对，就那玩意儿。但更深层的，当屏幕阅读器遇到图片，会大声朗读出这段文字，让盲人用户“听见”图片。同时，搜索引擎爬虫看不懂像素，全靠Alt文本来理解图片内容，并把它纳入排名算法。所以，Alt属性是图像内容的等效文本替代，而非关键词堆放场。记住这句话，能救你半条命。
https://obgeo.oss-cn-beijing.aliyuncs.com/pvc-articles/ffc165c6-cb1d-413c-ab6d-d48e66ed23ef.jpg
HTML img标签编写alt属性示例代码截图
这玩意儿在HTML 2.0时代就存在了，但直到谷歌图片搜索崛起，才被SEO们盯上。早年间，我也干过傻事——把alt写成“北京旅游 北京旅游攻略 必去景点”，结果呢？整站被降权，流量腰斩。后来翻遍谷歌官方指南，才悟了：这其实是一道送分题，但多数人答成了送命题。
它为什么对SEO有核弹级效果？因为图片搜索是一个独立的大入口。你优化了alt，产品图可能排在谷歌图片搜索前三，用户一点就进你网站了，连文字链接都不需要。而且页面内嵌图的alt会辅助主内容的相关性打分。我经手过一个服饰电商站，纯靠重写全站产品alt，自然搜索流量四个月涨了40%。没加外链，没改正文。
我踩过的坑，你可能正在犯
错法五花八门，但都致命。
第一种，关键词填鸭。这才是最常见也最蠢的。“黑色皮鞋 男鞋 正装商务鞋 牛皮鞋”——读起来跟结巴似的。屏幕阅读器一读，盲人用户估计以为你在念咒。搜索引擎现在聪明到令人发指，这种垃圾alt除了招来惩罚，没半点用。
第二种，装饰性图片非要画蛇添足。比如页面角落里的小花边、背景里的纹理、纯粹的间隔图，这些玩意儿就该用CSS实现，但万一硬用了img，alt必须空着：alt=''。一个都不写。加一句话上去，比如“精美的分割线”，盲人听着只会困惑：这线跟我有关系吗？反而干扰了核心内容。所以，装饰性图片务必设置空alt，避免干扰屏幕阅读器用户。
第三种，alt千篇一律。全站几百个产品，alt统统是“产品图片”。我真想问问，你是认真的吗？跟没写有什么区别？搜索引擎会认为你内容质量低，用户也无法区分不同图片。浪费。
第四种，压根不写。这是最常见的。WordPress媒体库上传时那个“替代文本”字段，无数人直接跳过。代码里xxx.jpg
，连alt属性都给省了。别小瞧，这直接违反WCAG无障碍标准，可能影响你的核心指标——谷歌现在可把用户体验权重逮得紧。
https://obgeo.oss-cn-beijing.aliyuncs.com/pvc-articles/0b438780-cc3a-45be-a594-50b3ccd5426f.jpg
网页无障碍检测工具显示alt属性缺失警告界面
怎样写出让搜索引擎“哇塞”的Alt文本？
https://obgeo.oss-cn-beijing.aliyuncs.com/pvc-articles/3ae371b4-0a9b-4329-b5ca-c36fd666e8aa.jpg
怎样写出让搜索引擎“哇塞”的Alt文本？
其实就一个心法：闭上眼睛，让人给你读这段文字，你能在脑中大致复现那张图吗？能，就对了。具体拆成几步：
第一，简洁且描述性强。别写“一张图表”，而要写“2023年下半年各月销售额柱状图，8月达峰值12万元”。把关键信息塞进去，尤其是数据或差异化特征。如果是信息图，把图里的核心结论总结成一句话。
第二，自然融入目标关键词，但别硬来。假设你页面的主词是“北海道自由行”，一张札幌钟楼的照片，alt可以写“札幌钟楼夜景，北海道自由行打卡地”。顺滑地带出关键词，绝不堆砌。
第三，长度有个参考：125个字符以内，因为某些屏幕阅读器会截断超过的部分。并非绝对，如果你的描述确实需要长一点才能说明白，那就长，但别啰嗦。“一只棕色泰迪犬坐在红色沙发上，歪头看镜头”就够了，不用加“图片背景是白色墙壁”。
第四，别在alt里写“图片”、“照片”这类废话。屏幕阅读器已经预播了“图形”，你再写“图片”，用户听到的就是“图形 图片”，傻不傻。除非这张图片主题本身就是“老照片扫描件”，那才需要强调类型。
第五，电商产品图，注入型号、颜色、角度。比如：“苹果iPhone 15 Pro 深蓝色 正面屏幕特写”。这种长尾alt能帮你抓到精准的购买意向流量，太香了。
Alt属性的另一面：不只是SEO，你随时可能吃官司
https://obgeo.oss-cn-beijing.aliyuncs.com/pvc-articles/41980b21-40df-4bde-9b4e-b20423a68823.jpg
Alt属性的另一面：不只是SEO，你随时可能吃官司
这话题比排名更沉重。在美国、欧洲，网站无障碍是法律要求。美国残疾人法案（ADA）诉讼近年来疯涨，2019年我就帮朋友处理过一桩——一个小餐馆网站因为菜单图片全无alt，被律所盯上，索赔上万美金。最后私了，改了代码。自那以后，我对alt的敬畏刻进骨子里。
更普遍的，网络环境参差不齐。有人还在用2G网，有人在地铁隧道里，图片加载不出来，alt就是唯一的视觉替代。盲人用户每天都在“听”网页，你想像一下，当他用读屏软件扫过你的页面，听到一句“图形：IMG0321.jpg”是什么心情？Alt属性不仅是SEO手段，更是对用户的尊重和法律合规要求。别等律师函来了再补救。
用什么工具查缺失alt？Screaming Frog爬一遍，免费版就够。或者Chrome内置的Lighthouse，跑一次无障碍报告，缺失alt标得清清楚楚。改起来也就几分钟的事，何乐不为。
下次你上传图片时，盯着那个“替代文本”的输入框，别手软。花十几秒填点实在的，几个月后，你兴许也会像我一样手抖——看着图片搜索带来的流量偷着乐。谁知道呢。 看完之后深有感触，有些话真的说到心坎里了，很有共鸣。 说得很有道理，很多观点都说到点子上了，希望以后能多看到这类帖子。 看了这么多帖子，还是觉得你这篇最实在，条理清晰又容易理解。 很多建议都很接地气，能直接用在生活或工作中，实用性很强。 已经推荐给朋友来看了，好东西就应该一起分享一起学习。 很多点我之前都没想到，楼主一提醒才恍然大悟，收获很大。
页:
[1]