WordPress 图片 Alt Text 编辑示意图,展示替代文字、图片 SEO 与无障碍应用

图片 Alt Text 怎么写?WordPress 图片 SEO 与无障碍的 8 个原则

技能

在 WordPress 上传图片时,媒体库里有一个很容易被随手填掉、甚至完全忽略的栏位:Alt Text(替代文字)。有人把文件名复制进去,有人为了 SEO 塞满关键词,也有人认为 AI 已经能看图,所以 图片 Alt Text 已经不重要。

其实 Alt Text 最初解决的不是「排名技巧」,而是一个很实际的问题:当读者看不到图片时,这张图所传达的重要信息还能不能被理解?屏幕阅读器会使用替代文字,图片无法加载时它也能提供语义;Google 同样会结合 Alt Text、页面文字与计算机视觉理解图片内容。

所以,好的 Alt Text 应该先服务读者,再考虑搜索引擎。这篇文章整理我认为 WordPress 网站最值得落实的 8 个原则。

1. 先判断图片有没有传递信息

不是每一张图片都需要一段描述。W3C 把网页图片区分成 informative、decorative、functional 等不同用途;真正重要的是图片在当前页面承担什么角色,而不是图片本身看起来是什么。

例如一张产品照片如果用来说明产品外观,它是信息性图片;同一张照片如果只是重复旁边已经完整写出的内容,可能只是视觉装饰。Alt Text 必须根据使用情境决定。

W3C 的原则很简单:信息性图片应提供能够传达关键内容的文字替代;纯装饰图片则应该使用空的 alt="",让辅助技术跳过它。

2. 描述「重要信息」,不是把画面每个东西念一次

Alt Text 不是摄影作品鉴赏。读者真正需要的是理解文章所需的信息。

假设文章正在比较两款笔记本电脑,一张照片显示两台电脑的接口位置。比起:

桌上有两台银色电脑,后面有白墙,旁边还有一个杯子。

更有用的写法可能是:

两款笔记本电脑左侧接口比较,A 款有两个 USB-C,B 款另有 HDMI 和 SD 卡槽。

前者描述了很多看得见却不影响理解的东西;后者把文章真正需要读者知道的信息说出来。

3. 不要为了 SEO 堆关键词

Google Search Central 明确建议 Alt Text 应该是有用、信息充分而且符合页面语境的描述,同时警告不要在 alt 属性堆砌关键词。关键词 stuffing 不只影响阅读体验,也可能让网站看起来像垃圾内容。

例如一张 WordPress 后台截图,不需要写成:

WordPress SEO 图片 SEO WordPress 图片优化 Alt Text SEO 教学

更自然的是:

WordPress 媒体库中的 Alt Text 输入栏位。

如果关键词本来就是图片的重要内容,自然出现没有问题;重点是描述图片,而不是把 Alt Text 当成隐藏的关键词栏。

4. 装饰图片应该留空,不是硬写一句

很多人听到「每张图片都要有 Alt」以后,会误以为每个 alt 都必须有文字。实际上,HTML 图片应该有 alt 属性,但装饰用途的图片应该使用空值 alt=""

原因是屏幕阅读器如果把每个分隔图案、背景装饰、重复 icon 都读出来,反而制造大量没有意义的声音干扰。W3C 和 WordPress Accessibility 文档都明确建议纯装饰图片使用空 Alt。

「没有 alt 属性」和「alt 属性为空」也不是完全相同的概念。某些辅助技术在缺少属性时可能转而读出文件名,因此装饰图正确的做法是明确给出空 Alt。

5. 图片是链接或按钮时,要描述它的功能

如果图片本身可以点击,Alt Text 的任务会改变。此时重点通常不是「图片长什么样」,而是点击以后会发生什么。

例如一个购物车图标作为加入购物车按钮,与其写「黑色购物车图标」,更有意义的是「加入购物车」。W3C 把这类图片称为 functional images。

Google 也指出,当图片被用作链接时,Alt Text 可以成为该链接的锚文字。因此功能描述同时影响无障碍与搜索引擎理解。

6. 图片里的文字,要看正文有没有重复

Featured Image、海报、活动图和社交媒体图片经常直接把标题做进图片里。这时候是否需要把整段文字再写进 Alt,要看页面附近有没有相同的真实文字。

W3C 的 Alt Decision Tree 提醒:如果图片里的文字已经以真实文字完整出现在附近,而且图片没有额外信息,可能使用空 Alt 就够了;如果文字只存在图片里,则替代文字需要传达那项内容。

这也是为什么重要资讯最好不要只做进图片。日期、价格、报名条件、步骤等真正影响理解的资料,应该同时存在于 HTML 正文,而不是期待读者一定能看到图片。

7. WordPress Featured Image 要考虑主题怎样使用它

在 WordPress 的 Featured Image 有一个容易忽略的问题:同一张特色图可能出现在文章页、首页卡片、分类页和链接位置。

