html - 使用带有背景图片的替代文本?

标签 html css seo background-image

<分区>

为了 SEO 目的和干净/语义代码,我们不能在带有替代文本的标签中同时使用透明的 .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>    

我们是否知道这是否被视为作弊(有点像 -9999 像素的文本缩进)? 以我简单的思维方式,它为我们提供了两全其美的方法。我们想要的样式,包括背景图片以及可供 Google 和屏幕阅读器抓取的替代文本。

感谢任何意见。

最佳答案

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

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

关于html - 使用带有背景图片的替代文本?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19694269/

相关文章:

html - 为什么这两个 div 之间有空白?

jquery - 将类添加到包含 ul 子级的父级

javascript - 如何将文件上传文本更改为图像并上传文件并渲染到 div

css - 使用 scss 执行包含通用部分和特定部分的最小 css 规则集?

seo - 当搜索引擎看到 meta "description"和 meta "keywords"相同时会怎么想?

javascript - 主干 js 重页面的 SEO

javascript - 关于 iframe。需要展示展示响应式设计的网站组合

html - 仪表板 100% 高度?

css - 绝对定位 block 元素使其与其兄弟元素对齐

javascript - JGrowl 设置主题