图片 alt 标签

alt 文本(alternative text)是可访问的 Web 设计的宗旨。它的原始目的是向无法看到图片的访问者描述图片,包括阻止图片加载的屏幕阅读器和浏览器(如在 Linux 终端),但也包括视力障碍或无法视觉识别图片的用户。此外,网速不佳等原因造成无法加载图片文件时,将在图片的位置显示 alt 标签。

HTML 标签:

<img src="logo.jpg" alt="Shop logo">

如何撰写图片 alt?

@fs-5 创建描述性的 alt 标签

alt 标签必须具有描述性和实用性。alt 标签应该包含足够的信息,以使看不见图片的人无法理解图片的含义。编写 alt 标签时,假设自己看不到图片,怎样的 alt 描述才可以帮助搜索引擎和用户理解图片上的内容?

@fs-5 保持 alt 标签简短

alt 标签需要描述性,但也必须简短,它们不应是完整的句子或段落。alt 标签最多只能包含 125 个字符,它应为用户和搜索引擎提供足够的详细信息,以将图片与页面的上下文相关联。

@fs-5 在 alt 标签中使用关键字

alt 标签是放置相关关键词的好地方。如果您将相关关键词与网页上图片周围的内容一起放在 alt 标记中,则将有助于改善搜索引擎的优化。

@fs-5 不要只为 SEO 写 alt 标签

alt 标签应牢记用户体验为第一原则,不要只专注于 SEO 和搜索引擎。请记住,alt 标记内的文本应与图片和页面内容相关。用关键词填充 alt 标签可能会损害搜索引擎排名而不是帮助排名,因为您可能会被视为作弊。除关键词填充外,对多个图片使用相同的 alt 标签和关键词也有疑似作弊的嫌疑。因此,每张图片 alt 标签描述应该唯一

@fs-5 不要用多余的说明文字

比如说「这张图片」。