0

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>

これが不正行為 (-9999px のテキスト インデントのようなもの) と見なされるかどうかはわかりますか? 私の単純な考え方では、それは私たちに両方の長所をもたらします. Google とスクリーン リーダー用のクロール可能な代替テキストと共に背景画像を使用した希望のスタイル。

ご意見をお待ちしております。

4

1 に答える 1

2

これはセマンティックではありません。画像の alt 属性内で使用される単語は、画像と同等のテキストであり、画像と同じ情報を伝えるか、同じ目的を果たす必要があるためです。背景の代替テキストのトリックを使用してはいけない理由の詳細については、http:/を参照してください。 /www.456bereastreet.com/archive/200905/css_background_images_cannot_and_should_not_have_alternate_text/

とにかく、Google からのスパムとして発見される可能性はないと思いますが、少なくともキーワードを入れすぎないようにしてください。

于 2013-10-30T22:13:42.093 に答える