WordPress Accessibility Handbook 指出,如果 Featured Image 没有链接,Alt 可以描述图片;如果图片本身链接到文章,替代文字应考虑链接目的,例如文章标题。

因此不要机械地把每张 Featured Image 的 Alt 都写成一串 SEO 关键词。先看看主题实际输出的 HTML,以及标题是否已经紧邻图片出现。重复朗读标题和图片描述,有时反而降低辅助技术使用体验。

如果你还在处理尺寸、WebP、SEO 文件名等问题,可以先看我之前整理的《AI 图片上传 WordPress 前:做好 WebP 与图片 SEO 的 8 个步骤》。那篇处理的是图片上线前的完整技术流程,这篇则集中解决 Alt Text 本身。

8. AI 可以先写 Alt Text,但必须看上下文再改

现在让 AI 看图并产生 Alt Text 很方便,特别是一次处理大量媒体时。但 AI 看到的是画面,不一定知道图片在文章里为什么出现。

例如 AI 可能正确识别「一个人在电脑前看数据图表」,但文章真正讨论的是图表里的流量下降。如果没有正文语境,自动生成的描述可能视觉上正确,却没有传达文章需要的信息。

比较稳妥的方法是把图片和使用情境一起交给 AI,再要求它只描述与当前内容有关的重点;最后由编辑判断图片属于信息性、装饰性还是功能性图片。

我在用 ChatGPT 查资料的事实核查流程里也采用相同原则:AI 可以加快第一轮处理,但不能取代最后的编辑判断。

一个简单的 Alt Text 判断流程

  1. 如果拿掉这张图,读者会失去重要信息吗?如果不会,它可能只是装饰。
  2. 如果会,写下读者必须知道的那项信息,而不是描述所有视觉细节。
  3. 如果图片是按钮或链接,优先描述功能或目标。
  4. 如果重要文字只存在图片里,把必要文字放进 Alt,同时考虑把资讯补进正文。
  5. 检查有没有关键词堆砌、重复标题或无意义的「图片」「照片」等字眼。

Alt Text、Caption、Title、文件名有什么不同?

Alt Text 是图片的文字替代,核心是无障碍和语义;Caption 是所有读者都看得到的图片说明;Title 是媒体或 HTML 的附加标题信息,不能取代 Alt;文件名则可以给搜索引擎一些轻微信号,但同样不能取代替代文字。

Google 建议图片使用简短而具描述性的文件名,并把 Alt Text 视为理解图片主题的重要 metadata。换句话说,wordpress-alt-text.webp 是合理文件名,但真正的 Alt 仍应该根据图片在文章中的意义来写。

FAQ:图片 Alt Text 常见问题

Alt Text 要写多少字?

没有一个适用于所有图片的神奇字数。原则是用足够短的文字传达必要信息;复杂图表如果需要大量解释,应在正文提供完整说明,而不是把整篇分析塞进 Alt。

每张 WordPress 图片都必须填写文字吗?

不是。每个 <img> 应该有合适的 alt 属性,但纯装饰图片通常应该是 alt="",让屏幕阅读器忽略它。

Alt Text 会直接提高 Google 排名吗?

不应该把它理解成一个可以单独操控排名的按钮。Google 会结合 Alt Text、页面内容和视觉分析理解图片。正确做法仍然是提供准确、有上下文的描述,而不是为了 SEO 塞关键词。

小结:先替看不到图片的人写,再考虑搜索引擎

Alt Text 最容易记住的原则,是问自己:「如果我不能把这张图展示给读者,我会用哪一句话传达它在这里最重要的作用?」

这句话通常就是不错的起点。SEO 并不要求我们牺牲可读性;相反,Google 对图片的官方建议与无障碍原则在很多地方是一致的:描述要准确、符合上下文,而且不要滥用关键词。

参考资料

感谢阅读。


支持本站

如果这篇文章对你有帮助,欢迎支持我们的创作。

sventang

我是 Sven Tang,拥有多年中文杂志编辑、内容策划及网站经营经验,目前专注于中文内容创作、WordPress、SEO、AIO 与 AI 辅助写作。我会持续分享实际测试、操作经验,以及数字内容时代的观察。 如果你需要中文文章撰写、编辑润色、英译中、SEO 内容优化或 WordPress 网站内容维护,也欢迎与我联系。
Previous
ChatGPT 提示词怎么写?从模糊要求到有效 Prompt 的 8 个实用方法

Leave a comment

Your email address will not be published. Required fields are marked *

支持本站

谢谢你拜访我的网站,如果你喜欢我写的文字和故事,可以捐赠一些经费让我可以继续到不同的地方去,发掘这个世界上更多美丽的事物。
如果你愿意支持我,在paypal给我小小鼓励,我在这里先说声謝謝你!
自动加载图片滑块

过往文章

Powered by 12Go system
Free counters!

RSS feed: STYLOMILO.NET STYLOMILO.NET

RSS feed: INFLUENCER>MY INFLUENCER>MY