alt和img标题之间的区别-使用哪个-影响

多年来，我一直在为这样的图像编写HTML：

<img src="picture.jpg" alt="my picture" >

但是最近我使用Raven SEO工具对我的网站进行了审核，报告了很多错误，这让我感到非常惊讶。

当我查看报告时，这些错误的99％是由于缺少图像标题文本。

我知道，当您将鼠标悬停在图像上时，图像的标题文本可能会显示一些弹出窗口，但是除此之外，它的目的是什么，对SEO有影响吗？

另外，如果您要实施它，您将在其中添加什么？您是否只需在alt属性中添加相同的信息？即alt="my picture" title="my picture"

ALT标签是一种可访问性标签，即使是有视觉障碍的人也可以通过Google来使用它来确定图像是关于您的，但您永远不要考虑将用于SEO目的的ALT标签放在访问者面前。

许多人，甚至是在Google工作的Matt Mattts都在谈论alt标签，例如它们是专门为搜索引擎设计的，旨在告知bot图像的含义，这根本不是事实。

但是，您可以在照顾观众的同时告知Google图片的含义，而不仅仅是在alt标签中添加关键字，这会削弱用户体验，而且非常不自然。

一个典型的例子是，经常有人说要为关键词“伯恩茅斯”排名，他们的标题中将有伯恩茅斯，在H1中，元描述然后用alt标签“伯恩茅斯”制作图像，尽管这对SEO削弱了用户体验，并错过了alt标签的要点。alt标签适用于有视力障碍或完全禁用图像的人。因此，ALT标签旨在告知用户图像的含义。

可以在下面看到一个很好的例子

<img src="i.jpg" alt="Bournemouth" />

与

<img src="i.jpg" alt="Birdseye view of Bournemouth" />

上面的示例仍然包含您的关键字，同时向Google和您的受众群体解释了图像的含义。

那么标题标签呢？

当您将鼠标悬停在元素上时，title标签旨在提供更多信息，它对IMG并不是很有用，因为如果您打算对ALT和TITLE使用相同的信息，则可以使用脚本来读取alt标签并使您的使用JS自己悬停。如果您要提供比ALT标签更多的信息（例如更长的说明），我只会推荐title标签-无需在两个元素中都提供确切的信息，因为这只会使代码code肿。

标题标签对于链接来说非常方便，因为将鼠标悬停在其上可以为您的受众群体提供有关他们将要单击的链接的更多信息。值得在这里阅读更多有关title标签的信息。

alt给出图像的替代描述。该属性是必需的img。

title提供有关图像的其他信息。该属性是的可选属性img。

永远不要依赖中的信息title。如果信息确实很重要，则将其包含在自己的元素中。

这两个属性不应具有相同的内容。

您的困惑是正常的，是的，每个标签（标题，ALT）都代表了自己的潜力，可帮助搜索引擎和用户了解图像的含义。

有时ALT文本不足以描述图像，因此最好尽可能分配更多信息，在分配词中使用变化形式，从SEO角度来看也更有效。