这两个例子都不推荐。代码的第一行实际上根本不包含任何描述（注意引号是空的），而第二个例子显示了描述中的关键字填充。

为什么alt描述是重要的？
1.无障碍

描述要以网页可阅读性为原则，它最初的（也是主要的）目的是让无法看到图片的访问者，藉由描述来了解图片，这包括无法看到图片的萤幕阅读器和浏览器，也包括视力受损或无法直接识别图片的用户。在您的图片中添加描述可确保所有用户（无论视觉能力如何）都能欣赏您网站上的内容。

2.图片SEO

在您的图片上使用描述可以带来更好的用户体验，也可能帮助您获得显式和隐式搜索引擎优化的好处，随着添加图片标题和文件命名的最佳做法，包括描述也可能有助于图片SEO。

儘管搜索引擎图片识别技术多年来已经有了很大的改进，搜索爬虫仍然不能在网页上“看”图片，所以将解释完全留给爬虫手中是不明智的。如果他们不明白，或者弄错了，那么你可能会排除到你不想排除的关键字，或者完全错过排名。

从这个意义上来说，描述为您提供了另一个曝光目标关键字的机会，由于网页内关键字的使用量仍然将搜索引擎的排名因素作为重要因素，因此创建替代图片的文字是最符合您重视的环节。如果可能的话，最好要包含您要的目标关键字或关键字相关词组。

我如何撰写好alt的描述？
1.尽可能详细地描述图片：

初衷是设计用来为无法看到图片的用户提供图片的替代解释，如果一个图片没有真正表达任何意义与价值，只是出于设计目的，它应该是放置在CSS，而不是HTML。

2.保持（相对）较短：

大部分的萤幕阅读器会将约125个字符后的字符切掉，因此建议将其保留为不超过125字符数量。

3.使用您的关键字：

可以将您的目标关键字包含在网页上，从而有机会向搜索引擎发出信号，表明您的网页与特定搜索查询高度相关。虽然您的首要任务应该是描述图片并提供上下文，如果图片与关键字有相关意义，请将关键字包含在页面上至少一个图片的描述中。

4.避免关键字填充：

Google不会把注意力放在写得不好的描述上，但是如果你用自己的描述来填充很多的相关关键字，那么你就会遇到麻烦，请专注于为图片提供上下文的描述性替代文字，当然如果可能的话，最好可以包含您的目标关键字。

5.不要将图片做成文字：

这不是对于文字的最佳作法，更不是友善的网站开发原则，由于搜索引擎无法读取图片中的文字，因此应避免使用图片代替文字。如果您必须这样做，请在照片的描述中说明图片中的文字内容。

6.不要在您的描述中放入「形象」「图片」等字眼：

它已经假定您的替代文字是指图片，所以没有必要在使用这些文字说明。

7.不要忘记可以使用longdesc=\" \"：

当网页放入较複杂的图片时，需要更长的描述才可以说明，此时可以使用longdesc属性来指定描述的内容或连结到详细说明的文件。

8.不要忽略表单按钮：

如果您的网站上的表单使用图片作为“提交”按钮，请给它一个ALT属性。图片按钮需要有一个ALT属性来描述按钮的功能，例如“送出”、“购买”、“注册”等说明。

资料来源：https://moz.com/learn/seo/alt-text

欢迎推广本文，请务必连结(LINK)本文出处：新视野网页设计公司