0

出于 SEO 目的和干净/语义代码的目的，我们能否在带有 alt 文本的标签中同时使用透明的 .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 和屏幕阅读器的可抓取替代文本。

我很感激任何意见。

4

1 回答 1

2

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

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

于 2013-10-30T22:13:42.093 回答