현재 div+css 레이아웃이 매우 인기가 있다는 것은 누구나 알고 있습니다. CSS는 웹 페이지의 콘텐츠와 표시를 분리하고, 웹 페이지 코드를 간소화하고, 몇 가지 코드를 변경하고, 새로운 웹 페이지 스타일을 만듭니다. 하하! 오픈 속도는 말할 필요도 없습니다! 하지만 SEO 관점에서 보면 숨겨진 텍스트는 SEO 부정행위입니다! ! 위에서 언급한 것처럼 CSS는 완벽합니까? 잘 모르겠으니 CSS 이미지가 img 태그를 완벽하게 대체할 수 있는지 토론해 볼까요? 물론 여기에는 Alt도 포함됩니다!
1. 일반 웹 페이지의 사진 HTML 코드는 다음과 같습니다.
<h1>
<img src="images/logo.jpg" alt="로고 이름" />
</h1>
2. 대신 CSS를 사용하는 경우 먼저 CSS 코드(여기서 .logo는 클래스 선택기임)를 작성합니다.
h1.main-로고 {
너비: 300px; 높이: 50px;
배경: url(images/logo.jpg);
텍스트 들여쓰기: -9999px;
}
웹페이지에서 CSS를 호출할 때 코드는 다음과 같습니다.
<h1 class="main-logo">로고 이름</h1>
위의 두 가지 표현 방법은 완전히 동일하지만 CSS가 이미지를 표현하는 방식이 텍스트에 '로고 이름'이라는 단어를 숨기게 만드는 방식이 SEO 관점에서 보면 부정행위인가요? (SEO 전문가분들은 메시지를 남겨주세요!)
왜 모두가 이 CSS를 사용하는 것을 좋아합니까? 이유는 설명하지 않겠습니다. 이전에 언급한 적이 있습니다! 그러나 검색 엔진은 이해합니까? 웹페이지가 열리는 속도는 사용자에게 친숙하지만, 검색엔진은 이해할 수 있을까요? 우리 모두 알고 있듯이 검색 엔진은 이미지가 아닌 텍스트만 인식합니다! CSS를 사용하면 텍스트가 숨겨져 있음이 분명합니다. 검색 엔진은 숨겨진 텍스트에 대한 SEO 부정 행위를 엄격하게 처벌합니다. 하지만 CSS를 사용하는 것이 기술적으로 합리적인가요? Google과 다른 검색 엔진이 이를 이해할 수 있을까요?
Google의 선임 엔지니어인 Matt Cutts의 말을 들어볼까요?
텍스트를 숨기기 위해 CSS를 사용하는 경우, 그것이 스팸이라고 해도 놀라지 마십시오. 마우스 오버나 DHTML 텍스트 또는 로고가 있지만 텍스트도 있는 것이 스팸이라는 뜻은 아닙니다. ; 나는 회의에서 마지막 질문에 "방문자, 경쟁사 또는 스팸 보고서를 확인하는 사람에게 어떻게 보일지 상상해 보십시오. 회사 이름과 Expo Markers 로고 대신 Expo Markers가 표시된다면, 괜찮을 것입니다. 표시하기로 결정한 텍스트가 'Expo Markers 저렴한 온라인 할인 온라인 Expo Markers 판매...'인 경우에는 좋지 않을 수 있으므로 더 주의해야 합니다.
그의 말을 보면 의도적으로 CSS를 사용하여 SEO를 플레이한다면 하하, 그건 좀 위험할 것 같습니다! 사용자 친화성을 높이기 위해 CSS를 사용하는 것이 합리적이라면 걱정할 것이 없습니다.
추신: 나는 여전히 Google의 로고를 살펴보았는데 이 글의 첫 번째 지점에서 언급한 img를 사용하고 있습니다. 그리고 일부 Wikipedia에서는 CSS 이미지를 사용하고 있으며 가중치 순위는 아무런 영향을 미치지 않는 것 같습니다! 잘! 결정하기 어려운 질문이므로 모두에게 맡기자! !
이 기사의 출처: www.bobaiyou5.com
귀하의 기여에 대해 Bobaiyou에게 감사드립니다