Html 我可以为所有图标使用相同的alt文本和标题吗

我可以使用

alt

文本作为HTML中的图标。但是如果我对所有图标使用相同的

alt

文本和

title

，可以吗？搜索引擎优化会有什么问题吗

橘子
橘子有益健康
苹果
苹果可能对你的心脏有好处

我使用

标记图标，然后使用CSS进行样式设置。我没有找到任何其他添加图标的最佳选项。一些人建议使用

标签，一些人建议使用

标签作为图标。我用了

---

因为大多数旧版本的浏览器都支持它。

Alt text是提高网站可访问性的好方法，它使屏幕阅读器能够描述您的图像。虽然这将有助于你的搜索引擎优化的主要原因是可访问性

---

标题应该是不同的，因为有重复的属性并没有多大意义。也就是说，标题不会影响你的搜索引擎优化。

建议使用不同的alt文本，即使这些文本也应该定义图标是什么。如果图标没有被加载，用户仍然可以看到alt文本并找出应该在那里的内容

类似地，标题文本也可以作为一个指南，当鼠标悬停在元素上时，它应该显示相关的有用信息

---

此外，它还提高了可访问性，因为屏幕阅读器将在alt和title中为视力受损的用户找到有意义的内容。

alt文本应传达图像打算传达给观众的信息。一个很好的基本测试是用

alt

属性的值替换图像，将其连同周围的文本一起大声读出，并询问句子是否有意义

图标橙子：橙子对健康有益

这是一个连贯的句子吗

在您的示例中，图像传达的信息与旁边的文本相同（只是形式不同）。它当然没有传达信息“图标”。您应该有

alt=”“

---

标题属性应该传递关于元素的可选但有用的附加信息。您的示例中没有任何属性，因此应该完全忽略

title

属性

当图像无法正确加载到浏览器端时，alt说明将显示给用户。所以，最好在alt文本中提及适当的图像描述，这样用户就可以知道当图像未呈现时会出现什么图像。这个问题似乎是离题的，因为它是关于SEO的，在堆栈溢出时是离题的。请阅读，以更好地理解什么时候可以在这里问SEO问题（大多数不是），以及在哪里可以得到帮助。