如何将TITLE和ALT添加到背景图像(CSS Sprites)？

Question

在我的项目中,我使用了CSS sprites,因为有很多图像,现在我们的SEO团队说图像应该有ALT和TITLE标记.我知道Title和ALT不能在背景上添加.所以他们提出了一个想法,在背景中将html中的透明图像放在那些图像上,但对我来说这似乎非常不合逻辑(如果图像与关键字无关,那么它是如何重要的).所以请帮助我,为了支持你的答案,有什么最合理的理由是什么？所以我可以处理SEO团队.

Answer 1

我想说不要使用透明图像，因为早期版本的 IE 不能很好地支持它们。你会看到黑色的块。但这是可以通过一些 JavaScript hack 来避免的。

如果它们只是不会增加网站意义的背景图像，请将其保留为背景图像，但如果图像为网站增加了意义，您应该真正使用 img 标签并按照他们的建议使用 alt 标签。Alt 标签有助于 SEO。