在背景圖像中使用替代文字？

-1

對於搜索引擎優化的目的和乾淨/語義代碼我們可以不使用一個透明的.png標籤與ALT文本同時作爲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和屏幕閱讀器的可抓取替代文字。

我很欣賞任何輸入。

來源

2013-10-30 Brady Williams

這個問題似乎是題外話，因爲它是關於SEO –

爲什麼不讓圖像元素有正確的來源，並強制img元素來填補分區？ –

這不是語義的，因爲在圖像的alt屬性中使用的單詞應該是它的文本等價物，並且傳達相同的信息或提供與圖像相同的目的更多關於爲什麼你不應該使用任何種類的背景替代文字技巧在這裏：http://www.456bereastreet.com/archive/200905/css_background_images_cannot_and_should_not_have_alternate_text/

無論如何，我不認爲現在它可能被谷歌發現爲垃圾郵件，但至少不會填充太多的關鍵字。

來源

2013-10-30 22:13:42

在背景圖像中使用替代文字？

回答

相關問題