Alt Text 是什么?小小一行字,影响你的搜索排名

发布日期: 2025年8月5日

什么是 Alt Text?

Alt Text(替代文本)是一段简洁的文字,用于描述网页中的图片内容。当图片无法加载时,浏览器会显示这段文字;对于视障用户使用的屏幕阅读器来说,Alt Text 也起到关键的辅助作用。

为什么要写 Alt Text?

  1. 提升可访问性
    让视力障碍者能理解图片内容,是网站无障碍设计的重要一环。

  2. 有利于搜索引擎识别
    搜索引擎通过 Alt Text 识别图像内容,从而帮助图片在搜索结果中更好地展现。

  3. 防止信息丢失
    当图片加载失败时,Alt Text 可以代替图像传递关键信息,维持内容逻辑。

如何设置 Alt Text?

Alt Text 通常通过 HTML 或内容管理系统(CMS)填写。例如:

<imgsrc="photo.jpg"alt="柳树下骑自行车的少年">

在 WordPress、Shopify、Wix 等网站后台上传图片时,也会有专门的“Alt Text”填写栏。社交平台(如 LinkedIn、Instagram)也支持添加替代文本功能。

Alt Text 写作要点

1. 清晰具体

用简洁语言说明图片的核心内容,例如:“红色自行车停在樱花树下”。避免描述摄影角度、文件名等无关信息。

2. 控制字数

建议控制在 125 个字符以内,过长的 Alt Text 可能会被屏幕阅读器截断。

3. 自然使用关键词

如图片内容与关键词相关,可自然融入,但不要刻意堆砌,以免影响可读性。

4. 区分图片类型

对于传达信息的图片(如数据图、产品图)应写 Alt Text;装饰用途的图片可设置为空值(alt=""),让屏幕阅读器忽略。

5. 结合语境书写

Alt Text 应结合图片所在页面的内容和用途来描述,而不是孤立地陈述图像。

6. 定期检查完善

建议定期检查网站中是否存在缺失或无效的 Alt Text,可结合后台工具或手动核对。

Alt Text 优化示例

场景
不佳范例
推荐范例
产品图
“鞋子”
“黑色帆布运动鞋,男款,白色鞋带”
风景图
“风景”
“夕阳下湖畔水面映照红色晚霞”
信息图
“图表”
“柱状图显示今年第三季度销售额增长30%”

常见 Alt Text 添加方式

  • WordPress:在“媒体库”中上传图片时填写 Alt Text。

  • Shopify/WooCommerce:在产品图片编辑界面添加替代文本。

  • Wix/Squarespace:上传图片后,点击图片设置中填写 Alt Text。

  • 社交平台:如 Instagram 在“高级设置”中可添加 Alt Text,LinkedIn 上传图片时也支持填写。

Alt Text 是图片的文字说明,能提升网页的可访问性和 SEO 效果。
撰写时应做到:精准、简洁、有信息价值
不论是内容创作者还是网站运营者,都应重视每张图片背后的这行小文字,它既服务于用户体验,也有助于内容在搜索引擎中脱颖而出。

本篇文章来源于微信公众号: 外贸加出海