使用alt文本和背景图片?

时间:2013-10-30 21:37:23

标签: html css seo background-image

对于搜索引擎优化目的和清洁/语义代码,我们不能在带有替代文字的标签中使用透明的.png作为CSS背景图像吗?

示例:

CSS:

.ImgClickTrans {
    width: 100%;
    height: 100%;
}
#image-in-question {
    background-image: url(../images/bg-image-5.jpg);
}

以及此HTML:

<div id="image-in-question">
    <a href="http://stackoverflow.com/">
        <img class="ImgClickTrans" src="../images/trans.png" alt="EVER IMPORTANT ALT TEXT">
    </a>
</div>    

我们是否知道这是否被视为作弊(有点像文字缩进-9999px)? 以我简单的思维方式,它给了我们两全其美。我们希望使用背景图像以及Google和屏幕阅读器的可抓取替代文字。

我感谢任何意见。

1 个答案:

答案 0 :(得分:1)

这不是语义,因为图像的alt属性中使用的单词应该是它的文本等价物并传达相同的信息或服务于图像的相同目的更多关于为什么你不应该使用任何类型的背景alt文本技巧在这里: http://www.456bereastreet.com/archive/200905/css_background_images_cannot_and_should_not_have_alternate_text/

无论如何,我认为现在它不会被谷歌发现为垃圾邮件,但至少不要用太多关键字来填充它。