2013-10-30 2 views
-1

SEO 목적 및 클린/시맨틱 코드의 경우 CSS 배경 이미지와 동시에 alt 텍스트 태그에 투명한 .png를 사용할 수 없습니까?대체 텍스트를 배경 이미지와 함께 사용 하시겠습니까?

예 :

CSS :

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

:

<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

이 질문은 SEO가 관련되어 있기 때문에 주제가 아닌 것 같습니다 –

+0

이미지 요소에 올바른 소스가 있고 img 요소가 div를 채우도록 강요하지 않는 이유는 무엇입니까? –

답변

1

이미지의 alt 속성에 사용 된 단어가 텍스트와 동일해야하며 동일한 정보를 전달하거나 이미지와 동일한 목적을 제공해야하기 때문에 의미가 없습니다. 배경 alt 텍스트 트릭을 사용하지 않아야하는 이유에 대한 자세한 내용은 여기입니다. : http://www.456bereastreet.com/archive/200905/css_background_images_cannot_and_should_not_have_alternate_text/

어쨌든 나는 그것이 스팸으로 간주 될 수 있다고 생각하지 않지만 적어도 너무 많은 키워드로 채우지는 않습니다.

관련 문제