在您的文章中添加图片会鼓励人们阅读它们，精心选择的图片也可以提升阅读体验，并在图片搜索结果中获得良好的排名。但是，您应该始终牢记为图像赋予良好的alt属性：替代文本可通过搜索引擎蜘蛛增强文章的信息，并改善网站的可访问性。本文介绍了有关alt和title属性以及为什么要对其进行优化的所有内容。

注意：术语“alt标签”是img标签上的alt属性。您网站上任何图片的alt属性都应描述其中的内容。盲人和视力障碍者的屏幕阅读器将朗读此文本，从而使您的图像更容易使用。

在我们深入之前，如果您想了解有关图像SEO和其他基本SEO技能的更多信息，请查看我们的全方位SEO教程！它不仅告诉您关于SEO的信息，还可以确保您知道如何将这些技能付诸实践！

什么是alt属性和title属性？

这是一个完整的HTML图像标签：

imgsrc=“image.jpg”alt=“imagedescription”title=“imagetooltip”

图像的alt和title属性通常被称为alt标签和title标签，尽管从技术上讲它们不是标签。替代文字描述图像上的内容以及页面上图像的功能。因此，如果您将图片用作购买产品X的按钮，则替换文字应显示：“购买产品X的按钮”。

alt标签由屏幕阅读器使用，屏幕阅读器是盲人和视障人士使用的浏览器，用于告诉他们图像上的内容。当您将鼠标悬停在元素上时，title属性将显示为工具提示，因此，在使用图像按钮的情况下，图像标题可能包含额外的号召性用语，例如“现在以19元的价格购买产品X！”，这不是最佳实践。

每张图片应该有一个替代文字，不只是为搜索引擎优化的目的，但也因为盲人和有视力障碍的人不会知道，否则图像是关于什么的，但是title属性不是必需的。而且，大多数情况下，添加它没有任何意义。它们仅对鼠标（或其他定点设备）用户可用，并且在仅有的一种情况下，该title属性要求可访问性为on iframe 和 frame 标记。

如果title属性传达的信息是相关的，请考虑将其以纯文本格式提供给其他地方，如果不相关，请考虑title完全删除该属性。

但是，如果图像没有目的怎么办？

如果设计中存在纯粹出于设计原因的图像，则说明这样做是错误的，因为这些图像应在CSS中，而不是HTML中。如果您确实无法更改这些图像，请为它们提供一个空的alt属性，如下所示：

imgsrc=\"image.png\"alt=\"\"

空的alt属性可确保屏幕阅读器跳过图像。

替代文字和SEO

搜索引擎在图片方面的文章标题为“使用描述性替代文字”。这并非巧合，因为搜索引擎在替代文字上给予了较高的重视，不仅可以确定图片上的内容，还可以确定其与周围文字的关系。这就是为什么在我们的SEO内容分析中，我们有一项功能可以专门检查您是否至少有一张带有alt标签的图像，其中包含您的核心关键词。

我们会检查您网页中的图像及其替代文本：我们绝对不是在说您应该将核心关键词设置到每个alt标签中。您需要为网页提供优质，高质量的相关图像，在alt文本中使用核心关键词才有意义。以下是搜索引擎有关选择优质替代文本的建议：

选择替代文本时，应着重于创建有用的，信息丰富的内容，这些内容应适当地使用关键词，并且要与页面内容相关。避免用关键词填充alt属性，因为这会带来负面的用户体验，并可能导致您的网站被视为垃圾邮件。

如果您的图像是特定产品，请在alt标签中同时包含完整的产品名称和产品ID，以便于查找。一般而言：如果关键短语可用于查找图像上的某些内容，请尽可能将其包含在alt标签中。另外，不要忘记将图像文件名更改为实际描述其内容的名称。

我们有一篇关于图片SEO的非常受欢迎（且更长）的文章。该文章采用了多种不同的方式来优化图像，但是在涉及到alt和title标签方面却相对缺乏细节，将其视为该文章的附加内容。建议您在这里完成后阅读。