Alt 文本：什么是 Alt 文本以及如何撰写 Alt 文本

介绍

在本指南中，您将了解到替代文本（又称 alt 文本）：它是什么、为什么它对页面搜索引擎优化很重要、如何正确使用它等等。

Alt 文本经常被忽视，但网站上的每张图片都应该有 Alt 文本。信息越多越好，将视觉信息转化为文本对于搜索引擎机器人和使用屏幕阅读器的用户来说至关重要。Alt 文本是将网站上的想法和内容联系在一起的信息来源。

本实用指南包含了一些技巧和建议，您可以立即使用，以改善网站的形象搜索引擎优化和可访问性。

什么是 Alt 文本？

替代文本（或 alt 文本）--也称为 alt 属性或 alt 标签（技术上不正确，因为它不是标签）--是在 HTML 代码中描述图像的一段文本。

Alt 文本有哪些用途？

alt文本最初的作用是描述无法加载的图片。多年前，当互联网速度较慢时，alt 文本可以帮助用户理解无法加载的图片内容。

如今，alt 文本可以帮助搜索引擎机器人理解图片的内容和上下文。更重要的是，alt 文本对于可访问性和使用屏幕阅读器的用户来说至关重要：

• 可访问性：Alt 文本可帮助残障人士（如使用屏幕阅读器）理解图片内容。

• 搜索引擎优化：Alt 文本可为搜索引擎提供额外的上下文，帮助它们更好地理解页面内容。

Alt 文本为何重要

网络是一种视觉体验，因此，alt 文本至关重要。它将图片的内容转化为文字，使更多的受众（包括残障人士和搜索引擎机器人）可以访问图片，而搜索引擎机器人还不够聪明，无法完全理解每张图片、其背景和含义。

Alt 文本为何对搜索引擎优化很重要

Alt 文本是页面搜索引擎优化的基本要素。适当的 Alt 文本优化可以提高网站在谷歌图片搜索中的排名，这可能是一个重要的流量来源，尤其是对于电子商务网站，因为用户通常会从谷歌图片搜索开始搜索产品。

为什么 Alt 文本对无障碍阅读非常重要

除了搜索引擎优化之外，alt 文本对于可访问性也至关重要，它使网络对每个人都具有包容性，包括使用屏幕阅读器的残障人士。在 alt 文本中描述图片内容有助于这些用户理解图片和页面内容。

Alt 文本示例

优秀 Alt 文本范例

考虑编写 SEO 审计指南，其中包含来自 Google Search Console 和 Screaming Frog 等工具的截图。alt文本的良好示例包括

<img src="google-search-console-coverage-report.jpg" alt="谷歌搜索控制台中的覆盖报告，显示索引和排除页面的数量"> <img src="google-search-console.jpg" alt="谷歌搜索控制台工具"> <img src="screaming-frog-html-pages.jpg" alt="尖叫蛙中的 HTML 页面列表"> <img src="screaming-frog.jpg" alt="尖叫蛙抓取中">

不良和/或垃圾 Alt 文本示例

不良 alt 文本的例子包括关键字填充或垃圾邮件：

<img src="google-search-console-coverage-report.jpg" alt="seo audit free, seo audit cheap, seo audit specialist, seo audit, seo audits"> <img src="google-search-console.jpg" alt="google seo, seo google, google, seo, google search console seo"> <img src="screaming-frog-html-pages.jpg" alt="seo auditor, seo audit, seo audits"> <img src="screaming-frog.jpg" alt="seo audit">

常见的 Alt 文本错误

• 未使用alt文本或使用空洞的alt文本。

• 对不同图片使用相同的 alt 文本。

• 使用不描述图片的非常笼统的 alt 文本。

• 自动使用文件名作为 alt 文本。

Alt 文本写作技巧

• 不要在 alt 文本中塞入关键词。

• 详细描述图片，但要相对简短。

• 在图片描述中自然地使用目标关键词。

• 不要在图片上使用文字。在 HTML 代码中添加所有文本。

• 不要写 "这是一张图片"。只需描述图片的内容。

• 确保您只需阅读图片的 alt 文本就能直观地看到图片内容。

如何排除图像 Alt 文本故障

检查元件

检查元素（鼠标悬停在图片上时右键单击并选择检查）可检查给定图片是否有 alt 文本。

批量分析

要进行批量分析，可使用 Screaming Frog 或 Sitebulb 等工具抓取网站并查看所有网站图片的 alt 文本。

Alt 文本看似不重要，但很重要

有关内容的每一个信息源都有其价值。无论是对于视力受损的用户还是机器人，alt 文本都有助于将网站上的图片上下文关联起来。展示对可访问性的承诺也是现代数字营销的重要组成部分。

常见问题

HTML 中的 alt 文本有什么作用？

Alt 文本在图片无法显示的情况下提供图片的文字描述，帮助用户理解图片内容，并帮助搜索引擎机器人理解图片的主题。

alt文本能提高网站的可访问性吗？

是的，alt 文本对于网站的可访问性至关重要。它能将视觉信息转化为描述性文本，供有视觉障碍的用户使用屏幕阅读器阅读，使网络更具包容性。

遵循这些提示，您就能确保您网站的图片可以访问并针对搜索引擎优化进行了优化，从而提升用户体验和搜索引擎性能。