首页 / SEO book / 内容与站内优化 / 替代文本是什么、怎么写

什么是 Alt 文本?

替代文本是什么、怎么写内容与站内优化

Alt 文本(alternative text,即替代文本)是对网页上图片的文字描述,供屏幕阅读器和搜索引擎使用。

什么是 Alt 文本?

Alt 文本(alternative text,又称“替代文本”“alt 描述”或“alt 属性”)是对 HTML 页面上图片的文字描述。它的首要目的是改善无法看到图片的用户的可访问性。

你会听到有人称它为“alt 标签”,但从技术上讲这是不准确的。Alt 文本是包含在 HTML 标签中的属性。

alt 属性以“alt=”开头,后面跟用引号括起来的 alt 文本。它通常看起来像这样:

<img src=”image.jpg” alt=”Image alt text” title=”Image Title”/>

Alt 文本为什么重要?

为图片添加 Alt 文本,首先是为了改善网页的可访问性。数百万视障用户在使用屏幕阅读器浏览在线内容——对他们而言,拥有与视觉呈现信息等价的文字至关重要。

否则,屏幕阅读器就无法传达图片的内容,这会损害用户体验。

Alt 文本在 SEO 中也占有一席之地。

要理解它对 SEO 的贡献,你需要知道 alt 属性对用户不可见,但可以被搜索引擎或屏幕阅读器读取。这段文字能帮助搜索引擎理解图片的内容。

因此,除了单纯描述图片之外,Alt 文本还为其增添了语义含义——这可以提升该页面在 Google 眼中的主题相关性,并帮助它获得更高排名。

在 Google 图片中排名时,Alt 文本的 SEO 收益也显而易见——这对你的网站而言可能是额外的流量来源。

最后,Alt 文本也可以是内容中或指向内容的链接的重要组成部分。如果你决定用图片作为链接,Alt 文本就会充当该链接的锚文本,帮助 Google 理解所链接页面的主题。

Alt 文本的最佳实践

为图片添加 Alt 文本,是让页面更无障碍、并支持其他 SEO 工作的简单方法。优化图片、撰写有效的 Alt 文本并不难,尤其当你使用 WordPress 这类现代 CMS 时。

以下是要牢记的要点:

1. 审核网站上缺失的锚文本

你应当先检查缺失的 Alt 文本——最好的做法是使用一个能抓取你的网站、并找出 Alt 文本缺失或为空的图片的在线工具。例如,Site Audit 可以帮你做到这一点,Ahrefs Webmaster Tools 也可以。

Alt-Text-distribution-in-Ahrefs-Site-Audit

不过,你不应该给网站上的每一张图片都添加 Alt 文本。

有些图片,主要是装饰性图片,并不需要它,你反而希望屏幕阅读器“忽略”它们。

不要为每一张缺失 alt 属性的图片焦头烂额。相反,应聚焦于那些访问量最高、已经在带来大量自然流量的页面。

2. 不要在 Alt 文本中堆砌关键词

Alt 文本可以——实际上也应该——包含能提升网站 SEO 的相关关键词。话虽如此,你仍应确保使用信息丰富、有价值的文字,并且与页面内容保持一致、相关。

换言之,不要关键词堆砌。

不要尽可能多地塞入关键词,然后指望它能帮你提升排名。这种做法极不可取——据 Google 称,它既不道德也无效。

所以,在 Alt 文本中添加关键词时,要克制——只在合理的地方使用。

3. 控制在 100 个字符以内

大多数情况下,Alt 文本只由一个词——也许是一个短语——构成。不过,Functionality Accessibility Evaluator 建议 Alt 文本不应超过 100 个字符——而 100 个字符有时差不多是一两句话。

你有足够充裕的“空间”来优化 Alt 文本。你可以——也应该——利用这一点,但要确保不要写出冗长的描述,以免被屏幕阅读工具截断。