图片和替代文本

Alt 文本代表替代文本。它也被称为“alt 描述”和“alt 属性”。它是添加到 HTML 中图像标签中的一个功能，用于为搜索引擎提供文本替代方案。它帮助搜索引擎了解图片的内容，因为它们无法像人类一样看到或解释图片。

Alt 文本旨在优化图片的速度和 SEO。当图片由于某种原因（例如连接速度慢、URL 损坏或用户正在使用屏幕阅读器）而无法显示时，它会出现在空白图片框中。因此，Alt 标签为搜索引擎抓取工具提供了更好的图片描述，以帮助它们正确索引图片。

图片 Alt 标签示例

下面给出了一些放置 Alt 文本的好处

1. 如果由于任何原因图片无法加载或未在页面上呈现，alt 标签将出现，告知图片的内容。它帮助用户了解那里有什么样的图片。
2. 搜索引擎旨在理解页面上的文本，而不是图片。因此，如果您的图片附有 alt 标签，搜索引擎将从 alt 标签中知道图片显示的内容，并将向用户提供正确的图片。
3. 如果您的主要关键词与图片相关，您可以在 alt 标签中包含它们。这将提高您在图片搜索中对该关键词的排名。
4. Alt 标签对视障人士非常有帮助，因为他们主要使用屏幕阅读器浏览网页。alt 标签帮助屏幕阅读器识别和解释屏幕上的空框中显示的内容。

如何编写好的 alt 文本？

• 描述性： 它应该相关且具有描述性。它应该为无法看到图片的人提供足够的信息。
• 简短： 大多数屏幕阅读器如果 alt 文本超过 125 个字符就会将其截断。因此，您应该将其保持在分配的字符限制内。它不应该以句子或段落的形式出现。
• 使用关键词： 它允许您在 alt 文本中加入您的关键词，因此您可以向搜索引擎表明您的页面与搜索查询高度相关。
• 避免关键词堆砌： 不要使用 alt 文本来堆砌与图片无关的关键词。
• 不要将图片用作文本： 搜索引擎无法读取图片形式的文本。因此，不要使用图片代替文字。如果您这样做，请在您的 alt 文本中描述您的图片说了什么。
• 不要在您的 alt 文本中使用诸如“图像”、“图片”等词语： 没必要使用这些词语，因为 alt 文本已经引用了图片。
• 使用 longdesc： 对需要更长描述的图片使用 <img longdesc="">。
• 不要忽略表单按钮： 在网站上使用图片作为其“提交”按钮的表单应具有 alt 属性。因此，所有图片按钮都应提供一个 alt 属性，该属性描述按钮的功能，例如“搜索”、“注册”、“立即申请”等。