如何在背景图像(CSS Sprites)中添加TITLE和ALT?

5
在我的项目中,由于有很多图片,我使用了CSS sprites。现在我们的SEO团队说图片应该有ALT和TITLE标签。我知道背景上不能添加Title和ALT。所以他们提出了一个想法,在html中放置一个透明图像覆盖那些背景图片,但这对我来说似乎非常不合逻辑(如果图像与关键字无关,则它有什么影响)。请帮我解决这个问题,有什么最好的做法,并支持你的答案的逻辑原因?这样我就可以处理SEO团队的要求。

2
显然,你们的SEO团队不知道内容中的图片和用于装饰的背景图片之间的区别。 - BoltClock
1个回答

3
我建议不要使用透明图片,因为早期版本的IE无法很好地支持它们。你会看到黑色块。但是,有一些JavaScript技巧可以避免这种情况。
如果这些图片只是背景图片,并没有增加网站的含义,请将其保留为背景图片。但是,如果这些图片可以增加网站的含义,您应该使用img标签并使用alt标签。Alt标签有助于改善SEO。

谢谢你的回答,非常有逻辑。 告诉我一个事情,这两者中哪个在SEO中评分更高,是alt标签中的文本还是真正的文本(如果我将真正的文本与text-indent一起放置)? - Pal Singh
搜索引擎会查找alt标签,并为页面的可访问性和相关图像奖励积分。使用文本缩进只会向您的页面添加文本,这有点删除了使用alt标签的SEO优势,并向搜索引擎解释您还在使用与内容相关的图像。 - Michael Rader
不用担心...你肯定能懂的 xD - Pal Singh

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接